/*				 

 	    Name: sitestyle.css
 Description: Joint Pathology Center Website Stylesheet.  Using CSS 2.1
Created: 02-07-2011
Last Updated: 06-12-2012

*/

body{
	background-image: url(../imgs/main-bg.jpg);  
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #DCDCDC;
	color:#000000;
	margin:0px;
	padding:0px;
	font-family:arial,Sans-Serif;
	text-align:center;
}
#skiplink{
display: none;
}

#container{

background-color: #ffffff;
	width:986px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#bannerArea{
color:#FFFFFF;
height:125px;
padding:0px;
margin:0px;
padding:0px;
}


#bannerArea #banner{
padding:0px;
margin:0px;
padding:0px;
float:left;
text-align:center;
width:280px;
}

#bannerArea #banner img{
margin-top:25px;

}


#headerArea div.searchForm{
	 float:left;
	color:#CBCDFC;
	font-size:09pt;
	text-align:center;
	font-weight:bold;
	margin-left:100px;
}

#headerArea div.searchForm div.search{
	vertical-align: top;
	margin:0px;
	padding:0px;}

#headerArea div.searchForm #searchtxt{
	vertical-align: top;
	border:0px;
	height:21px;
	color:#8486B0;}

/* Define style for HEADER NAV area*/
#headerArea div.navContainer{
	color:#666666;
	font-weight:normal;
	height:35px;
	clear:both;
}


#headerArea div.navContainer div{
	float:left;
	text-align:center;
	padding-left:15px;
	padding-top:5px;
}

#headerArea div.navContainer div a{
	color:#FFFFFF;
	font-family:Helvetica,Sans-Serif;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}

#headerArea div.navContainer div a img{
	margin-bottom:2px;
}
#headerArea div.navContainer div  img{
	margin-bottom:2px;
}

#headerArea div.navContainer div a:hover{
	color:#FFFFFF;
	font-family:Helvetica,Sans-Serif;
	font-size:10pt;
	text-decoration:underline;
	font-weight:bold;
}


#noFlash{
text-align:right;
padding:15px;
font-size:10px;}

.nodisplay{
display:none;
}


#collageArea{
	background-image: url(imgs/collage-area-1.jpg);
	background-color: #FFFFFF;
	color:#252560;
	clear:both;
}

#contentArea{
	background-color: #F9F9F8;
	color:#252560;
	width:986px;
}

#contentArea a{
	color:#252560;
	font-weight:bold;
	font-size:10pt;
}

.date {
        color: #505050;
        background: #FFF;
        text-align: right;
        margin: 4px 0 5px 0;
        padding: 0.4em 0 0 0;
        border-top: 1px solid #ddd;
}


#directorPortlet{
	background-color:#DFDEDE;
	width:269px;
	margin-left:10px;
	border:solid 1px #D0CFD1;
	color:#666666;
	font-size:09pt;
	float:left;

}

#directorPortlet h2{
	color:#3C3C3C;
	font-size:14pt;
	font-family:Helvetica, Sans-Serif;
	font-weight:normal;
	margin-bottom:3px;
}

#announcementPortlet{
	border:solid 0px #D0CFD1;
	font-size:09pt;
	float:left;
	width:603px;
}


#hotTopicsPortlet{
float:left;
background-color:#414688; width:270px;
height:205px;
margin-top:95px;
margin-left:14px;
border:solid 1px #151646;
text-align:center;
}

#hotTopicsPortlet ul{
list-style-type:none;
margin:0px;
padding:0px;
padding-top:5px;
}


#hotTopicsPortlet ul li{
padding:2px;
}

#hotTopicsPortlet div.collagePhoto{
float:left; 
height:300px;


}


#hotTopicsPortlet div.collagePhoto img{

margin-left:523px;

}
#hotTopicsPortlet .link{
color:#FFFF66;
font-size:16px;
font-weight:normal;
text-decoration:none;}

#dodSites{
text-align:center;
padding-bottom:0px;
margin-top:20px;
}
#contentPortlet h1{
	font-family:Helvetica, Sans-Serif;
	color:#532E62;
	font-size:20pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:10px;
	
}

#contentPortlet {
	font-size:10pt;
	padding-left:15px;
	float:left;
	width:590px;
}

#searchPortlet {
	font-size:10pt;
	padding-left:15px;
	float:left;
	width:980px;
}

#eduPortlet h1{
	font-family:Helvetica, Sans-Serif;
	color:#CD4F0D;
	font-size:20pt;
	font-weight:normal;
	margin-bottom:3px;
	
}

#eduPortlet {
	font-size:10pt;
	padding-left:15px;
	float:left;

}


ol.doubleSpace li{
	padding:5px;
}

#sitemap li{
	padding:5px;
}

.navArrow{
padding-bottom:1px;padding-right:2px;
}

#subNavLinks{

	background-color:#DFDEDE;
	width:269px;
	margin-left:5px;
	border:solid 1px #D0CFD1;
	color:#666666;
	float:left;
	height:75%;
	font-size:10pt;
	font-family:arial,Sans-Serif;
}





#subNavLinks a{
	color:#252560;
	text-decoration:none;
	font-size:08pt;
	font-weight:normal;
}

#mission{
font-size:09pt;
border: none;
}

#subNavLinks h2{
	font-family:Helvetica,Sans-Serif;
	color:#333333;
	font-size:14pt;
	font-weight:normal;
	margin-bottom:3px;

}
#subNavLinks a:hover{
	color:#000000;
	text-decoration:underline;
	font-size:08pt;
	font-weight:normal;

}

#notice{
padding:10px;
margin:5px;
text-transform:uppercase;}

#notice li{
	padding:5px;
	font-size:10pt;
	font-weight:bold;

	
}

#subNavLinks div.link{
margin:2px;
border-bottom:solid 1px #D0CFD1;
padding-bottom:4px;
padding-top:4px;
padding-left:7px;
}



#announcementPortlet table{
	margin-left:5px;
}

#announcementPortlet table thead{
display: none;}


#announcementPortlet table td{
	font-size: 10pt; /*6-12. Changed from  09pt */
	font-weight:normal; /*6-12. Changed from  bold */
	vertical-align:top;
	padding-bottom:30px;
	color:#666666; /*6-12. Added */
}





#announcementPortlet table td h3{
	font-family:Helvetica,Sans-Serif;
	color:#532E62; /*6-12. Changed from  #CD4F0D */
	font-size:16pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:0px;
	margin-top:0px;
}


#announcementPortlet a.h3{
	font-family:Helvetica,Sans-Serif;
	color:#532E62; /*6-12. Changed from  #CD4F0D */
	font-size:16pt;
	font-weight:normal;
	margin-bottom:3px;
	padding-top:0px;
	margin-top:0px;
        text-decoration:none;
}

/*6-12. ADDED */
#announcementPortlet a.h3:hover{
        text-decoration:underline;
}


#announcementPortlet table td div{
	text-align:left; /*6-12. Changed from  right */
	padding:5px;
	font-size:08pt;
}

#announcementPortlet table td div a{
	color:#532E62;  /*6-12. Changed from  #2653A5 */
	text-decoration:none;
	font-weight:normal; /*6-12. Added */
}

#announcementPortlet table td div a:hover{
	color:#532E62;  /*6-12. Changed from  #2653A5 */
	text-decoration:underline;
	font-weight:normal; /*6-12. Added */
}

#announcementPortlet table tr td img{
	border:solid 1px #4E539E;
}

#crumbs{
	font-size:09pt;
	color:#003366;
	padding:5px;
	border-bottom:1px solid #e5e5e5;
}

#crumbs label{
	font-size:09pt;
	color:#003366;
	padding-top:5px;
	font-weight:bold;
	margin-right:5px;
}

#crumbs a{
	text-decoration:none;
	color:#003366;
	font-weight:normal;
}

#crumbs a:hover{
	text-decoration:underline;
	color:#003366;
	font-weight:normal;
}
/* Define style for footer navigational area*/


#footerArea{
	color:#ffffff;
	font-size:08pt;
	font-weight: bold;
	clear:both;
	padding-top:25px;
	background-color: #532E63;
text-align:left;
}

#footerArea div.navContainer{
	font-family:Helvetica,Sans-Serif;
	font-size:08pt;
	height:30px;
	padding-left:0px;
	padding-bottom:10px;
	border-bottom:1px solid #ffffff;
	width:850px;
	margin-left:10px;
	margin-bottom:10px;

}

#footerArea div.navContainer a{
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	margin:5px;	
	font-weight: bold;	
	font-size:08pt;
}

#footerArea div.navContainer a:hover{
	color:#ffffff;
font-weight: bold;
	text-decoration:underline;
}

#footerArea .contact{
	font-size:09pt;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:20px;
	text-align:center;
}


#footerArea span{
	font-size:09pt;
	font-weight:normal;
}



#noFlash a{
font-size:10px;
text-decoration:none;
}

#noFlash a:hover{
font-size:10px;
text-decoration:underline;
}



div.message {margin:5px;}

#officialUSN{
font-weight:normal;
text-align:center;
color:#252560;
font-size:12px;

padding:0px;
margin-top:5px;
border:0px;}


.clear{
clear:both;
}


.linkArea{
color:#333333;
font-weight:bold; 
padding:5px;
font-size:13px;

}



.linkArea div.links ul{
padding:0px;
margin:0px;
list-style-type: none;

}


.linkArea div.links ul li{
margin-left:10px;
border-bottom:1px solid #cccccc;
padding-bottom:7px;

}


.linkArea div.links ul li:first-child {
margin-left:0px !important;
border:0px !important;
}






div.addr {
text-align:center;
color:#000000
}



div.pagePortlet{
width:680px; 
border: solid 1px #cccccc;
float:left;
margin-top:5px;
margin-left:10px;
margin-bottom:10px;
}

div.pagePortlet h3{
color:#343434;
font-size:18px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}

div.pagePortlet h5{
color:#343434;
font-size:12px; 
font-weight:bold;
border-bottom:solid 3px #532E63;
padding:5px; 
margin:0px;
background-color:#e5e5e5;
}

div.pagePortlet div.content{
font-size:13px;
color:#343434;
padding:5px;
}

div.pagePortlet div.content li{
padding-bottom:10px;
}


div.pagePortlet div.contact{
border-top:#cccccc 1px solid;
}

div.pagePortlet ul{
list-style-type:square;
color:#343434;
}


div.pagePortlet h4{
color:#343434;
font-size:15px; 
padding-top:10px; 
margin:0px;

}


div.searchPortlet{
width:980px; 
border: solid 1px #cccccc;
float:left;
margin-top:5px;
margin-left:10px;
margin-bottom:10px;
}

#cpt_codes{
width:650px;
}

#cpt_codes .cptcode{
float:left;
width:50px;
text-align:right;
padding-right:10px;
padding:7px;
}

#cpt_codes .cptdesc{
float:left;
width:475px;

padding:7px;}

#cpt_codes .cptfee{
float:left;
width:50px;
text-align:center;
padding:7px;}

ol.billing_faq li{

margin-bottom:18px;}

ul.release_form{
list-style-type:none !Important;
margin-left:0px !Important;
padding-left:0px !Important;
}


ul.release_form li{
margin-bottom:15px !Important;
}

ul.release_form a{
font-size:16px !Important;
text-decoration:underline !Important;
font-weight:normal !Important;
color:#3A3A8F !Important;

}

div.release_form_contact{
margin-top:30px  !Important;
margin-bottom:30px  !Important;
font-weight:bold  !Important;
}




div.important-announcement {background-color:#820516; border:solid 1px red; color:#ffffff;font-weight:bold;font-size:18px;position:fixed;bottom:1px;margin-left:auto;margin-right:auto;width:985px;text-align:center;padding-top:20px;padding-bottom:20px;
}


.encryptMsg{
padding:10px; text-align:center;text-transform:uppercase;
}

#top-bar{
background-color:#532E62;color:#ffffff;clear:both;
}

#top-bar div{
padding-top:10px;padding-bottom:10px;margin-left:50px;text-transform:uppercase;
}

/* Search */

#search {
        float: left;
        width: 280px;
}

#search form {
        height: 35px;
        margin: 0;
        padding: 5px 0 0 30px;
}

#search fieldset {
        margin: 0;
        padding: 0;
        border: none;
}

#search-text {
        width: 210px;
        padding: 8px 5px 6px 5px;
        border: none;
        background: #FFFFFF url(img02.jpg) no-repeat left top;
        text-transform: lowercase;
        font: normal 11px Arial, Helvetica, sans-serif;
        color: #000000;
}

#search-submit {
        width: 62px;
        height: 15px;
        border: none;
        background: none;
        color: #000000;
}