@import url("layout.css");



/*

#container 
		#branding
			#logo
			#bookmark
		#nav	
		#main
			#mainPic
			#mainContent
		#sub
			#subPic
			#subContent
		#footer

*/



html, 
body {
	
	margin: 0px 0px 0px 0px;
	padding: 0px;	
}

body {
	width:100%;
	height:100%;
	background:repeat-x url(../images/bg.gif) ;
	position:relative;	
	font-family: Arial, Verdana, sans-serif; 
	
}




br {
	clear: both;
}



fieldset {
	margin-top: 10px;	
}


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;
}


.errorText
{	
	clear: both;
	display: block;
	color:#ff0000;
	font-size: x-small;
	padding-left: 0px;
}

/* FORMS ---------------------------- */
.frmInput {
	font-family: Arial, Verdana, sans-serif; 
	background-color: #efefef;
	width:180px;
}

.frmTextarea {
	font-family: Arial, Verdana, sans-serif; 
	background-color: #efefef;
	width:180px;
	height:80px;
}

.frmSelect {
	font-family: Arial, Verdana, sans-serif; 
	background-color: #efefef;
}

.frmSubmit {
	font-family: Arial, Verdana, sans-serif; 
	background-color: #FFC20E;
	padding: 5px 10px 5px 10px;
}


/*  container --------------------- */
	#container{
		
	
	}
	
		/*  branding --------------------- */
	
				/*  logo --------------------- */
					#logo img{
						padding: 10px 20px 0px 20px;
						float: left
					}
	
				/*  heading --------------------- */
					#heading h1{
						display: block;
						margin: 30px 00px 0px 0px;
						font-size: 1.0em;
						
					}
	
				/*  bookmark --------------------- */
				
					#bookmark ul{
						float:right;
						margin: 55px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						list-style:none;
					}
					
					#bookmark li{
						margin:0px 0px 0px 3px;
						padding:0px 0px 0px 0px;
						float:left;
						font-size: .6em;
					}
					
					#bookmark a:link,
					#bookmark a:visited {
						color:#000;
						text-decoration: none;
						padding-top: 60px;
					}
					
					#bookmark a:hover, 
					#bookmark a:active {
							text-decoration: underline;
						}
	
		/*  nav --------------------- */
		
		
		#nav img{
			border: 0px;
		}
		
		#nav a {
			color: #333;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			text-transform:uppercase;
			font-weight: bold;
			font-size: .6em;
			text-align:left;
			text-indent: 28px;
			line-height: 29px;
			display: block;
			white-space: nowrap;
			padding: 0px;
			margin: 0px;
			margin: auto 0px;
			}
			
		#nav a:link, 
		#nav a:visited {	/* menu at rest */
			color: #333;
			text-decoration:none;
			padding: 0px;
			margin: 0px;
			}
			
		#nav a:hover,
		#nav a:active {	/* menu at mouse-over  */
			color: #666;
			}	
		
		
		#nav ul {
			list-style:none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float:left;			
			background-image: url(../../images/nav-tab-bg.gif);			
			/*	 width:155px;width of all menu boxes */
			}
		
		#nav li {
			float: left;		
			position:relative;
			min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
			vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
			padding: 0px 28px 0px 0px;
			border-left: #666 1px solid;
			}


		
		/*  main --------------------- */
		
		#main{
		
		
		}
		
				/*  pic --------------------- */
				#pic img {
				}
				
				
				/*  content --------------------- */
				
				
				#content p {
					color:#333;
					line-height: 140%;
					font-size: 0.75em;
				}
			
				
				#content h1 {
					font-size: 1.2em;
					color:#333;
				}
		
				
				#content a:link, 
				#content a:visited {
					text-decoration: underline;
					color: #039;
				}
				
				#content a:hover, 
				#content a:active {
					text-decoration: none;
				}
						
				#content img{
					float:left;
					margin:0px;
					padding:0px;
					display: block;
					clear:both;
					
				}
				
				#content ul{
					margin:0px 0px 20px 20px;
					padding:0px 0px 0px 0px;
					list-style:disc;
					
				}
				
				#content li{
					margin:0px 0px 0px 0px;
					padding:0px 0px 30px 0px;
					color:#333;
					line-height: 140%;
					font-size: 0.75em;
				}
				
				#content em {
					display:block;
					width:460px;
				}
				
		
		/*  sub --------------------- */
		
		#sub img{
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:block;
		}
				/*  subPic --------------------- */
				
				.home #subPic {
					padding: 10px;
				}
				
				.other #subPic {
					padding: 0px;
				}
				
				#subPic h2 {
					color: #fff;
					font-size: 1.2em;
					margin: 0px;
					padding: 0px;
				}
		
				#subPic h3 {
					color: #666;
					font-size: 1em;
					margin: 0px;
					padding: 0px;
				}
		
				#subPic p {
					color: #333;
					font-size: 0.8em;
					margin: 0px;
					padding: 0px;
				}
		
				/*  subContent --------------------- */
		
				
				#subContent p{
					padding:0px 0px 0px 0px;
					color:#666;
					line-height: 130%;
					font-size: .75em;
				}

				#subContent a:link, 
				#subContent a:visited {
					text-decoration: underline;
					color: #039;
				}
				
				#subContent a:hover, 
				#subContent a:active {
					text-decoration: none;
				}
						
				
				#subContent h3{
					margin:50px 0px 0px 0px;
					display: block;
					padding:3px 0px 3px 25px;
					background: url(../images/arrow.jpg)  ;
					font-size: .8em;
					color:#333333;
					border-top: 1px dotted #666;
					border-bottom: 1px dotted #666;
				}
				
				#subContent ul{
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					list-style:none;
				}
				
				#subContent li{		
					clear:both;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color:#666;
					line-height: 130%;
					font-size: .75em;
				}
				
				#subContent li img{		
					clear:both;
					margin:0px 0px 00px 0px;
					padding:0px 0px 0px 0px;
				}
				
		
		/*  footer--------------------- */
		
		#footer p {
			font-size: .6em;
			color:#999;
			text-decoration: none;
			padding:10px 0px 0px 0px;
		}
		
		#footer a:link, 
		#footer a:visited {
			color:#999;
			text-decoration: none;
		}
		
		#footer a:hover, 
		#footer a:active {
			text-decoration: underline;
		}
			
		#footer ul{
			float:right;
			margin: 0px;
			padding:10px 0px 0px 0px;
			list-style:none;
			font-size: .6em;
		}
		
		#footer li{
			margin:0px 5px 0px 0px;
			padding:0px 0px 0px 0px;
			float:left;
		}