/*TwinHelix PNG transparency fix for IE 5.5 and 6 - for less than 5.5, you are screwed for transparency*/
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }

/*General body styling*/
html {padding:0; margin:0; height:100%;}
body {background-color:#FAF5B4; font-family:Arial, Helvetica, Sans Serif; padding:0; margin:0; height:100%;}
p {color:#056936; font-family:Arial, Helvetica, Sans Serif; font-size:1em;}

/*Container and Content Definitions*/

#container {position:relative; min-height:93%; width:100%; margin:0%;}
#content {width:100%; margin-bottom:2%;}

/*Footer Stick Requirement*/

* html #container {height:100%;}

/*Header and Link Definitions*/

#header {width:100%; height:5%; padding-left:2%}
#header ul {margin:0; padding:0; list-style:none;}
#header li {float:left; margin:0; padding:0;}
#header a {display:block; padding:7px 15px 4px; text-decoration:none; color: #056936; font-size:.8em;}
#header a:hover {color:#3B2210; text-decoration:none;}

#logo {padding-top:3%; padding-left:4%;}

#menu {padding-left:10%; width:100%;}
#menu ul {margin:0; padding-top:4%; width:80%; height:2%;}
#menu li {float:left; margin:0; padding:0; list-style:none; display:block;}
#menu li.current {width:25%; text-align:center; color:#056936; font-size:1.2em; font-weight:bolder;}
#menu li.link {width:25%; text-align:center;}
#menu li.link a {width:25%; color:#056936; font-size:1.2em; font-weight:lighter; text-decoration:none;}
#menu li.link a:hover {color:#056936; text-decoration:none; font-weight:bolder;}


#text {width:80%; text-align:center; margin-top:5%; margin-left:10%;}
#text ul {margin:0; padding-top:4%; height:20%;}
#text li {list-style:none; height:100%}
#text li.link a {width:50%; text-align:center; color:#3B2210; font-size:2em; font-weight:lighter; text-decoration:none;}
#text li.link a:hover {color:#3B2210; text-decoration:none; font-weight:bold;}
#text li.link a:visited {color:#3B2210; text-decoration:none; font-weight:bold;}
.text2 p a {color:#056936; text-decoration:none; font-weight:bolder;}
.text2 p a:hover, a:visited {color #056936; text-decoration:underline;}

#bios {margin-top:5%; margin-left:10%; width:80%;}
#bios td.current {text-align:left; color:#3B2210; font-size:1em; font-weight:bolder;}
#bios td.current a {color:#3B2210; font-size:1em; text-decoration:none;}
#bios td.current a:hover {color:#3B2210; text-decoration:none;}
#bios td.current a:visited {color:#3B2210; text-decoration:none;}
#bios td.link {text-align:left;}
#bios td.link a {color:#3B2210; font-size:1em; font-weight:lighter; text-decoration:none;}
#bios td.link a:hover {color:#3B2210; text-decoration:none; font-weight:bold;}
#bios td.link a:visited {color:#3B2210; text-decoration:none; font-weight:bold;}

/* Top Navigation (from Shea Enhancement to Leahy/Langridge Image Replacement Method on mezzoblue.com) */

#banner {height:120px;}

/* Get rid of the bullets and margin */

#banner ul {margin:0; padding-top:10px; padding-left:5%;}
#banner li {float:right; margin:0; padding-top:0; list-style:none; height:120px;}

/* Adding the initial link images */

#banner li.list1 {background:transparent url(../img/about_inactive.png) no-repeat top left;}
#banner li.list2 {background:transparent url(../img/showing_inactive.png) no-repeat top left;}
#banner li.list3 {background:transparent url(../img/contact_inactive.png) no-repeat top left;}

/* Adding the active link images */

#banner li #about_current {background:transparent url(../img/about_active.png) no-repeat top left;}
#banner li #showing_current {background:transparent url(../img/showing_active.png) no-repeat top left;}
#banner li #contact_current {background:transparent url(../img/contact_active.png) no-repeat top left;}

/* General link styling */

#banner a {display:block; width:210px; height:120; color:#FAF5B4; overflow:hidden; font-size:.5em;}

/* hack for older versions of IE with incorrect box model */

* html #banner a:link, * html #banner a:visited {height:100px; he\ight:0;}

/* Adding the hover images */

#banner a#about {background:transparent url(../img/about_active.png) -260px -140px no-repeat;}
#banner a#showing {background:transparent url(../img/showing_active.png) -260px -140px no-repeat;}
#banner a#contact {background:transparent url(../img/contact_active.png) -260px -140px no-repeat;}

/* Adding the :hover style */

#banner a#about:hover {background-position:0 0; z-index:50;}
#banner a#showing:hover {background-position:0 0; z-index:50;}
#banner a#contact:hover {background-position:0 0; z-index:50;}

/* hack for older versions of IE with incorrect box model */

* html #banner a:hover {height:120px; he\ight:0;}

/* end left naviation */

/*Footer Definitions*/

#footer {position:relative; margin-top:-.25em; width:100%; height:.25em;}
#footer p {width:100%; font-size:.7em; font-weight:lighter; text-align:center; color:#056936; padding-top:3px;}
#footer a {text-decoration:none; color:#056936;}
#footer a:hover {text-decoration:none; color:#3B2210;}