@import url("layout.css");
@import url("table.css");
@import url("config.css");
@import url("form.css");


/*

#container 
		#branding
				#secondaryNav
				#emailNav
				#nav
		#breadcrumb
		#heading
		#main
				#sidebar
					#sidebarImage1 				
					#sidebarHeading 				
					#sidebarNav 				
					#sidebarImage1 				
				#content 
					#contentIntro
					#contentDetail
		#footer

red HEX: #CD1419 / darker #C21116

*/

body {
	margin: 0px; 
	padding: 0px;
/*	background-image: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
*/	background-color: #eee;
}


html, 
body, 
div {
	font-family: Verdana, Arial,  sans-serif; 
/*	font-size: x-small;*/
}


br {
	clear: both;
}

a:link, 
a:visited {
	color:#224466;
	text-decoration: none;
}

a:hover, 
a:active {
		text-decoration: underline;
	}

a img {
	border-width: 0; 
	border-style: none;
}

.mainContentLinksList {
	list-style: none;
	margin: 15px 0px 5px 0px;
}

.mainContentLinksList li {
	background: url(../../images/arrowGreen.gif) no-repeat top left;	
	padding: 0px 0px 10px 0px;	
	margin: 0px;
}

.mainContentLinksList li a
{
	padding-left: 20px;
}


		/*  branding --------------------- */
		
		
			
				/*  secondaryNav --------------------- */
		
				#secondaryNav ul{
					margin: 0px 0px 0px 0px;
					padding: 0px;
					float: right;
				}
		
				#secondaryNav li{
					display:inline;	
					margin: 0px 0px 0px 15px;
					padding: 0px;
				}

				#secondaryNav img{
					border: 0px;
					margin: 0px 0px 0px 00px;
				}
		

				/*  logo2 --------------------- */
				
				#emailNav img{
					vertical-align: middle;
					border: 0px;
					float: right;
				}
			

				/*  nav --------------------- */
				
				#nav a {
					font-size: .75em;
					font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
					font-weight: bold;
					text-align:left;
					text-indent: 12px;
					line-height: 3.1em;
					display:block;
					white-space:nowrap;
					padding: 0px;
					margin: 0px;
					
					}
					
				#nav a:link, 
				#nav a:visited {	/* menu at rest */
					color: #fff;
					text-decoration:none;
					padding: 0px;
					margin: 0px;
					}
					
				#nav a:hover,
				#nav a:active {	/* menu at mouse-over  */
					color: #ccc;
					}	
				
				#nav ul {
					list-style:none;
					margin:0px 0px 0px 25px;
					padding:0px 2px 0px 2px;
					float:left;
					background: url(../../images/nav-tab.jpg) left top no-repeat;
					}
				
				#nav li 
				{
					clear:both;
					position:relative;
					min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
					vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
					float:left;					
					
				}
				
				#nav ul ul 
				{
					clear:both;
					position:absolute;					
					top:auto;
					display:none;
					padding: 0px 0px 0px 0px;				
					background-color:#EE8B2C;
					background-image: none;		
					}
					
				#nav ul ul li
				{
					clear: both;
					width: 200px; /*IMPORTANT - control the border of sub menu items */		
					padding-right: 0px;	
					padding-top: 5px;				
					padding-bottom: 5px;				
					border-bottom: solid 1px #f60;
				}
				
				#nav ul ul ul {
						clear:both;
						top:0;
						left:100%;
					}
				
				div#nav li:hover {
					cursor:pointer;
					z-index:100;
					}
				
				div#nav li:hover ul ul,
				div#nav li li:hover ul ul,
				div#nav li li li:hover ul ul,
				div#nav li li li li:hover ul ul
				{display:none;	}
				
				div#nav li:hover ul,
				div#nav li li:hover ul,
				div#nav li li li:hover ul,
				div#nav li li li li:hover ul
				{display:block;		
				 }

		
		/*  main --------------------- */

		/*  sidebar --------------------- */


						/*  sidebarImage --------------------- */
			
						#sidebarImage1 img
						{
							margin: 0px 0px 0px 0px;
							padding: 0px;
							float: left;
						}
				
						#sidebarImage1 p
						{
							margin: 2px 0px 0px 0px;
							padding: 0px;
							float: left;
						}
				
						/*  sidebarHeading --------------------- */
			
						#sidebarHeading h3
						{
							font-size: .7em;
							font-family: Helvetica, sans-serif;
							color:#ccc;
							margin: 20px 0px 0px 10px;
							padding: 0px;
							text-transform:uppercase;
							
						}
				
				

						/*  sidebarHeading --------------------- */
			
						#sidebarHeading img
						{
							
							margin: 0px 0px 0px 0px;
							padding: 0px;
							float: left;
						}
				

						/*  sidebarImage2 --------------------- */
			
						#sidebarImage2 img
						{
							margin: 0px 0px 0px 0px;
							padding: 0px;
							float: left;
						}
				

	
		/*  content --------------------- */


				/*  breadcrumb --------------------- */


				
				#breadcrumb h1 {
					color:#666;
					font-size: 0.6em;
					font-weight: normal;
					margin: 0px;
					padding: 0px 0px 0px 10px;
				}
		


		
				/*  contentIntro --------------------- */
				#contentIntro h1 {
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
					color:#fff;
					font-size: 1.3em;
					display: block;
					font-weight: normal;	
				}

						
				#contentIntro p{
					color:#fff;
					font-family: Verdana, Arial, Sans-Serif;
					font-size: 0.7em;
					margin: 10px 10px 0px 10px;
					line-height: 140%;
				}
				
							
				#contentIntro h2 {
					color:#ccc;
					font-size: 1.0em;
					margin: 10px 10px 0px 10px;
				
				}
				
				#contentIntro h3 {
					color:#fff;
					font-size: 0.8em;
					margin: 10px 10px 0px 10px;
				}
				
				#contentIntro a:link, 
				#contentIntro a:visited {
					color:#fff;
					text-decoration: underline;
				}
				
				#contentIntro a:hover, 
				#contentIntro a:active {
					text-decoration: none;
					cursor: pointer;
				}

				
				/*  contentDetail --------------------- */
				#contentDetail h1 {
					margin: 10px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
					color:#336600;
					font-family:Arial, Helvetica, sans-serif;
					font-size: 1.4em;
					font-weight: normal;	
				}

				#contentDetail h2 {
					color:#666;
					font-size: 0.7em;
					text-transform: uppercase;
					margin: 10px 10px 0px 10px;
				
				}
				
				#contentDetail h3 {
					margin: 10px 0px 0px 0px;
					padding: 0px 0px 0px 10px;
					color:#336600;
					font-family:Arial, Helvetica, sans-serif;
					font-size: 1.4em;
					font-weight: normal;	
				}
				
				#contentDetail h4 {
					color:#333;
					font-size: 0.75em;
					margin: 10px 10px 0px 10px;
				
				}
				
						
				#contentDetail p{
					color:#333;
					font-family: Verdana, Arial, Sans-Serif;
					font-size: 0.7em;
					margin: 10px 10px 0px 10px;
					line-height: 140%;
				}
				
							
				#contentDetail img
				{
					margin: 10px 10px 10px 10px;
					display: inline;
					padding: 0px;
					float: right;
				}
				
				#contentDetail img.left
				{
					float: left;
				}
				
				#contentDetail a:link, 
				#contentDetail a:visited {
					font-weight: bold;
					color: #336600;
					text-decoration: none;
				}
				
				#contentDetail a:hover, 
				#contentDetail a:active {
					text-decoration: underline;
				}

				#contentDetail ul
				{
					list-style: square;
					
				}
			
				#contentDetail li
				{						
					margin: 0px 0px 0px 0px;
					font-size: 0.7em;
					padding:0px  0px 0px  0px;
					font-family: Verdana, Arial, sans-serif;
					line-height: 20px;
					/*border-bottom: 2px solid #eee;*/
				}
				
						
		
				#contentDetail li a:link, 
				#contentDetail li a:visited 
				{
					font-weight: bold;
					color: #336600;
					text-decoration: none;
				/*	background: url(../../images/arrow-grey.gif) top left no-repeat; */
				}
				
				#contentDetail li a:hover, 
				#contentDetail li a:active {
					text-decoration: underline;
				}
		
				.pictures td {
					margin: 0px 0px 20px 0px ;
					font-size: 0.7em;
					text-align: center;
				
				}
						
				
						
		/*  footer--------------------- */
		
		#footer{
			font-size: .6em;
		}

		#footer a:link, 
		#footer a:visited {
			line-height: 130%;
			color:#999;
			text-decoration:underline;			
		}
		
		#footer a:hover, 
		#footer a:active 
		{
			color:#666;
			text-decoration:underline;
		}
		
			
		#footer img
		{
			display: block;
			margin-bottom: 10px;
		}	
		
		#footer p
		{
			color:#999;
			font-size: x-small;
		}