/**

My stylesheet seriously needs to be cleaned up. I apologize to any readers who got this far.
I am working on organizing it better.

**/



* {margin: 0; padding: 0;}

body {background-color: #00080B;}

#container {background: url(img/body_bg4.gif) repeat-y;
background-position:  center;
height:  auto;
margin: 0 auto;}

a {color: #a94e3f;}

a:hover {color:#873e32;}

p, ul.info {font-size:13px;color:#3D4048;font-family: Verdana, "Century Gothic", Arial, "Trebuchet MS",sans-serif;
	line-height: 18px;padding: 0 40px 25px 40px;}

ul.info {padding-left: 80px;}

img.leftimg {float: left; border: 2px solid #000; margin-right: 5px; margin-left: 10px; border: 3px solid #fff;}

img.rightimg {float: right; border: 2px solid #000; margin-left: 5px; margin-right: 15px; border: 3px solid #fff;}

img.centerimg {display: block; margin: auto; border: 3px solid #fff;}

div.person {padding-left: 30px;}

div.person p {font-size: 11px; padding-left: 20px;}

table.board { width: 80%;
background-color: #fafafa;
border: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin: 0 auto;
font-family: "lucida grande", verdana, sans-serif;
font-size: 12px;
margin-bottom: 5px;}

table.board tr, th, td {padding: 5px;}

tr.odd {background-color: #D5F3FC;}

table.board th {background-color: #D2ECED;}


#wrapper {width: 600px; margin: 0 auto;}

#header {width: 600px; margin: auto; /** border-left: 3px solid #fff; border-right: 3px solid #fff; **/}

#header #site-title a {display:block;
						height:225px;
						width:600px;
						text-indent:-9999px;
						overflow:hidden;
						margin: auto;
						background:url(img/logo4.png) no-repeat top left;}
#site-title h3 {text-indent:-9999px;margin:0;border:none;text-decoration:none;}





.veryImportant {
	background-color: #6789A1;
	border: 2px dashed #EDEDED;
	margin: 0 auto;
	width: 80%;
	margin-bottom: 10px;
}

.veryImportant p {
	color: #EDEDED;
	padding: 5px;
}
	


#quote {width: 600px; margin: auto;}

h3#quote-title {display:block;
						height:155px;
						width:600px;
						text-indent:-9999px;
						overflow:hidden;
						margin: 0;
						background:url(img/quote_head3.gif) no-repeat top left;
						}


#main {background: #E2E6F1;
	   width: 600px;
	   margin: auto;
	   }





h4.header, h5.header, h6.header, h6.headerClose{font: 19px "Trebuchet MS",Verdana, "Century Gothic", Arial, sans-serif; color: #4D4E52; padding: 15px 0 5px 20px; }

h5.header {font-size: 17px; padding-left: 30px; font-style: italic;}

h6.header {font-size: 15px; padding-left: 40px;}

h6.headerClose {font-size: 15px; padding-left: 40px; padding-top: 0px;}


h3#welcome {display:block;
						height:37px;
						width:98px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/welcome.gif) no-repeat top left;}

h3#news {display:block;
						height:37px;
						width:61px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/news.gif) no-repeat top left;}

h3#aboutus {display:block;
						height:37px;
						width:99px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/aboutus.gif) no-repeat top left;}

h3#programs {display:block;
						height:39px;
						width:111px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/programs.gif) no-repeat top left;}

h3#showcase {display:block;
						height:39px;
						width:111px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/showcase.gif) no-repeat top left;}

h3#contact {display:block;
						height:37px;
						width:95px;
						text-indent:-9999px;
						overflow:hidden;
						margin-left: 20px;
						background:url(img/header/contact.gif) no-repeat top left;}


p.quote {
	display: block;
	font-size:20px;color:#3D4048;font-family: "Trebuchet MS", "Century Gothic", Arial,sans-serif; 
	line-height: 22px;
}




div#pictures {
	padding-left: 40px;
	}

div#pictures img {
	border: 1px solid #595E60;
	}
#footer {
	width: 100%;
	background: #00080B;

}

#foot_inner {
	margin: 0 auto;
	}

#footer p {
	font-size: 10px;
	text-align: center;
	padding: 0;
}





.menu {width:600px; font-size:0.85em; position:relative; z-index:100;
	 margin: auto;
	background: url(img/nav_bg.gif) repeat-x top left;
	list-style: none;
	height: 46px;
	}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:600px; w\idth:600px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:600px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	text-decoration:none; 
	color: #DEEADC;
	font-size:12px;font-family:Arial, "Trebuchet MS", "Century Gothic", Arial,sans-serif; 
	width:100px; height:34px; line-height:29px; padding-top: 12px; text-align: center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:42px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:42px;t\op:42px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:100px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:100px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#141D20;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#141D20;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }