/* CSS Document */

/* Copyright 2007 10 Digit Arts.  All Rights Reserved.  */
/* No part of this document may be copied without owner's express permission.
	However, this document may be studied for educational purposes. */
	
/* --- HTML TAG DEFINITIONS by Alpha --- */
a, a img {border: none; outline: none; }
body {margin: 0; padding: 0; font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 100%; background-color: #A8B50A; background-image:url(../images/bg_body.png); background-repeat: repeat-x; background-position: center; }

h1, h2, h3, h4, h5, h6 {text-align: left; margin: 0; color: #292E26; font-family: "Century Gothic", GillSans, sans-serif; }
h1 {margin: 0 0 10px 0; }
h5 {margin: 0 0 20px 0; }
p {text-align: justify; margin: 0 30px 15px 0; color: #292E26; }

/* --- DIV & RELATED CLASS DEFINITIONS by Alpha --- */
#columncontainer {width: 100%; min-height: 500px; background-color: #EDEBBD; overflow: auto; }
#columnleft {float: left; width: 220px;}
#columnright {float: right; width: 600px;}
#contact, #drive {float: left; width: 95%; height: auto; margin: 10px 0; overflow: auto; /*border: 1px solid black;*/ }
#contact br, #drive br {clear: left; }
#contact .buttonsubmit, #drive .buttonsubmit {width: 75px; margin-left: 95px; }
#contact input, #contact select, #contact textarea, #drive input, #drive select, #drive textarea  {display: block; width: 175px; float: left; margin-bottom: 10px; }
#contact label, #drive label {display: block; text-align: left; float: left; width: 75px; padding-right: 20px; }
#container {width: 906px; margin: 0; }
#content {min-height: 500px; }
#content a {color: #A8B50A; }
#content a:link, #content a:visited {text-decoration: none; }
#content a:hover, #content a:active {color: #292E26; text-decoration: underline; }
#content h2 {margin: 25px 20px 0 0; }
#content h4 {margin: 0 20px 0 0; }
#content h6 {float: left; clear: left; width: 200px; margin: 10px 15px 5px 0; }
.contentimg {float: left; clear: left; margin: 3px 15px 5px 0; }

#directions {width: 95%; float: left; clear: both; border: 1px solid #B8AB9E; }
#drive {float: left; width: 95%; height: auto; margin: 10px 0; overflow: auto; /*border: 1px solid black;*/ }
#drive br {clear: left; }
#drive .buttonsubmit {width: 175px; margin-left: 95px; }
#drive input, #drive textarea  {display: block; width: 450px; float: left; margin-bottom: 10px; }
#drive label {display: block; text-align: left; float: left; width: 75px; padding-right: 20px; }
 
#footer {width: 100%; clear: both; height: 90px; margin: 0; padding: 0; background: #EDEBBD url(../images/bg_bottom.png) no-repeat bottom center; }
#footer h6 {padding: 0 20px; }

#header {display: block; width: 100%; height: 120px; background-image: url(../images/bg_top.png); background-repeat: no-repeat; background-position: bottom; margin: 0; }
#hours { }
#hours em {font-style: normal; font-weight: bold; }
#hours p {line-height: 100%; margin: 0; }
#hours span {display: block; text-align: left; float: left; width: 175px; padding-right: 20px; }

#logo {float: left; margin: 15px 0 0 0; }

#map {float: left; width: 95%; height: 300px; margin: 0; overflow: hidden; border: 1px solid #B8AB9E; }

#nav {}
#navbody {display: block; margin: 0; background: url(../images/bg_nav.png) repeat-x top; min-height: 490px; clear: both; width: 220px; }
#navcontainer {width: 225px; float: left; clear: right; margin: 0 20px; }
#navtop {display: block; width: 220px; height: 42px; margin: 0; background: url(../images/bg_navtop.png) no-repeat bottom center; }

#search {float: right; clear: left; margin: 10px 20px; }
#search form, #search input {font-family: "Century Gothic", GillSans, sans-serif; font-size: .85em; font-weight: bold;  }

/* --- LOOSE CLASS DEFINITIONS by Alpha --- */
.linkbook {list-style: disc outside url(../images/btn_booklink.png); margin: 0; }
.linkgroup {list-style: disc outside url(../images/btn_grouplink.png); margin: 0;  }
.linklearn {list-style: disc outside url(../images/btn_learnlink.png); margin: 0; }
.linktool {list-style: disc outside url(../images/btn_toollink.png); margin: 0;  }
.linkweb {list-style: disc outside url(../images/btn_weblink.png); margin: 0;  }

.project {overflow: auto; margin: 0 0 15px 0; /*border: 1px solid black;*/ }
.project img {margin-bottom: 3px; }
.project ul {margin: 0 15px 0 0; }
.project ul li {text-align: left; margin: 3px 0;}
.project ul li a {margin: 0 10px; }

.small {font-size: .65em; font-weight: normal; }



/* --- NAVIGATION SPECIFIC STYLES --- */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/slide_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dlmenu {min-height: 10em;}
#menu {list-style-type: none; margin: 0 0 10px; padding: 0; position: relative; width: 220px; z-index: 100;}
#menu li {display: block; padding: 0; margin: 0; position: relative; z-index: 100;}
#menu li a, #menu li a:visited {display: block; text-decoration: none;}
#menu li dd {display: none;}
#menu li:hover, #menu li a:hover {border: 0;}
#menu li:hover dt a , #menu li a:hover dt a {background-color: #69CCE6; color: #EDEBBD; }
#menu li:hover dd, #menu li a:hover dd {display: block;}
#menu li:hover dl, #menu li a:hover dl {min-height: 20em; /*background: #b4be9c url(sub_grad.gif);*/ }
#menu table {border-collapse: collapse; padding: 0; margin: -4px; font-size: 1em;}
#menu dl {width: 220px; margin: 0; /*background: #6f9c6f; cursor: pointer;*/ }
#menu dt {margin: 0; padding: 0; font-size: 1em; border-top: 1px solid #cce; font-weight: normal;}
#menu dd {margin: 0; padding: 0; font-size: .85em; text-align: left; font-weight: bold; }
.gallery dt a, .gallery dt a:visited {display: block; color: #292E26; padding: 5px 5px 5px 10px; /*background: #949e7c url(top_grad.gif) center center;*/ }
.gallery dd a, .gallery dd a:visited {color: #000; min-height: 1em; text-decoration: none; display: block; padding: 4px 5px 4px 20px; /*background: #b4be9c url(sub_grad.gif);*/}
.gallery dd a:hover {background-color: #C9D647; color: #EDEBBD;  }