/*
*************************************************

JP Dubois datapages-original.css

*************************************************
*/


@import url(reset.css);

body {
text-align: center;
font-family: Arial, sans-serif;
font-size: 62.5%;
background-color: #196188;
/*background:#196188 BACKGROUND COLOR */


}

a {
	color: #FFFFFF;
}
img {
    border: none;
}

/* Header */

#header{
width: 960px;
clear: both;
}

/* Brandingi */


#branding {
	height : 90px;
	text-align: left;
}

#branding h1 {
	font-size: 1.9em;
	font-weight: bold;
	color:#FFFFFF;
}

#tagline {
	float : right;
	padding: 50px 20px 0px 0px;
}
#tagline h1 {
	font-size: 1.6em;
	font-weight: bold;
	color:#FFFFFF;
}

#logo {
	padding: 30px 0px 0px 10px; 
}

/*Navigation*/

#navigation {

	width : 960px;
	height : 36px;
	margin-left:0px;
	background: #16577A;
    padding: 10px 0px 0px 5px;
}

#navigation ul {
    float: left;
    list-style-type: none;
    margin-top: 5px;
    padding: 0;
    z-index:1000;
}

#navigation li {
    display: inline;
    font-size: 1.5em;
    font-weight: bold;
    color: #80ceff;
    padding: 0px 0px 0px 20px;
}

#navigation #navigation_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

#navigation ul li a {
    text-decoration: none;
    color: #80ceff;
}

#navigation ul li a:hover {
    color: #FFFFFF;
    background-color: #16577A;
}


#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}


#content img {

    border: none;
    margin-top:5px;
    margin-left:1px;
    margin-bottom:0px;
    display: inline;
}

#breadcrumb{
width: 705px;

margin-bottom: 5px;
background: #16577A;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;

    font-size: .9em;
    font-weight: normal;
    color: #80ceff;
    font-family: Verdana, sans-serif;

}

#breadcrumb a {
    text-decoration: none;
    color: #80ceff;
}

#breadcrumb a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}




#breadcrumb_wide{
width: 940px;

margin-bottom: 5px;
background: #16577A;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 25px;

    font-size: .9em;
    font-weight: normal;
    color: #80ceff;
    font-family: Verdana, sans-serif;




}

#breadcrumb_wide a {
    text-decoration: none;
    color: #80ceff;
}

#breadcrumb_wide a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}


#content{
width: 730px;
margin-top: 20px;

float: left;

}








#copy{
width: 710px;

/* background-color: #EAF2FA; */
background-color: #FFFFFF;/* Switch to white */

padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


    font-size: 1.2em;
    font-weight: normal;
    color: #000000; /* HWW */

}



#copy2{
width: 710px;

background-color: #EAF2FA;

padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;


    font-size: 1.2em;
    font-weight: normal;
    color: #000000; /* HWW */

}






/*ABCDEFG NAV*/
#copy a {
    color: #16577A;
    text-decoration: none;
}



#copy #alpha_on {

    color: #FF9900;
}

#copy h1{

    font-size: 1.9em;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    line-height: 1.33; /* HWW */
    color: #16577A;
    padding: 0px 10px 5px 5px;

}
#copy h2{

    font-size: 1.4em;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.33; /* HWW */
    color: #16577A;
    padding: 0px 10px 5px 7px;

}

#copy h3{

    font-size: 2.0em;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    line-height: 1.33; /* HWW */
    color: #16577A;
    padding: 0px 10px 5px 7px;

}

#copy p{

    font-size: 1.2em;
    font-weight: normal;
    color: #000000; /* HW */
	line-height: 1.4; /* HW */
	padding: 12px 30px 10px 10px;
    /* padding: 0px 20px 30px 10px; */

}/*control for header and paragraph spacing*/

#copy #button_row{

    padding: 20px 5px 30px 5px;

}

#copy #search_row{

    padding: 30px 20px 35px 5px;

}

#copy #date_nav{
    padding: 0px 0px 0px 0px;

}


#copy #alpha_nav ul{

    
    font-size: 1.5em;
    font-weight: normal;
    color: #000000;
margin-left: 11px;

}

#copy #alpha_nav li{
    display: inline;


    padding: 0px 8px 0px 0px;

}

#search_results {
    height : 36px;
	background: #6CB8E6;
	font-size: 1.0em;
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
    

}


#sort_results {
    height : 36px;
	padding-left: 10px;
    

}

#sort_results p {

	font-size: 1.2em;
	font-weight: bold;

    

}

#hi_lite {

	font-weight: bold;
    background: #FFF07D;
    

}
.hi_lite {

	font-weight: bold;
    background: #FFF07D;
    

}



.article_one {
/* background-color: #EAF2FA; */
line-height: 1.4;
	padding: 0px 0px 0px 0px;
    

}














.article_one h1 {
padding-top: 20px;
	font-size: 1.9em;
	font-weight: bold;
    

}
.article_one h2 {
	font-size: 1.2em;
	font-weight: bold;
}


#dropitdown {

    float: right;
    padding: 3px 10px 0px 0px;

}



#utility {
    height: 35px;
    /* background-color: #EAF2FA; */
	float: right;
    

}


#copy .subject_list ul{

    
    font-size: 1.2em;
    font-weight: normal;
    color: #000000;
    margin-left: 11px;

}

#copy .subject_list li{
    display: block;


    padding: 20px 8px 0px 0px;

}

#copy .subject_list h2{
    padding-top: 20px;

}

/**/

#copy #subject_list ul{

    
    font-size: 1.2em;
    font-weight: normal;
    color: #000000;
    margin-left: 11px;

}

#copy #subject_list li{
    display: block;


    padding: 20px 8px 0px 0px;

}

#copy #subject_list h2{
    padding-top: 20px;

}



#copy #subject_list2 ul{

    
    font-size: 1.0em;
    font-weight: normal;
    color: #000000;
    margin-left: 11px;

}

#copy #subject_list2 li{
    display: block;


    padding: 5px 8px 0px 0px;

}

#rail{
width: 210px;
margin-top: 20px;
margin-bottom: 20px;
padding-top:15px;
background: #16577A;
float: right;
text-align:center;
}
#rail img {
    border: none;
/*    margin-top:16px;*/
    margin-left:16px;
    margin-bottom:16px;
}
#rail iframe {
    margin-bottom:16px;
}

#footer{
width: 960px;
clear: both;
}

#footer img {
    border: none;
    margin-top:0px;
    margin-left:0px;
    margin-bottom:0px;
    display: inline;
}

/*Navigation*/

#footernavigation {

	width : 960px;
	height : 36px;
	margin-left:0px;
	padding-top:16px;
	background: #16577A;
    padding: 10px 0px 0px 0px;
}

#footernavigation ul {
    float: right;
    font-size: 1.1em;
    font-weight: normal;
    color: #80ceff;
    list-style-type: none;
    margin-top: 7px;
    margin-right:20px;
    padding: 0;
}

#footernavigation ul li {
    display: inline;
    color: #80ceff;
    padding: 0px 0px 0px 20px;
}

#footernavigation ul li a {
    text-decoration: none;
    color: #80ceff;
}

#footernavigation ul li a:hover {
    color: #FFFFFF;
    /*background-color: #B6E320;*/
}
#footernavigation img {
    float: right;
    margin-bottom: 1px;
}
#copyright {
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    color: #80ceff;
    font-family: Verdana, sans-serif;
    padding: 8px 0px 0px 20px;
}

/* COLUMNS */

/* 4 Columns */

#contentsub {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
    clear : both;
    height : 165px;
	padding: 0 0px;
	/*background: #3a5459;*/
	background: #3a5459;
	margin-top: 20px;
	margin-bottom: 20px;
}
#contentsub h1 {
	margin: 0;
	padding: 10px 0;
	font-size: 1.5em;
	color: #EAF2FA;
    border-bottom: 1px solid #80CEFF;
}

#contentsub a {
    text-decoration: none;
    /* color: #80ceff; */
}

#contentsub a:hover {
/*
    color: #FFFFFF;
    background-color: #B6E320;
*/
}



#column_noline {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	/*background: #3a5459;*/
}





#column_noline ul {
    margin-top: 10px;
}
#column_noline li {
    font-size: 1.2em;
	color: #80CEFF;
	margin: 12px 0;
}
.column {
    float : left;
	width : 160px;
	height : 165px;
	padding: 0 10px;
	/*background: #3a5459;*/
	border-left: 1px solid #80CEFF;
}
.column img {
    border: none;
    margin-top:-3px;
    margin-left:-6px;
    margin-bottom:0px;
}
.column ul {
    margin-top: 10px;
}
.column li {
    font-size: 1.2em;
	color: #80CEFF;
	margin: 12px 0;
}

.column #column_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

.column ul li a {
    text-decoration: none;
    color: #80ceff;
}

.column ul li a:hover {
    color: #FFFFFF;
    
}

#column_noline #column_orientation {
    font-size: 1.1em;
    color: #FF9900;
}

#column_noline ul li a {
    text-decoration: none;
    color: #80ceff;
}

#column_noline ul li a:hover {
    color: #FFFFFF;
    /*background-color: #16577A;*/
}

#content_wide{
width: 940px;
margin-top: 20px;

float: left;

}


#copy_wide{
width: 940px;

background-color: #FFFFFF;

padding-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;


    font-size: 1.2em;
    font-weight: normal;
    color: #000000; /* HWW */

}



#disclaimer{
padding-top: 0px;

}

#disclaimer p{

font-size: 0.8em;
color: #16577A;
}
/*ABCDEFG NAV*/
#copy_wide a {
    color: #16577A;
    text-decoration: none;
}



#copy_wide #alpha_on {

    color: #FF9900;
}


#copy_wide h1{

    font-size: 1.9em;
    font-family: Verdana, sans-serif;
    font-weight: normal;
    color: #16577A;
    padding: 0px 10px 5px 15px;

}

#copy_wide p{

    font-size: 1.2em;
    font-weight: normal;
    color: #000000; /* HWW */
    padding: 12px 30px 10px 10px;

}





#col_wrapper {
height: 420px;
width: 700px;
background-color: #FFFFFF;

}


.col1 {
width: 350px;
float: left;
background-color: #FFFFFF;

}

.col1 p  {

background-color: #FFFFFF;

}


/**/

#col1 {
width: 350px;
float: left;
background-color: #FFFFFF;

}

#col1 p  {

background-color: #FFFFFF;

}

#col2 {
width: 350px;
float: right;
background-color: #FFFFFF;

}

#col2 p  {

background-color: #FFFFFF;
padding-top: 32px;

}

#col3 {
width: 350px;
float: right;
background-color: #FFFFFF;

}

#col3 p  {

background-color: #FFFFFF;
padding-top: 16px;

}

#clear  {

clear: both;


}
.clear  {

clear: both;


}

#col4 {
width: 350px;
float: right;
background-color: #FFFFFF;

}

#col4 p  {

background-color: #FFFFFF;
padding-top: 12px;

}

#clear  {
	clear: both;
}

.space  {
	padding-top: 20px;
}

/* HWW */

#nav li {
	float: left;
	position: relative;
	margin-bottom:4pt;
}
#nav li ul {
	display: none;
	position: absolute;
	top:1.5em;
	left:0;
	font-size:8px;
	width: 40em;
}
#nav li:hover ul, #nav li.over ul { display: block; }

.textads {
	padding: 0 10px 17px 17px;
	font-size: 1.4em;
	line-height: 1.2;
	color: #d0d0d0;
}

.textads h3 {
	font-size: 1.1em;
}

.textads p,
.textads li {
	padding-top: 15px;
}

.textads cite {
	font-style: italic;
}

#content-ad {
	width: 750px;
	height: 122px;
	background-color: #16577A;
	padding: 0;
	margin-bottom: 20px;
	white-space: nowrap;
	overflow: hidden;
}

#content-ad img {
	display: block;
	float: left;
	padding: 11px 11px 0 0;
}

/* Print Styles */

#branding-print {
	display: none;
}

@media print {

	#body,
	#footernavigation {
		background-color: #fff !important;
	}
	
	#footer,
	#header,
	#footernavigation,
	#article,
	#copy,
	#copy2,
	#copy_wide,
	#content,
	#content_wide,
	#wrapper {
		padding: 0 !important;
		width: auto !important;
	}
	
	.noprint,
	#breadcrumb,
	#breadcrumb_wide,
	#navigation,
	#branding,
	#rail,
	#content_ad,
	#contentsub,
	#footernavigation ul {
		display: none !important;
	}
	
	#branding-print {
		display: block;
	}	
	
	#copyright {
		padding: 0 10px 0 10px !important;
	}

	#branding-print h1 {
	    font-size: 1.4em;
	    font-family: Verdana, sans-serif;
	    font-weight: bold;
	    line-height: 1.33; /* HWW */
	    color: #000000;
	    padding: 0px 10px 5px 10px;
	}

	#branding-print h2 {
	    font-size: 1.2em;
	    font-family: Verdana, sans-serif;
	    font-weight: normal;
	    line-height: 1.33; /* HWW */
	    color: #000000;
	    padding: 0px 10px 5px 10px;
	}
	
}