@charset "UTF-8";
/* CSS Document */

/* globals */

html, body { margin: 0; padding: 0; height: 100%; background: top repeat-x url(../images/background_global.jpg); }
div.clearall { clear: both; }
/* containers */

#bodyC {
	width: 800px; 
	background: #fff; 
	margin: 0 auto 10px auto; }
#primary { margin: 0 12px 13px 13px; width: 775px; height: 284px; clear: both; }
#primarytright { width: 340px; height: 107px; float: right; position: relative; padding-top: 13px;}
#primarymright { width: 320px; height: 144px; float: right; background: no-repeat url(../images/new.gif); position: relative; padding: 17px 10px 3px 10px; 
text-align: justify; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff; font-weight: 400;}
#primarybright { width: 340px; height: 158px; background: bottom no-repeat url(../images/photo_small3.gif); float: right; position: relative; }

#primarybright a:link, #primarybright a:visited {color: #000000; text-decoration: none; }
#primarybright a:hover {color: #e6f0f4; font-weight: bold; border-bottom: 1px groove #000000; text-decoration: none; }

#primaryfarleft {width: 212px; height: 274px; float: left; border-right: solid; border-right-width: 13px; border-right-color: #ffffff; background: no-repeat url(../images/farleftbg.gif); position: relative; padding-left: 10px;padding-top: 10px; padding-right: 10px; font: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff;}

#primaryleft {width: 175px; height: 284; float: left;}
#primaryleftlogin {width: 100px; height:auto; float: left; position: relative; padding-top: 3px;}
#primaryleftlogintext {width: auto; height: auto; float: right; position: relative; text-align: right;}
#primaryleftlogintext a:link, #primaryleftlogintext a:visited {color: #ffcc00; text-decoration:none;}
#primaryleftlogintext a:hover {color: #ffffff; border-bottom: 1px groove #ffcc00; text-decoration: none; } 

a:link {color: #6d9db3; font: 1.0 em Arial, Helvetica, sans-serif;}
a:visited {color: #6d9db3; font: 1.0 em Arial, Helvetica, sans-serif;}

#copy { 
	margin: 0 12px 30px 13px; width: 775px; padding-bottom: 50px; border-bottom: solid; border-width: 2px; border-color: #5d8ba2; position: relative;}
	
#lefthead {width: 420px; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; 
position: relative; text-align: center; color: #5d8ba2;}	
	
#righthead {width: 340px; background: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; 
position: relative; text-align: center; color: #5d8ba2;}

#right { width: 315px; height: 306px; background: #e6f0f4; position: relative; padding-left: 15px; padding-top: 10px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif;
font-size: 14px; background: no-repeat url(../images/rightbottombg5.gif);}
#linkr1 { width: 285px; height: auto; position: relative; padding: 8px 0px 8px 30px; float: left; }
#linkr2 { width: 90px; height: auto; position: relative; padding: 8px 0px 8px 30px; float: left; }
#clearlink {width: 100px; height: 1px; position: relative; float: right; }
#linkr2b { width: 195px; height: 28px; position: relative; padding: 20px 0px 0px 0px; float: right; font-family: "Book Antiqua"; font-size: 15px; color: #5b3c8c; font-weight: 600; }
#linkr2b a, #linkr2b a:visited {color: #5b3c8c; font-weight: 600; font-size: 15px; font-family: "Book Antiqua"; text-decoration: underline;}

#linkr3 { width: 285px; height: auto; position: relative; padding: 8px 0px 8px 30px; float: left; }
#linkr4 { width: 285px; height: auto; position: relative; padding: 8px 0px 0px 30px; float: left; }
#linkr1 a, #linkr1 a:visited, #linkr2 a, #linkr2 a:visited, #linkr3 a, #linkr3 a:visited, #linkr4 a, #linkr4 a:visited, #leftNP a, #leftNP a:visited{ color: #5d8ba2; text-decoration: none; }
#linkr1 a:hover, #linkr2 a:hover, #linkr3 a:hover, #linkr4 a:hover, #leftNP a:hover{ color: #5d8ba2; font-weight: bold; text-decoration: none; }


#left { width: 395px; height: 506px; position: relative; padding-left: 15px; padding-top: 10px; padding-right: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: no-repeat url(../images/leftbottombg.gif);}

#leftNP { width: 395; height: auto; background: #e6f0f4; position: relative; padding: 8px 0 8px 0; float: left;}

#linkleft1 { width: 365px; height: auto; background: #e6fof4; position: relative; padding: 8px 0px 8px 30px; float: left; }
#linkleft2 { width: 365px; height: auto; background: #e6fof4; position: relative; padding: 8px 0px 8px 30px; float: left; }
#linkleft3 { width: 365px; height: auto; background: #e6fof4; position: relative; padding: 8px 0px 8px 30px; float: left; }
#linkleft4 { width: 365px; height: auto; background: #e6fof4; position: relative; padding: 8px 0px 0px 30px; float: left; }


#rightall { float: right; width: 340px; height: auto; padding-right: 13px; position: relative; }

#leftall{ float: left; width: 420px; height: auto; padding-left: 13px; position: relative; }

#CosmeticClass {margin: 0 12px 30px 13px; width: 775px; color: #6d9db3; font: bold 1em Arial, Helvetica, sans-serif; text-align: left; }
#CosmeticClass2 {margin: 0 12px 30px 13px; width: 775px; color: #6d9db3; font: bold 1em Arial, Helvetica, sans-serif; text-align: left; }

#CosmeticProc1 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 30px; }

#CosmeticProc1 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProc1 h2 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 5px 0; padding: 0; }
#CosmeticProc1 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProc1 blockquote {width: 650px; position: relative; display: block; height: 100%; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 0 0 0 0; margin: 0 0 0 0; }
#CosmeticProc1 a, #CosmeticProc1 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProc1 a:hover { color: #fff; background-color: #5d8ba2; }

#Cosmetic1Pic1 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic2 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic3 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic4 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic5 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic6 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic7 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}
#Cosmetic1Pic8 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px;}

#CosmeticProc2 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 30px; }

#CosmeticProc2 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProc2 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProc2 a, #CosmeticProc2 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProc2 a:hover { color: #fff; background-color: #5d8ba2; }

#Cosmetic2Pic1 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic2Pic2 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic2Pic3 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic2Pic4 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic2Pic5 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}


#CosmeticProc3 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 30px; }

#CosmeticProc3 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProc3 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProc3 a, #CosmeticProc3 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProc3 a:hover { color: #fff; background-color: #5d8ba2; }

#Cosmetic3Pic1 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic3Pic2 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic3Pic3 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic3Pic4 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}

#CosmeticProc4 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 30px; }

#CosmeticProc4 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProc4 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProc4 a, #CosmeticProc4 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProc4 a:hover { color: #fff; background-color: #5d8ba2; }

#Cosmetic4Pic1 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic4Pic2 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic4Pic3 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}
#Cosmetic4Pic4 {width: 575px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 0 20px 20px; margin-bottom: 20px}

#CosmeticProcNoPics1 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 30px; } 

#CosmeticProcNoPics1 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProcNoPics1 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProcNoPics1 a, #CosmeticProcNoPics1 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProcNoPics1 a:hover { color: #fff; background-color: #5d8ba2; }

#CosmeticProcNoPics2 {margin: 0 12px 30px 13px; width: 775px; border-bottom: solid; border-width: 2px; 
border-color: #5d8ba2; padding-bottom: 50px; }

#CosmeticProcNoPics2 h1 { color: #000000; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 20px 0; padding: 0; }
#CosmeticProcNoPics2 p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }
#CosmeticProcNoPics2 a, #CosmeticProcNoPics2 a:visited { text-decoration: none; color: #5d8ba2; }
#CosmeticProcNoPics2 a:hover { color: #fff; background-color: #5d8ba2; }

#AllStaffBox {width: 630px; height: 552px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }

#StaffBox1 {width: 630px; height: 455px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }
#SB1Left {width: 300px; height: 410px; padding: 0 30px 20px 0; float: left; position: relative;}
#SB1Right {width: 300px; height: 410px; padding: 0 0 20px 0; float: left; position: relative;}

#StaffBox2 {width: 630px; height: 395px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }
#SB2Left {width: 300px; height: 375px; padding: 0 30px 20px 0; float: left; position: relative;}
#SB2Right {width: 300px; height: 410px; padding: 0 0 20px 0; float: left; position: relative;}

#StaffBox3 {width: 630px; height: 477px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }
#SB3Left {width: 300px; height: auto; padding: 0 30px 20px 0; float: left; position: relative;}
#SB3Right {width: 300px; height: auto; padding: 0 0 20px 0; float: left; position: relative;}

#StaffBox4 {width: 630px; height: 477px; border-top: solid; border-color: #5d8ba2; border-width: 1px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }
#SB4Left {width: 300px; height: auto; padding: 0 30px 20px 0; float: left; position: relative;}
#SB4Right {width: 300px; height: auto; padding: 0 0 20px 0; float: left; position: relative;}



.banner { width: 750px; height: 67px; display: block; background: no-repeat url(../images/banner.gif); margin: 0; padding: 0; text-indent: -9999px; position: relative; }
/*.leftmain {text-align: center; font: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFCC66; font-weight: bold; }*/


/* navigation */	
#navContainer { width: 800px; height: auto; text-align: center; background: #5d8ba2; padding: 1px 0 1px 0; clear: both; }
#navclear {width: 100%; clear: both; height: 20px;}
#navContainer ul { margin: 0; padding: 0; }
#navContainer li { list-style: none; display: inline; font: .7em Arial, Helvetica, sans-serif normal; color: #FFFFFF; }


#topnav { margin: 0 0 10px 0; padding: 0 10px 0 10px; width: 780px; height: 20px; clear: both; }
#topnavleft {width: 390px; text-align: left; float: left;}
#topnavright {width: 390px; text-align: right; float: right;}
#footer { margin: 15px 0 0 0; padding: 0; width: 800px; text-align: center; }
#footer ul, #topnav ul, #topnavleft ul, #topnavright ul { margin: 0; padding: 0; }
#footer li, #topnav li, #topnavleft li, #topnavright li {
	display: inline; 
	font: .7em Arial, Helvetica, sans-serif normal; text-align: right; }


/* primary fonts */

#copy h1 { color: #5d8ba2; font: bold .9em Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0; padding: 0; }
#copy h2 { color: #000; font: bold .8em ar Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0; padding: 0; }
#copy p { color: #000; font: normal .8em ar Arial, Helvetica, sans-serif; 
	margin: 0 0 7px 0; padding: 0; line-height: 18px; }

#copy blockquote { margin: 8px 20px 8px 20px; padding: 0; display: block; }
	
#copy a, #copy a:visited, #topnav a, #topnav a:visited { text-decoration: none; color: #5d8ba2; }
#copy a:hover, #topnav a:hover { color: #fff; background-color: #5d8ba2; }

img.inlineFL {
	float: left; margin: 0 10px 10px 0; border: 3px solid #ccc;
	display: block; }
img.inlineFR {
	float: right; margin: 0 0 10px 10px; border: 3px solid #ccc;
	display: block; }
img.cosmeticproc {
	float: left;
	padding: 20px 0 20px 20px;
	margin-bottom: 20px;
	position: relative;
	display: inline;
}
	
#H3 {color: #3399FF;}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
width: 142px; /*Width of top level menu link items*/;
padding: 2px 8px;
text-decoration: none;
background: #5d8ba2;
border: 1px solid #ffffff;
color: #ffffff;
font: Arial;
font-size: 10px;
font-weight: normal;
text-align: center;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 142px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 8px;
background: #5d8ba2;
color: #ffffff;
}

.horizontalcssmenu ul li a:hover{
background: #e6f0f4;
font: Arial;
font-size: 10px;
font-weight: normal;
text-align: center;
color: #5d8ba2;
}

.horizontalcssmenu ul li ul li a:hover{
background: #e6f0f4;
font: Arial;
font-size: 10px;
font-weight: normal;
text-align: center;
color: #5d8ba2;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* End */