a:link {
	text-decoration: underline;
	color: #003366;
}
a:visited {
	text-decoration: underline;
		color: #333333;
}
a:hover {
	text-decoration: none;
	color: #BE7B05;
}
a:active {
	text-decoration: underline;
		color: #003366;

}
form{
	margin:0px;
	padding:0px;
}
#container 
{
width: 100%; /*90%*/
margin: 0px; /* 10px auto */
background-color: #fff; 
color: #333; 
border: 1px solid #9AB9C4; /*gray*/
line-height: 130%; 
}

#top 
{
	padding: .5em;
	background-color: #fff;
	border-bottom: 1px solid #9AB9C4;
	height: 65px;
	background-image:  url(images-pc/banner_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

#top h1 
{
padding: 0; 
margin: 0; 
}

#leftnav 
{
float: left; 
width: 160px; /*160px*/
margin: 0; 
padding: .2em; /*1em*/
}

#rightnav 
{
float: right; 
width: 150px; /*160px*/
margin: 0; 
padding: .6em; /*1em*/
}


#content 
{
margin-left: 165px;  /*200px*/
border-left: 1px solid #9AB9C4; /*gray*/
margin-right: 170px; /*200px*/
border-right: 1px solid #9AB9C4; /*gray*/
padding: 1em; 
max-width: 40em; /*optional...doesn't work in IE*/
}

#footer 
{
clear: both; 
margin: 0; 
padding: .5em; 
color: #333; 
/*background-color: #9AB9C4; */
background-image:  url(images-pc/home_bkgd.gif);
	background-repeat: no-repeat;
	background-position: right;
border-top: 1px solid gray; 
}
#footer p {
				font-family: verdana;
				font-size: 0.65em;
				line-height: 120%;
				}

#leftnav p, #rightnav p { margin: 0 0 1em 0; } 
#leftnav p { 
				padding-left: .5em;
 }
#leftnav p, #rightnav p, dd {
				font-family: verdana;
				font-size: 0.65em;
				line-height: 120%;
				}
#leftnav dd p, #rightnav dd p { font-size: 1em; }				
#content h1 { margin: .6em 0 1em 0; 
				font-family: "Century Gothic", helvetica, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
				color: #BE7B05;
				line-height: 100%;
			/*	border-bottom: 1px solid #036;
				padding-bottom: .3em; */
				} 
#content h2 {
				color: #003366;
				font-family: "Century Gothic", helvetica, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
				border-bottom: 1px solid #933;
				padding-bottom: .25em;
				}
#content h3 {
				color: #003366;
				font-family: "Century Gothic", helvetica, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
				}				
#content h4 {
				color: #003366;
				font-family: "Century Gothic", helvetica, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
				font-size:12px;
				padding: 0;
				}				
#content p {
				font-family: verdana, Arial, Times;
				font-size: 0.8em;
				}
#content ul li {
	font-family: verdana, Arial, Times;
	font-size: 0.8em;
	padding-bottom: 1.25em;
	list-style-image: url(/images-pc/arrow-sm.gif);
				}	
#content ol li {
	font-family: verdana, Arial, Times;
	font-size: 0.8em;
	padding-bottom: 1.25em;
				}								



#content blockquote, #content div blockquote {
	background-color: #FFE;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px 0 1px;
	margin: 10px 30px; /*Side margins added*/
	padding: 10px 15px;
	}		

#content blockquote p, #content blockquote dt, #content blockquote address, #content blockquote {
	font-family: georgia, garamond, agaramond, times new roman, times, serif;
	font-size: 95%;
	color:#003366;
	}

#content blockquote pre {
	font-size: 70%;
	}


		#navcontainer { margin-left: 0px; margin-bottom: 20px;} /* was 30px*/
		
		#navcontainer ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family:  verdana, arial, Helvetica, sans-serif;
			font-size: 0.65em; /* added */
			font-weight: bold;
		}
		
		#navcontainer li { margin: 0 0 1px 0; 
		border-bottom: 1px solid #9AB9C4;
		}
		
		#navcontainer a
		{
			display: block;
			padding: 2px 5px 2px 10px;
			width: 145px;
			color: #336;
			background-color: #FFFFFF;
			text-decoration: none;
		}
		
		#navcontainer a:hover
		{
			color: #336;
			background-color: #EFEFEF;
			text-decoration: none;
		}
		
		#navcontainer ul ul li { margin: 0 0 1px 0; 
		border-bottom: none;
		font-size: 1.5em;
		font-weight: normal;
		}
		
		#navcontainer ul ul a
		{
			display: block;
			padding: 2px 5px 2px 25px;
			width: 125px;
			color: #000; /*fff*/
			background-color: #FFF	;/*#369*/
			text-decoration: none;
		}
		
		#navcontainer ul ul a:hover
		{
			color: #369; /*fff*/
			background-color: #EFEFEF;
			text-decoration: none;
		}

#videobox {
	padding: 5px;
	background-color: #DFE3EA;
	border: 1px solid #A4AFC3;
	width: 262px;
	height: 232px;
}	
#videobox object { background-color: transparent;}
#videobox-240x180 {}


		
/*  ALA Mountaintops*/		
	#leftnav dl, #rightnav dl {
		width: 150px;
		margin: 0 0 20px 0;
		padding: 0;
		background: url(images-pc/box_bottom.gif) no-repeat bottom left; /* #ccc url(images-pc/box_bottom.gif) no-repeat bottom left*/
		}

	#leftnav dt, #rightnav dt {
		margin: 0 0 0 0;
		padding: 10px;
		font-family: "Century Gothic", helvetica, "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, sans-serif;
		font-size: 95%;
		font-weight: bold;
		color: #fff;
		border-bottom: 1px solid #fff;
		background: #999 url(images-pc/box_top_150.gif) no-repeat top left;
		}
	
	#leftnav dd, #rightnav dd {
		margin: 0 0 0 0px;
		padding: 0 5px 10px 5px; /* 0 10px 10px 10px */
		/*color: #666;
		font-family: Verdana, sans-serif;
		font-size: 90%;*/
		background: transparent; /*url(/d/mountaintop/arrow.gif) no-repeat 0 3px*/
		}
		
	#blue dt {
		background-color: #69c;
		}
	
	#blue, #blue dd {
		background-color: #9cf;
		}
	
	#red dt {
		background-color: #933;
		}
	
	#red, #red dd {
		background-color: #c99;
		}
	
	#green dt {
		background-color: #9c6;
		}
	
	#green, #green dd {
		background-color: #cf9;
		}
		#gray dt {
		background-color: #999;
		}
	
	#gray, #gray dd {
		background-color: #ccc;
		}	
	#leftnav dl {margin-left: 4px;}

	
	#searchbox {
	width: 150px;
	margin-bottom: 20px;
	margin-top:15px;
	}
#logo {
		float: left; 
		width: 200px; 
		height: 55px;
		}		

	
/*  FORMS 
    --------------------------------------------------------------- */	
form {
	margin:0px;
	padding:0px;
	}

input, code, tt, pre, .monospace {
	font-family: monaco, "andale mono", "courier new", courier, monospace;
	font-size: 11px;
	color: #333333;
	} /* Makes input boxes consistent widths across browsers */
.error_message	{ 
	display:inline;	
	font-weight: bold;	
	font-size: 9px;	
	color: #990000;	
	background-color:#FFFFCC;	
	border: 1px solid #990000;	
	margin: 3px 5px 5px 5px;	
	padding: 3px; 
	}
.required {	color: #CC0000; }

.registerbox {
	background-color:#FFFFCC;
	border: 1px solid #ccc; 
	padding: 5px;
	}


/* Chart Table +-------------------- */
.chart td {
	border-top: 1px  solid #BBB;
	padding: 5px 10px 5px 5px;
	line-height: 100%; 
	}
.chart img, .charthead img {
	border: 0;
	}
.charthead {
	font-weight: bold;
	background-color: #EFEFEF;
	color: #003366;
	}
.chart td p {
	margin: 0 0 10px 0;
}
td.charthead  p {
	margin: 0 ;
}



/* TODO: Remove importants */
ul.list-pdf li, li.list-pdf {
	background: transparent url(/images/a/file_pdf.gif) no-repeat 0 .2em !important;
	}
ul.list-word li, li.list-word {
	background: transparent url(/images/a/file_word.gif) no-repeat 0 .2em !important;
	}	
ul.list-excel li, li.list-excel {
	background: transparent url(/images/a/file_excel.gif) no-repeat 0 .2em !important;
	}	
ul.list-video {padding: 0; margin: 0;}
ul.list-video li, li.list-video {
	background: url(/images/a/file_video.gif) 0 0em no-repeat;
	padding-left: 30px;
	}