/* esco css */
/* main styles */
*{
	padding:0;
	margin:0;
}
html,
body{
	height:99%;
}

body{
	background-color:#333;
	/* text attributes */
	font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size:1em;
	color:#fff;
}
h1,h2,h3,h4,h5,h6{
	display:inline;
	margin:0.5em 0;
	font-weight:normal;
	text-transform:uppercase;
	border-bottom:1px solid #c11a22;
}
h1{
	font-size:2em;
}
h2{
	font-size:1.8em;
}
h3{
	font-size:1.6em;
}
h4{
	font-size:1.4em;
}
h5{
	font-size:1.2em;
}
h6{
	font-size:1em;
}
/* links */
a:link,
a:visited,
a:hover,
a:active{
	color:#c11a22;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #c11a22;
}
a:hover{
	color:#c11a22;
	border-bottom:1px solid #c11a22;
}
img{
	border-color:#333;
}
/* ID's */
/* LEFT COLUMN */
#leftcol{
	/*position:absolute;*/
	top:0;
	left:0;
	width:119px;
	padding:5px;
	float:left;
	background-image:url(../../media/images/static/gradient_leftcol.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}	
	/* LOGO */
	#logo{
		width:119px;
		height:112px;
		background-image:url(../../media/images/static/logo.gif);
		background-repeat:no-repeat;
		background-position:8px 12px;
		border-top:1px solid #c11a22;
		border-left:1px solid #c11a22;
		border-right:1px solid #c11a22;
		z-index:25;
	}
	
	/* META */
	#meta{
		width:119px;
		height:18px;
		padding:1px 0;
		font-size:0.6em;
		border-top:1px solid #c11a22;
		border-left:1px solid #c11a22;
		border-right:1px solid #c11a22;
		z-index:20;
	}
		/* META UL & LI's */
		#meta ul{
			list-style-type:none;
			text-align:center;
			font-size:1.2em;
		}
		#meta li{
			display:inline;
			margin-right:5px;
		}
		#meta li a:link,
		#meta li a:visited,
		#meta li a:hover,
		#meta li a:active{
			border:none;
			color:#fff;
		}
		#meta li a:hover{
			color:#c11a22;
		}
		#meta li.sel{
			color:#c11a22;
			font-weight:bold;
		}
	/* end meta */
	
	/* SUBMENU */
	#submenu{
		font-size:0.9em;
		width:119px;
		border-top:1px solid #c11a22;
		border-left:1px solid #c11a22;
		border-right:1px solid #c11a22;
		z-index:15;
	}
		/* SUBMENU UL & LI's */
		#submenu ul{
			list-style-type:none;
			margin:0 5px;
			padding-bottom:0.5em;
		}
		#submenu li{
			padding-top:0.25em;
			padding-bottom:0.25em;
			text-indent:1em;
			border-bottom:1px solid #c11a22;
		}
		#submenu li.active{
			background-color:#c11a22;
		}
		#submenu li a:link,
		#submenu li a:visited,
		#submenu li a:hover,
		#submenu li a:active{
			border:none;
		}
		#submenu li a:hover{
			color:#fff;
		}
	/* end submenu */
	
	/* LOGIN */
	#login{
		width:119px;
		border-left:1px solid #c11a22;
		border-right:1px solid #c11a22;
		z-index:10;
		overflow:visible;
	}
		/* LOGIN FORM */
		#login form{
			font-size:0.75em;
			padding-top:0.4em;
			line-height:2em;
		}
			#login #news_form{
				display:none;	/* mute it for now */
				padding-bottom:0.5em;
				margin:0 0.5em;
				border-bottom:1px solid #c11a22;
			}
			#login #log_form{
				padding:0.5em 0;
				margin:0 0.5em;
			}
			/* LOGIN INPUTS & LABELS */
			#login input{
				vertical-align:top;
				margin:0;
				padding:0;
			}
			#login input.field{
				width:75px;
				vertical-align:top;
				background-color:#362d2e;
				margin-left:5px;
				font-size:1em;
				font-weight:bold;
				color:#ccc;
			}
			#login label{
				color:#c11a22;
				margin-left:5px;
				font-weight:bold;
			}
			
		/* end login form*/
	/* end login */
	
	/* FOOTER_LC */
	#footer_lc{
		width:119px;
		height:197px;
		background-image:url(../../media/images/static/eye.jpg);
		background-repeat:no-repeat;
		background-position:0 0;
		border:1px solid #c11a22;
		border-top:0;
		z-index:5;
	}
/* end left column*/

/* CONTAINER (aka right column) */
#container{
	position:absolute;
	left:0;
	top:0;
	margin-left:120px;
	width:763px;
	padding:5px;
}

	/* BANNER */
	#banner{
		position:relative;
		width:764px;
		height:112px;
		border-top:1px solid #c11a22;
	}
		/* BANNER ENDLINE */
		#banner #banner_endline{
			position:relative;
			left:755px;
			top:0px;
			width:3px;
			height:15px;
			border-right:1px solid #c11a22;
		}
	/* end banner */
	
	/* MENU */
	#menu{
		width:764px;
		height:16px;
		text-transform:uppercase;
		font-size:0.9em;
		border-bottom:1px solid #c11a22;
		border-top:1px solid #c11a22;
		padding-top:4px;
		margin-bottom:-2px;
		overflow:hidden;
	}
		/* MENU UL & LI's */
		#menu ul{
			list-style-type:none;
			padding-bottom:4px;
		}
		#menu ul li{
			display:inline;
			margin-left:8px;
			padding-top:4px;
			padding-bottom:4px;
			line-height:100%;
		}
		#menu ul li.sel{
			background-image:url(../../media/images/static/gradient_button.jpg);
			background-position:left;
			background-repeat:repeat-y;
			color:#c11a22;
			border-left:6px solid #c11a22;
		}
		#menu ul li a:link,
		#menu ul li a:visited,
		#menu ul li a:hover,
		#menu ul li a:active{
			color:#fff;
			border:none;
			border-left:6px solid #333;
		}
		#menu ul li a:hover{
			color:#c11a22;
		}
		
		/* MENU STARTLINE & ENDLINE */
		#menu_startline{
			position:absolute;
			left:9px;
			top:110px;
			width:3px;
			height:35px;
			border-right:1px solid #c11a22;
		}
		
		#menu_endline{
			position:absolute;
			left:760px;
			top:110px;
			width:3px;
			height:55px;
			border-right:1px solid #c11a22;
		}
	/* end menu */
	
	/* CONTENT */
	#content{
		width:735px;
		padding:2em 1em;
	}
		/* CONTENT PARAGRAPHS */
		
		/* CONTENT PRE */
		#content pre{
			font-family:"Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
			font-size:0.5em;
			color:#c11a22;
			margin:2em 3em;
		}
		/* CONTENT ALL */
		#content p,
		#content ul,
		#content ol,
		#content table{
			margin-left:2em;
		}
		/* CONTENT BASELINES & ENDLINES */
		#content #content_startline_left,
		#content #content_startline_bottom,
		#content #content_endline_right,
		#content #content_endline_bottom{
			position:absolute;
			margin-bottom:2em;
			margin-left:19px;
		}
		#content #content_startline_left{
			left:-7px;
			bottom:-30px;
			width:0px;
			height:25px;
			border-left:1px solid #c11a22;
		}
		#content #content_startline_bottom{
			left:-15px;
			bottom:-20px;
			width:80px;
			height:0px;
			border-bottom:1px solid #c11a22;
		}
		#content #content_endline_right{
			left:744px;
			bottom:-30px;
			width:0px;
			height:60px;
			border-right:1px solid #c11a22;
		}
		#content #content_endline_bottom{
			left:720px;
			bottom:-20px;
			width:30px;
			height:0px;
			border-bottom:1px solid #c11a22;
		}
	/* end content */
#gmap{
	width:450px;
	height:350px;
	background:#ccc;
	overflow:hidden;
}
/* end container */
/* classes */
.footernote{
	font-size:0.75em;
	color:#c11a22;
}