/****************************************************************/
/*   Design:   Yarn Diva Design                                 */
/*   File:     CSS                                              */
/*--------------------------------------------------------------*/
/*   Design:   Nelson Weiderman                                 */
/*   Date:     May, 2008                                        */
/*--------------------------------------------------------------*/

/******************/
/* GLOBAL LAYOUT  */
/******************/

body {font-size:62.5%; background-color:rgb(240,240,240); font-family:arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:800px; padding-top:0px; padding-bottom:0px; margin:0 auto; font-size:1.0em; }
.header {width:780px; min-height:200px /*Non-IE6*/; height:auto !important /*Non-IE6*/; height:200px /*IE6*/; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background:rgb(217,199,149) url(../images/Banner.jpg) no-repeat /*Total header background image entered here. Height: 125px*/; font-size:1.0em;}
.navigation {clear:both; width:780px; padding:10px 0 10px 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:rgb(200,200,200); font-size:1.0em;}
.content {display:inline; /*Fix IE floating margin bug*/; float:left; width:760px; background-color:rgb(200,200,200); font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:780px; padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200); background-color:pink; font-size:1.1em text-align="center"; !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: rgb(100,100,100);}

/*************/
/*  CONTENT  */
/*************/
.content-cell {width:780px; background:rgb(255,235,250); padding:1.0em 0 1.0em 0; border-left:solid 10px rgb(200,200,200); border-right:solid 10px rgb(200,200,200);}
p {margin:0em 0 1.0em 0; color:rgb(102,51,0); line-height:1.3em; padding: 0 20px 0 20px; font-size:131% !important /*Non-IE6*/; font-size:115% /*IE6*/;}

/**************/
/*  DIVIDERS  */
/**************/
.page-top {clear:both; width:800px; height:10px; background:pink url(../img/sep-top.jpg) no-repeat; overflow:hidden;}
.page-bot {clear:both; width:800px; height:10px; background:pink url(../img/sep-bot.jpg) no-repeat; overflow:hidden; border-top-color:#0000FF}
.nav-cell-top {clear:both; width:800px; height:21px; background:pink url(../img/separator.jpg) no-repeat; overflow:hidden;}

/**********/
/* IMAGES */
/**********/
.container img {clear:none; float:left; margin:5px 15px 7px 10px;  border:solid 3px rgb(200,200,200);}
.container img.head {margin:0px 0px 10px 0px;  border:solid 0px rgb(200,200,200);}
.container p img.none {clear:none; float:top; margin:1px 0px 0px 0px;  border:solid 0px rgb(200,200,200);}
.container img.center {clear:both; float:none; display:block; margin:0 auto;  border:solid 3px rgb(200,200,200);}
.container img.right {clear:both; float:right; margin:3px 10px 7px 10px; border:solid 3px rgb(200,200,200);}

/***********/
/* STYPLES */
/***********/
.style10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}
.headline {font-weight: bold; clear: left}
.noborder {
	height: 0px; 
	width: 0px; 
	border: 0px none #FFFFFF; 
	background-color: #ffffff;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcontent-cell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell-corner-top:after, .content-cell-corner-bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcontent-cell-corner-top:after, .subcontent-cell-corner-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both; Do not use here to avoid paragraphs clearing next to images*/;  visibility:hidden;}
.bigger {font-weight:bold;}