﻿

/* Presentation Stylesheet */ 
body {
	background: #fff;
	font-family: Arial, Helvetica, san-serif;
	font-size: small;}
	
p, ul, h1, h2, h3, h4, h5, td {
	font-family: Arial, Helvetica, san-serif;}


h3, h4, p {
 margin: 0;
 padding: 10px 0 0 30px;
 }
 
 h3 {
 	color: #0078aa;
	font-weight: bold;
 }
 
 h4 {
 	color: #000000;
	font-weight: bold;
	font-size: 12px;
 }
 
 ol h4 {
 	 margin:0;
    padding: 10px 0 0 0;
 }
 
 #columnRight_new p img {
 	float: left;
	margin: 10px 10px 10px 30px;
 }
 
 #columnRight_new img {
 	margin: 10px 0px 0px 20px;
 }
 

 
 .caption {
 	 font-size: 10px;
	 font-weight: bold;
	 color: #666666;
 }
 
 .spacer
 {
 	height: 100px;
 }
 
 .title_of_pub {
 	font-style: italic;
	 }

p.initial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #707679;
	display: block;
	width: 65%;
}

p.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #707679;
	width: 90%;
}

p.initial:first-line {
	text-transform: uppercase;
}

/* p.initial:first-letter {
font-family: "New York", serif;
 font-size: 40pt; 
 font-weight: bold;
 color: #707679;
 float: left;
 padding: 0 4px 0px 0;
margin: 0px 0 0 0;
line-height: 36pt;
vertical-align: top;

 }
 
 */
 
 p.med {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	display: block;
	width: 50%;
 }
 
 p.medium {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	display: block;
	width: 90%;
 }
 
 p.space_on_top {
 	margin-top: 15px;
 }
 
 ul {
	list-style-type: disc;
	list-style-position: outside;
	margin: 0;
	}
	


#horizontalNav ul{
 	list-style-type: none;
	padding: 3px 0 3px 0;
	margin: 0;	
	}
 
 #horizontalNav ul li a{
	padding: 0 3px 0 3px;
 	/*padding: 0 0 0 25px;*/
 	margin: 0;
	font-size: 12px;
	}
 
 
   
#horizontalNav li.selected a:link, 
#horizontalNav li.selected a:visited, 
#horizontalNav li.selected a:hover,
#horizontalNav li.selected a:active {
	color: #000000;
	background-color: #efefef;
	/*background-image: url(images/tiny_right_arrow.gif);
	background-position: 20px 4px; 
	background-repeat: no-repeat;*/
	}

#horizontalNav li a:link, 
#horizontalNav li a:visited, 
#horizontalNav li a:active {
	color: #666;
	text-decoration: none;
} 

#horizontalNav li a:hover {
	color: black;
	text-decoration: underline;
	}	
	 			

 
#nav2 {
    padding: 25px 0px 35px 0;
	 text-align: left;
    }
	
#nav2 a:link, #nav2 a:visited {
	color: #3b73b9;
	text-decoration: none;} 
	
#nav2 a:hover, #nav2 a:active {
	color: #3b73b9;
	text-decoration: underline;}

#nav2 ul.navHead {
	list-style-type: none;
	margin: 0;
	padding-left: 0px;}
	
#nav2 ul.navHead li  {
	font-weight: bold;
	padding: 5px 0 5px 14px;	
	border-bottom: 1px solid #ccc;
	/*background-image: url(images/navBul_open.gif);*/
	background-position: 4px 8px; 
	background-repeat: no-repeat;}
	
#nav2 ul.navHead li.selected  {
	background-image: url(images/navBul_selected.gif);}
	
#nav2 ul.navHead li.selected a {
	color:#0078aa;}	
	
.selected {
	color:#0078aa;
}

#nav2 ul.navitemList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
	
#nav2 ul.navitemList li  {
	padding: 5px 0 5px 22px;	
	border-bottom: 1px dotted #ccc; }
	
#nav2 ul.navitemList li.hasChildren  {
	background-image: url(images/navBul.gif);
	background-position: 14px 8px; 
	background-repeat: no-repeat;}

#nav2 ul.navitemList li.selected a {
	color:#3b73b9;}	

#nav2 ul.navitemList li.title {
    padding-left: 14px;
    background-image: none;
    color: #999;
    border-bottom: 0;}

#nav2 img {
	display: inline;}

.nav2
{
	font-weight: bold;
	padding: 40px 0 0 15px;
	}

.nav2 a.bookmarks
{
	color: #0078AA;
	}
    
  

#tickler_box {
    
	 background-image: url(images/tickler_bg5.jpg);
	 background-position: 0px 0px;
	 background-repeat: no-repeat;
	 font-size: 10px;
	 font-weight: bold;
	 color: #666666;
	
	 }
	 
#tickler_box h5 {
	margin: 0 9px 0 15px;
 	padding: 0 0 5px 0;
	font-size: 11px;
	font-weight: bold;
   color: #666666;
	 }
	 
#tickler_box p {
	margin: 0 9px 0 15px;
 	padding: 0 0 20px 0;
}

	 
#tickler_box p.info {
	margin: 0px 9px 0 15px;
 	padding: 10px 0 0 0;
	border-top: 1px dotted #666666;
}


		
a:link, a:active {
	color: #3B73B9;
	text-decoration: none;}

a:visited {
	color: #3b73b9;
	text-decoration: none;}

a:hover {
	color: #black;
	text-decoration: underline;}

a.bold {
	font-weight: bold;}

a img, a:link img, a:visited img, a:hover img, a:active img {
	border: 0;
	display: block;}
	
a.black
{
	color: #333;
	}	

img {
	display: block;}
	
	
	
#lowerContainer ul, 
#lowerContainer ol {
	padding: 10px  0 0 50px;
	margin: 10px 0 0 50px;
}

#lowerContainer ol.faq {
	padding: 10px  0 0 30px;
	margin: 10px 0 0 30px;
}

#lowerContainer ul.plain {
	list-style: none;
	
	margin: 0 0 0px 0px;
		 
	}
.pdf {
	color: #666666;
	
}

.form {
	margin: 0 0 0 30px;
}

.right {
	float: right;
	
}

.slogan {
	float: right;
	width: 125px;
	margin: 15px 0 10px 10px;
	font-family: "New York", serif;
	font-size: 16px;
	color: #0078aa;
	letter-spacing: 1px;
	font-style: italic;
	text-align: center;
}

.slogan h5
{
	font-size: 12px;
	color: #0078aa;
	margin: 0 0 12px 0;
	}

 #columnRight_new img.slogan {
 	margin: 0px 0px 10px 0px;
 }
 
 table.event {
 	margin: 0 0 0 30px;
 }
 
 table.event td{
	padding: 3px 0 12px 12px;
	vertical-align: top;
}


table.event th {
   padding-top: 3px;
	vertical-align: top;
}

#photos {
	width: 600px;
	height: 110px;
	margin: 0 0 20px 10px;
	padding: 0;
	
	
}


 #photos .accent_photo {
	float: left;
	width: 130;
	padding: 0 0 0 0;
}

 #columnRight_new .accent_photo {
	float: left;
	width: 130;
	padding: 0 0 0 20px;
}

#library
{
	margin: 0 0 0 30px;
	padding: 0 0 50px 0;
	}

#library ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#library li
{
	margin: 0;
	border-bottom: 1px solid #ccc;
	}

#library li.end
{
	margin: 0;
	border-bottom: none;
	}

	
#approvals, #approvals-list
{
	margin: 0 0 0 0;
	padding: 0 0 50px 30px;
	}

#approvals ul
{
	list-style-type: none;
	margin: 10px 0 0 45px;
	padding: 0;
	}

#approvals ul.links
{
	list-style-type: none;
	margin: 10px 0 0 30px;
	padding: 0;
	}

#library ul.links
{
	list-style-type: none;
	margin: 10px 0 -40px 0;
	padding: 0;
	}

	
#approvals li
{
	}

#approvals ul.links li
{
	margin: 0 0 16px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
	}


#approvals h4
{
	margin: 5px 0 0 0;
	}
	
#approvals ul.bullet
{
	list-style-type: disc;
	margin: 10px 0 10px 45px;
	padding: 0;
	}
	
#approvals a.buffer
{
	margin: 0 0 0 30px;
	}	
	
#communities
{
	margin: 20px 0 0 30px;
	}
	
#communities ul.col
{
	width: 130px;
	list-style-type: none;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	}

	
	
	

#approvals .left-col, #approvals .right-col
{
	float: left;
	width: 30%;
	padding: 0 25px 0 0;
	}
	

	
.smallPrint {
	font-size: 10px;
	letter-spacing: 1px;
	color: #cccccc;
}

#footer {
	font-size: 10px;
	letter-spacing: 1px;
	color: #cccccc;
	text-align: center;
	}

#footer ul {
	list-style-type: none;
	
}


#footer li {
	display: inline;	
}

.video
{
    float: left;
    width: 50%;
    margin: 0 0 0 30px;
    display: inline;
    padding: 10px 0 0 0;
    }
    
.video-scr
{
    float: right;
    margin: 0;
    width: 370px;
    }    
    
.video h1, .movie h1
{
    font-size: 1.2em;
    color: #0078aa;
    }
    
.video h2
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    }
        
.rad-btn
{
    float: left;
    margin: 0 5px 3px 0;
    }
    
.rad-txt
{
    float: left;
    padding: 3px 0 0 0;
    margin: 0;    
    }
    
.video label
{
    margin: 0;
    padding: 0;
    }
    
.video input
{
    margin: 0;
    padding: 0;
    }          
    
.clear
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    }
    
.clear-form
{
    clear: both;
    font-size: 1px;
    line-height: 1px;
    height: 5px;
    }          

#contents ul
{
	list-style-type: none;
	margin: 12px 0 20px 30px;
	padding: 0;
	}
	
#contents ul a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
.events-table
{
	background-color: #ccc;
	margin: 0 0 20px 30px; 
	}	
	
#columnRight table
{
	margin: 0;
	padding: 0;
	}
	
#columnRight_new caption
{
	display: none;
	font-size: 1px;
	margin: 0;
	padding: 0;
	}
	
#columnRight_new th, #columnRight_new td
{
	vertical-align: top;
	padding: 4px;
	background-color: #fff;
	}
	
#columnRight_new th, #columnRight_new td.shade
{
	background-color: #f5f5f5;
	}
	
#faq
{
	margin: 30px 0 0 0;
	}	

#faq ol
{
	margin: 0 0 0 60px;
	padding: 0;
	font-weight: bold;
	color: #0078AA;
	}
	
#faq ol p
{
	margin: 0;
	padding: 0 0 12px 0;
	font-weight: normal;
	color: #000;
	}
	
#faq ol ol
{
	font-weight: normal;
	color: #000;
	padding-bottom: 22px;
	}				 	
	
#columnRight_new ol.faq, #columnRight_new ol.faq a
{
	color: #0078AA;
	font-weight: bold;
	}
	
.pim-img
{
	float: left;
	margin: 0;
	}
	
.divider
{
	border-top: 1px solid #ccc;
	margin: 20px 0 0 30px;
	padding: 0 0 8px 0;
	}
	
.divider-form
{
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 0 0 8px 0;
	}		
	
#pim-photos
{
	margin: 0;
	padding: 0;
	}
	
#pim-photos img
{
	float: left;
	margin: 0;
	padding-right: 0;
	padding: 10px 0 0 30px;
	margin-left: 0;
	}		
	
#pim-photos .txt
{
	float: left;
	margin: 0;
	padding: 0;
	width: 53%;
	}
	
.txt h3
{
	font-size: 1.2em;
	}	
	
img.no-marg
{
	margin: 0;
	padding: 0;
	}		
	
.sm-marg
{
	margin: 0 0 0 10px;
	}
	
	

#nav2 ul.subnavitemList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;}
	
#nav2 ul.subnavitemList li  {
	padding: 3px 0 2px 22px;	
	border: 0; }
	
#nav2 ul.subnavitemList li.hasChildren  {
	background-image: url(images/navBul.gif);
	background-position: 14px 8px; 
	background-repeat: no-repeat;}

#nav2 ul.subnavitemList li a {
	color:#777 !important;
	}

#nav2 ul.subnavitemList li.selected a {
	color:#777;
	text-decoration: underline;}	

#nav2 ul.subnavitemList li.title {
    padding-left: 14px;
    background-image: none;
    color: #999;
    border-bottom: 0;}




.form-field
{
	float: left;
	text-align: right;
	width: 40%;
	margin: 4px 5px 5px 0;
	font-weight: bold;
	font-size: .9em;
	color: #666;
	}
	
.form-field-wide
{
	float: left;
	margin: 4px 5px 5px 0;
	padding: 0 0 0 60px;
	font-weight: bold;
	font-size: .9em;
	color: #666;
	}	

.form-input
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
.input-group
{
	float: left;
	width: 28%;
	}		

.error
{
	color: #c00;
	}
	
.normal
{
	font-weight: normal;
	color: #333;
	}
	
.b-u
{
	font-weight: bold;
	text-decoration: underline;
	color: #333;
	}
	
.btn-submit
{
	border: 0;
	width: 58px;
	height: 20px;
	}
	
	
	
	
	
 	
	
	
	
	
/* PDF list */

#approvals-list ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	}
	
#approvals-list li
{
	background-image: url(/images/icons/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 0 0 16px;
	padding-left: 16px;
	}
	
#approvals-list li a:link, #approvals-list li a:visited, #approvals-list li a:active
{
    color: #525a61;
    padding: 0 0 0 8px;
    }
    
#approvals-list li a:hover
{
    color: #19579c;
    }  			
    
    
    
    
    
/* to have the icon link too... */

.pdf-box ul
{
	/*width:180px;*/ /* annie, if you give the .pdf-box a width and padding, you can really leave this off */
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

.pdf-box ul li a:link, .pdf-box ul li a:visited, .pdf-box ul li a:hover
{
	display:block;
	padding-left:20px;
	padding-bottom:9px;
	line-height:1.2em;
	background-image: url(/images/icons/pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-decoration:none;
	color:#4c6583;
	}

.pdf-box ul li a:hover
{
	background-image: url(/images/icons/pdf_hover.gif);
	color:#666;
	}
	
ul.con-updates
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
	}
	
ul.con-updates li
{
	border-top: 1px solid #ccc;
	padding: 8px;
	}	
	
a.date
{
	font-weight: bold;
	}
	
#con-nav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#con-nav ul li.title
{
	font-weight: bold;
	color: #c00;
	}

#con-nav ul li
{
	font-weight: normal;
	color: #00c;
	border-top: 1px solid #ccc;
	padding: 8px;
	}	
	
.itest
{
	border: 0;
	width: 800px;
	min-height: 875px;
	max-height: 10000px;
	overflow: hidden;
	}	