/* Positioning*/
#title{         position: absolute; top: 0px;   left: 160px; }
#header_bar {   position: absolute; top: 120px; left: 0px; }
#navigation {   position: absolute; top: 171px; left: 0px; }
#horiz_line{    position: absolute; top: 171px; left: 0px; }
#curve{         position: absolute; top: 171px; left: 140px; }
#container{     position: absolute; top: 171px; left: 0px; }

body {
    /* Box */
	margin: 0px;
    /* Font */
	font-family: Arial;
	font-size: 10pt;
    /* Color & Background*/
	color: #000;
	background-image: url(Images/sidebar.gif);
	background-repeat: repeat-y;
}
#header {
    /* Box */
    height: 120px;
	width: 100%;
    /* Color & Background*/
	background-image: url(Images/pano2.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
}
    #logo{
        /* Box */
    	height: 120px;
    	width: 150px;
    	text-align: center;
    }
    #logo img{ visibility: hidden; }
    #title{	height: 120px; padding-top: 30px; }
    #title h2{ color: #FFF; }

#header_bar{
    /* Box */
	height: 50px;
	width: 100%;
	clear: both;
	border-style: solid none none none;
	border-width: 1px;
	border-color: #ccc;

    /* Font */
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    /* Color & Background */
	color: #000;
	background-color: #145440;
	background-image: url(Images/COE_BackGround.gif);
	background-repeat: repeat-x;
}
#header_bar marquee{
	line-height: 28px;
	vertical-align: middle;
	width: 150px;
}
#navigation{
    /* Box */
	width: 145px;
    /* Font */
	text-align: center;
    /* Color & Background */
	color: #fff;
	background-color: #145440;
	background-image: url(Images/sidebar.gif);
	background-repeat: repeat-y;
}
#navigation span{
    /* Color & Background */
	color: #fff;
}

#horiz_line{
    /* Box */
	height: 5px;
	width: 100%;
    /* Color & Background */
	background-image: url(Images/curve_horiz.gif);
	background-repeat: repeat-x;
}
#curve{
    /* Box */
	width: 74px;
	height: 74px;
    /* Color & Background */
	background-image: url(Images/curve.gif);
	background-repeat: no-repeat;
}
#container{
    width: 100%;
}
#content{
    /* Box */
	min-height: 400px;
	margin-top: 30px;
	margin-left: 170px;
}
#address{
    /* Font */
	text-align: center;
	font-weight: bold;
	font-family: Tahoma;
    /* Color & Background */
	color: #E8E8E8;
	background-color: #145440;
}

#bottom_links, #copyright{
    /* Font */
	text-align: center;
    /* Color & Background */
	background-color:#E8E8E8;
}


/* Text Formating */
td, p, li, h2, h3, h4 {	font-family: Arial, Helvetica, sans-serif; }
h1 { margin: 0px; font-size: 24pt; }
h2 { margin: 0px; font-size: 18pt; font-weight: bold; color: black; }
h3 {              font-size: 18pt; font-weight: bold; color: gray; }
h4 { }
p, blockquote, ol{
	font-size: 14pt;
	font-weight: normal;
	color: #336666;
}
table, th, td { font-size: 14pt; }

span.filetype{
	font-size: 12pt;
	font-family: "Courier New", Courier, monospace;
}


/* Images */
div.image_container{
    padding: 10px;
    text-align: center;
}
div.left{ float: left; }
div.right{ float: right; }
div.caption{ color: #336666; }


/* Links */
A:link {    color: blue; }
A:visited { color: #999966; }
A:hover {	color: #cc9966; }
A.search:link {	color: #ededed;	text-decoration: none; }
A.search:visited { color: #ededed; text-decoration: none; }
A.search:hover { color: #cc9966; text-decoration: none; }

#parent_link{ text-align: center; }


/* Departments Page */
#departments caption{ font-style: italic; }
#departments col.department{ vertical-align: top; font-weight: bold; }
#departments ul{ list-style: none; margin: 0px; padding: 0px; }
#departments col.phone{ vertical-align: top; font-weight: bold; }

/* Search Page */
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #999999; }
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }

		.zoom_searchform { font-size: 100%; }
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }
