/* Colors Used
page background #3a4944
orange bars #fa4c0a
orange text #e71 for large, #d61 for small
orange text on tan/darker background #c50
turquoise font #003d9c
alternate #065aaa
calendar heading background #8e8c75
calendar events background #b6b49d
content background #e9e7d8 */

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin : 0;
padding : 0; }

/* Normalizes font-size for headers */

h1,h2,h3,h4,h5,h6 {
font-size : 100%; }

/* Removes list-style from lists */

ol,ul {
list-style : none; }

/* Normalizes font-style and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal; }

/* Removes list-style from lists */

table {
border-collapse : collapse;
border-spacing : 0; }

/* Removes border from fieldset and img */

fieldset,img {
border : 0; }

/* Left-aligns text in caption and th */

caption,th {
text-align : left; }

/* Removes quotation marks from q */

q:before, q:after {
content :''; }

/* layout and theme */

/* =si_clear_children */

.pc,.sc {
position : absolute;
top: 0;
left: 0; }

.clear_children,.cc_tallest {
position: relative; }

/*\*/

* html .clear_children {
display: inline; }

/**/

.cc_tallest:after {
content: ''; }

/* PREVENTS A REDRAW BUG IN SAFARI */

html {
text-align : center;
background-color : #3a4944; }

body {
position : relative;
width : 759px;
margin : 0 auto;
text-align : left;
padding-top : 60px; }

div#nav_sub ul {
position : absolute;
/* positioning for IE5 et IE5.5 */
top : 30px;
left : 0px;
background : transparent url(../images/sub-menu.gif) top left no-repeat;
width : 180px;
height : 30px; }

div#nav_sub ul {
list-style-type : none;
margin : 0px;
padding : 0; }

div#nav_sub ul li {
float: left; }

div#nav_sub ul li a:link, div#nav_sub ul li a:visited {
/* buttons dimensions and definitions */
display : block;
/* <a> block to give it its dimensions */
height : 30px;
width : 80px;
color : #fff;
font-size : 14px;
line-height : 30px;
/* line height to avoid paddings */
font-weight : bold;
font-family : arial, serif;
text-decoration : none;
text-indent : -9999px; }

div#nav_sub ul li a:hover, div#nav_sub ul li a:active {
background : transparent url(../images/sub-menu.gif) top left no-repeat; }

div#nav_sub ul li a#subhome:hover {
background-position : 0% -30px;
/* background move for each button */ }

div#nav_sub ul li a#subcontact:hover {
background-position : -80px -30px; }

div#nav_sub ul li a#subhome:active { clear:both; }
/* necessary for mozilla firefox? */

div#branding {
position : relative;
height : 75px;
width : 100%;
background : #3a4944 url(../images/seabc_branding.jpg) no-repeat 0 0; }

div#home_photo {
position : relative;
z-index : 11;
height : 311px;
width : 419px;
background : url(../images/left_main.jpg) no-repeat 0 0; }

div#home_feature {
position : absolute;
top : 135px;
left : 419px;
height : 311px;
width : 110px; }

li#seabc {
list-style-type : none;
padding : 0;
margin : 0;
text-indent : -9999px; }

li#seabc a:link, #seabc a:visited {
position : absolute;
display : block;
top : 0px;
left : 0px;
height : 311px;
width : 110px;
background : url(../images/seabc_on-off.jpg);
background-repeat : no-repeat;
}

li#seabc a:hover {
background : url(../images/seabc_on-off.jpg);
background-position : 110px 0;
background-repeat : repeat-x;
}

li#seabc2 {
list-style-type : none;
padding : 0;
margin : 0;
text-indent : -9999px; }

li#seabc2 a:link, #seabc2 a:visited {
position : absolute;
display : block;
top : 254px;
left : 0px;
height : 57px;
width : 110px;
background : url(../images/seabc2_on-off.jpg);
background-repeat : no-repeat; }

li#seabc2 a:hover, #seabc2 a:active {
background : url(../images/seabc2_on-off.jpg);
background-position : 0 57px; }

div#seabc2 a:active { clear:both; }
/* necessary for mozilla firefox? */

div#home_nav_main {
position : absolute;
top : 135px;
left : 529px;
height : 311px;
width : 230px;
background-image : url(../images/menu_background.jpg);
background-repeat : no-repeat; }

ul#nav_features {
position : absolute;
top : 15px;
left : 30px;
margin : 0;
width : 170px;
height : 250px; }

ul#nav_features li {
display : list-item; }

div#home_content {
background-color :#fff;
overflow :hidden;
width :759px; }

div#home_maincontent {
text-align : left;
width :529px;
background-color : #e9e7d8;
border-right : 230px solid #b6b49d;
margin-right :-230px;
float:left; }

div#greycontent {
display : block;
padding : 22px; }

div#greycontent img {
float : left;
padding-right : 12px; }

div#whitecontent {
display : block;
padding : 22px;
background-color : #fff; }

div#whitecontent img {
float : left;
padding-right : 12px; }

div#calendar {
width : 230px;
background-color : #b6b49d;
float :left;
padding-bottom : 1.6em; }

div#content {
background-color :#e9e7d8;
overflow :hidden;
width :759px; }

div#maincontent {
text-align : left;
width :529px;
background-color : #e9e7d8;
border-right : 230px solid #3a4944;
margin-right :-230px;
padding-bottom : 30px;
float:left;
background-image: url(../images/tab_background.jpg);
background-repeat: no-repeat;}

div#sidebar {
width : 230px;
background-color : #3a4944;
float : left; }

div#siteinfo {
position : absolute;
width : 529px;
height : 80px;
background : #3a4944; }

div#siteinfo ul {
padding : 20px 12px 30px;
font-size : .9em; }

div#siteinfo ul li {
list-style-type : none;
display : inline;
padding-left : 28px;
padding-right : 28px; }

div#siteinfo ul li.divider {
border-left : 1px solid #fff; }

h1 {
position : absolute;
top : 0px;
left : 0px;
text-indent : -9999px; }

div#textdivider {
height:1px;
background-color:#e9e7d8;
margin : 18px 40px;
overflow:hidden;
border-bottom: 1px #ffa500 dashed; }

/* typography.css */

body {
font : 80%/1.4 "Trebuchet MS", Helvetica, Verdana, sans-serif;
color : #333; }

/*
h2, h3, h4, p, ul, blockquote {
margin : 0 16px .3em; }
*/

blockquote {
margin : 0 40px 0 45px; }

.title{
position : absolute;
font : 210% arial, verdana, sans-serif; 
color : #c50;
right: 8px;
top: 144px;
width: 210px;
height: 40px;
border: 0;
text-align: center;
font-weight: 500; }

p {
font-size : 100%;
margin : 0 40px .6em; }

div#whitecontent h3, div#whitecontent p {
margin : 0 16px .3em; }

div#greycontent h3, div#whitecontent p {
margin : 0 16px .3em; }

body#directors p, body#minutes p, abody#contact p {
margin : 0 50px .6em;
font : 100%/1.2 Verdana, "Trebuchet MS", sans-serif; }

body#directors a, abody#contact a {
color: #039;
font-weight : bold;}

body#directors a:hover, abody#contact a:hover {
color : #d61; }

ul#minutes{
margin : 1em 0 0 75px;
list-style-type: disc; }

ul#minutes li {
padding : 0 0 .6em 0;}

body#events p, body#downloads p {
margin : 0 60px .6em;
font : 100%/1.4 Arial, "Trebuchet MS", sans-serif; }

body#events p strong {
color : #663;
font-weight : bold;
font-size : 90%; }

body#events h4, body#downloads h4 {
margin : 1.4em 40px .2em;
font : 110% Arial, "Trebuchet MS", sans-serif;
font-weight : bold; }

body#events h5 {
margin : 1.0em 40px .1em;
font : 105% Arial, "Trebuchet MS", sans-serif;
font-weight : bold;
color : #003d9c; }

body#downloads h5 {
margin : 0 40px 1em;
font : 105% Arial, "Trebuchet MS", sans-serif;
font-weight : bold;
color : #555; }

body#links h3 {
margin : 2.2em 40px .4em 40px;
color : #e71;
border-bottom : dashed;
border-bottom: 1px #065aaa dashed; }

body#links h3 img {
float : right;}

ul#courses {
margin : .5em 0 0 50px;
list-style-type: none; }

ul#courses li {
padding : 0 0 .2em 0;
font : 105% Arial, Helvetica, sans-serif;
font-weight : normal;
color : #065aaa; }

ul#links {
margin : .5em 0 0 75px;
list-style-type: disc; }

ul#links li {
padding : 0 0 .4em 0;
font : 110% Arial, Helvetica, sans-serif;
font-weight : bold;
color : #065aaa; }

ul#normal {
margin : 0 60px .9em; }

ul#normal li {
list-style-type: disc; }

h2 {
margin : 1.4em 40px .4em;
font : 180% Arial, Helvetica, sans-serif;
font-weight : normal;
color : #e71; }

h3 {
margin : 1.2em 40px .4em;
font : 130% Arial, Helvetica, sans-serif;
font-weight : bold;
color : #065aaa; }

h4 {
margin : .9em 15px .3em 15px;
font : 95% Arial, "Trebuchet MS", sans-serif;
font-weight : bold;
color : #d61; }

h5 {
margin : 1.4em 40px .2em;
font : 105% Verdana, Arial, "Trebuchet MS", sans-serif;
font-weight : bold;
color : #3a4944; }

a:link {
text-decoration : none;
color : #039; }

a:hover {
text-decoration : none;
color : #d61; }

a:visited {
text-decoration : none;
color : #a50; }

ul#nav_features a {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
font-style : normal;
line-height : 28px; }

ul#nav_features a:hover {
font-size : 12px;
text-decoration : underline;
color : #e71; }

div#home_maincontent p {
font-family : "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", sans-serif;
color : #222;
margin-left : 136px;
margin-bottom : 12px;
text-decoration : none; }

div#home_maincontent a:link, div#home_maincontent a:visited {
color : #005aaa;
font-size : 0.9em;
font-weight : bold;
margin-top : -5px;
display : block; }

div#home_maincontent a:hover, div#home_maincontent a:active {
color : #d61; }

div#home_maincontent a img {
margin-top : 5px; }

div#home_maincontent h3 {
font-family : Verdana, Helvetica, Arial, sans-serif;
font-size : 1em;
font-weight : bolder;
color : #005aaa;
margin-left : 136px;
margin-bottom : 8px;
text-decoration : none; }

div#calendar li p {
margin : 0 15px .3em 45px;
line-height : 1.3em;
font-size : .9em; 
font : 90%/1.3 "Trebuchet MS", Arial, sans-serif; }

div#calendar a {
color : #069;
font-weight : bold; }

div#calendar a:hover {
color : #d61; }

div#calendar h4 {
color : #c50; }

div#siteinfo ul, div#siteinfo ul li a {
font : Arial, sans-serif;
color : #eee; }

div#siteinfo ul li a:hover {
color : #e71;}

p.boxed_download {
background-color: #b6b49d;
padding: 24px;
border: 1px #8e8c75 solid;
font-weight : bold;
margin : 30px 40px;
display: block;}

p.boxed_download img {
float : right;
padding-left : 22px;}

p.boxed_download a:link {
color : #065aaa;}

.return {
margin : 1.5em 40px .4em 40px;
color : #e71;
border-bottom : dashed;
border-bottom: 1px #ffa500 dashed; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of th balance of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/doors_drop_line.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.
=================================================================== */

/* for this demo only */
#nav {margin:25px 0 60px 0;}

/* the styling */
#nav {float:left; width:529px; height:auto; background:#b6b49d transparent url("../images/bottom_line.gif") repeat-x bottom; position:relative;}

#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height:28px; float:left; background: url("../images/left_grey.gif") no-repeat left top; padding:0 0 0 3px; border-bottom:1px solid #677; text-decoration:none; font:11px Arial, "Trebuchet MS", Helvetica, sans-serif; line-height:27px; white-space:nowrap; margin-left:4px;}
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("../images/right_grey.gif") no-repeat right top; padding:0 9px 0 6px; color:#000;}

#nav .select a:hover, 
#nav .select li:hover a {background-position:0 -75px; border-color:#677; cursor:pointer;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -75px; border-color:#677; color:#fff;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:12px;}

#nav .current a {background-position:0 -75px; border-color:#677;}
#nav .current a b {background-position:100% -75px; color: #f82;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#3a4944 url("../images/sub_sep.gif") top right no-repeat; color:#fff; text-decoration:underline;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#3a4944 url("../images/sub_sep.gif") top right no-repeat; color:#f82; text-decoration:underline;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:522px; top:28px; left:0; background:#3a4944; margin-top:1px; padding:0 0 0 6px; z-index:100; border-bottom:20px solid #b6b49d;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:522px; top:28px; left:0; background:#3a4944; margin-top:1px; padding:0 0 0 6px; z-index:10; color:#000; border-bottom:20px solid #b6b49d;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:28px; float:left; text-decoration:none; line-height:27px; white-space:nowrap; font-weight:normal;}
#nav .sub_active a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; background:#3a4944 url("../images/sub_sep.gif") top right no-repeat; padding:0 10px; margin:0; font-size:11px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#fff; height:28px; line-height:27px; }