@charset "utf-8";
/* CSS Document */

@import 'resets.css';

ol, ul {
	list-style: none;
	line-height: 14px;
}

a {
text-decoration: none;
color: #e08a02;
}

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

body {
	padding: 0px;
	margin: 8px 8px 8px 15px;
		font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e3e3e3;
	background-image:url(../images/bgheader.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	
}

#width {
width: 99%;
min-width: 1150px;
padding: 0px;
margin: 0px 0px 0px 0px;

}

#content{
position: relative;
width: auto; 
height:350px;

}

#footer {
width: 1058px;
height: 49px;
background-image:url(../images/footer.png);
margin: 0px auto 0px auto;
padding: 5px 0px 5px 0px;
position: relative;
}

#footer p{
color: #9dc4f1;
font-size: 14px;
margin: 14px 3px 3px 18px;
}



/*
#content{
width:auto;
margin: 4px 4px 12px 4px;
padding: 0px;
min-width: 1150px;
width: 100%;
}
*/
#header {
position: relative; 
width: 100%;
min-width: 1050px;
float: right;
}

#logo {
float: right;
height: 58px;
width: 424px;
margin: 0px 10px 0px 0px;
}

#logo h1 {
margin:0px;
padding: 0px;
height: 58px;
width: 424px;
}

#logo h1 a{
display: block;
height: 58px;
width: 424px;
background-image: url(../images/logo.png);
}

#nav {list-style: none; margin: 0px; padding: 0px;}

#logo h1 span {display: none;}

#navigation {width: 100%; height: 31px; margin:0px; position: absolute; top: 252px;}
#snapshots {float: left; width: 370px; height: 245px; margin: 125px 0px 0px 25px; background:url(../images/snapshots.png); padding: 0px; border: none; position: absolute; }

#navigation ul { float: right; position: relative; height: 48px; width: 695px; margin: 0px 0px 0px 0px; line-height: 1; }
#navigation li{ float:left; height: 31px; text-indent: -9999px;}
#navigation li li{ position: static; text-indent: 0; font-size: 12px; font-weight: bold; width: auto; height: auto; }
#navigation li li a{ color: #99bee0; background: none; width: auto; height: auto; margin-top: 3px; margin-left: 8px; text-decoration: none;}
#navigation li li a:hover, #nav li li a.selected a{color: #ffffff;}
#navigation ul ul {position: absolute; left: 0; width: 695px; height: 13px; margin: 0px; display: none; }
/*#nav ul ul.selected, #nav ul ul.active {display: block;}*/
#navigation ul li:hover ul{display: block;}
#navigation li a{display: block; background-image:url(../images/nav.png); background-position: top left; background-repeat: no-repeat; height: 30px; padding: 0px; border: none;}
#navigation li.home a{background-position: 0px 0px; width: 83px;}
#navigation li.about a{background-position: -83px 0px; width: 93px;}
#navigation li.gallery a{background-position: -176px 0px; width: 109px;}
#navigation li.announcements a{background-position: -285px 0px; width: 208px;}
#navigation li.join a{background-position: -493px 0px; width: 73px;}
#navigation li.resources a{background-position: -566px 0px; width: 126px;}

#navigation li.home a:hover, #nav li.home a.selected, #nav li.home a.active {background-position: 0px -32px;}
#navigation li.about a:hover, #nav li.about a.selected, #nav li.about a.active {background-position: -83px -32px;}
#navigation li.gallery a:hover, #nav li.gallery a.selected, #nav li.gallery a.active {background-position: -176px -32px;}
#navigation li.announcements a:hover, #nav li.announcements a.selected, #nav li.announcements a.active {background-position: -285px -32px;}
#navigation li.join a:hover, #nav li.join a.selected, #nav li.join a.active {background-position: -493px -32px;}
#navigation li.resources a:hover, #nav li.resources a.selected, #nav li.resources a.active {background-position: -566px -32px;}

#navigation li.home li a {width: auto;}
#navigation li.about li a{width: auto;}
#navigation li.gallery li a{width: auto;}
#navigation li.announcements li a{width: auto;}
#navigation li.join li a{width: auto;}
#navigation li.resources li a{width: auto;}

#main {
position: relative;
width: 1050px;
min-width: 1050px;
margin: 25px auto 24px auto;
}



}

#home {
width: 900px;
margin: 0px auto 0opx auto;
position: relative; 
}

#column1 {
float: left;
width: 400px;
margin: 0px 25px 0px 0px;

}

#column2 { width:625px;
float: left;}

#homebox1 {
margin: 0px 0px 12px 0px; 
width: 400px;
float: left}


#homebox2 {
margin: 0px 0px 0px 0px; 
width: 400px;
float: left}

#main ul{
color: #002d62;
list-style:disc;
margin: 16px 12px 16px 18px;
font-size:13px;
}

#main li {
margin: 0px 0px 8px 18px;
line-height: 15px;
}

#main h3 {
font-size: 26px;
color: #002d62;
font-family: Arial, Helvetica, sans-serif;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px ;
z-index: 2;
}

#main h5 {
color: #e08a02;
font-size: 17px;
font-weight: bold;
line-height: 21px;
margin: 0px 0px 6px 0px;
}

#main .birds {
background-image:url(../images/birds.png);

background-repeat: none;
height: 266px;
width: 225px;
position: absolute;
top: -55px;
left: -85px;
z-index: 1;
}

#main p {
font-size: 15px;
color: #002d62;
font-family: Arial, Helvetica, sans-serif;
margin: 8px 0px 8px 0px;
padding: 4px 0px 4px 0px;
line-height: 24px;
z-index: 2;
}

#image {background-image:url(../images/birds.png);

background-repeat: none;
height: 266px;
width: 225px;
position: absolute;
top: -55px;
left: -85px;
z-index: 1;
}

#gallery { width: 550px;
height: 500px;
margin: 0px 0px 8px 0px;
padding: 10px; 
background-image:url(../images/home_preview.jpg);}