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

HTML {
overflow: -moz-scrollbars-vertical;
}

body {background: #13357d;
        background: url(../img/coast.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
	color: #333;
	font-size: 62.5%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#wrapper
{width: 1000px; 	
text-align: left; 	
margin-right: auto; 	
margin-left: auto; 	
padding: 0px; 	
z-index: 100; 	
height: auto;

} /* This is used to set the overall page width in all pages*/

/* prepares the background image to full capacity of the viewing area */
#bg {position:fixed; top:0; left:0; width:100%; height:100%; background-color:transparent;
}
/* places the content ontop of the background image */


<!--[if IE 6]>

/* some css fixes for IE browsers */
#bg {position:absolute; z-index:-1;}

<![endif]-->

#header {
	width:1000px;
	height: 230px;
	padding-top:20px;
}

#navigation {
	width:166px;
	height: 100%;
	float:left;
	padding: 10px 10px 30px 10px;
	background-color:#fff;
}
#content {
	width:764px;
	height: 100%;
	background-color:#fff;
	padding: 20px 20px 0px 20px;
	margin-left:10px;
	float:right;

}

#images {	
	padding-bottom:40px;
        padding-left:-10px;
width:794px;
}

.col1
{
	width:156px;
	height: 100%;
	background-color:#fff;
	padding-right:20px;
	padding-top:40px;
	float:left;
}

.col2
{width:568px;
	height: 100%;
	background-color:#fff;
	padding-left:20px;
	float:right;
}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;padding-top:30px; }.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}

/* typography start*/
h1, h2, h3, h4, h5{
	font-weight: bold;
	color: #333;
	background-color: transparent;

}
html>body h1, h2, h3, h4, h5 {	margin-bottom: 1em;	}
h1	{	font-size: 2.5em;	margin-top: .1em; letter-spacing: .15em; font-weight:100; line-height:1.6em;}
h2	{	font-size: 1.4em;	}
h3	{	font-size: 1.4em; margin-top: 1.5em;}  
h4	{	font-size: 1.1em;    }
h5	{	font-size: 1em;   	}

a	{
text-decoration:none;
border-bottom:1px dotted #6d7015; 
background-color: transparent;
color: #6d7015;
}

a:hover	{
text-decoration:none;
border-bottom:1px solid #6d7015; 
background-color: transparent;
color: #6d7015;
}

h1 
.highlight {background-color:#FFCC00}



p {
	overflow: hidden;
	text-align: left;
	font-size:1.3em;
	line-height:1.7em;
	letter-spacing:.04em;
}


.square {margin:10px}

img, div { behavior: url(iepngfix.htc) }
img, div, a, input { behavior: url(/css/resources/iepngfix.htc) }



/*1st level navigation and rollover*/
#nav {
font-size: 1em;
padding: 0px;
margin: 0px;
}

#nav ul {
list-style: none;
margin: 0px;
border: none;
padding:5px;
}
#nav ul li {
margin: 0px;
padding: 0px;
}

#nav ul li a {
font-size: 1em;
display: block;
padding: 20px 0px 0px 0px;
text-decoration: none;
color: #333333;
width:146px;
font-weight: normal;
text-transform:uppercase;
line-height:1.1em;
border-bottom:1px dotted #6d7015; 
}

#nav a:link .current, #nav a:visited .current, #nav a:hover,
#nav ul li a:hover, #nav ul li a:focus, .active
{
color: #000000;
border-bottom:1px solid #6d7015; 
}


#nav ul li a:focus, .active{
text-decoration: none;
border-bottom:hidden;
background-image:url(../img/menu.png);
background-repeat:no-repeat;
}

.active{
text-decoration: none;
border-bottom:hidden;
background-image:url(../img/menu.png);
background-repeat:no-repeat;

}



.hidden { display: none; }
.unhidden { display: block; }


INPUT, SELECT, TH, TD {font-size:1em}


blockquote {
background: transparent url(../img/quote-left.png) left top no-repeat; 
}

blockquote div {

  background: transparent url(../img/quote-right.png) right bottom no-repeat;
  line-height:3.5em;
color:#575757;
font-style:italic;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
    margin:15px;
    padding-left: 50px;

}

.blockquote-accent{font-size:3em;}


.intro{font-size:1.4em;
	line-height:1.9em;
	letter-spacing:.05em;}

ol{ font-size: 1.3em; } 

ul{ font-size: 1.5em; line-height:1.7em; }



#list ul, ol { margin-left:1.5em; padding-left:0px; font-size:1.8 em;}

#list li { margin-bottom:0.5em; font-size:1.6 em; line-height: 1.3em;}

#list ul li { margin-bottom:0.5em; font-size:1.7 em; line-height: 1.3em;}



.copyright {text-align:center; font-size:1em; color:#000; padding-top:40px;}



/* Event Calendar
-------------------------------------------------------------- */
	
#eventcalendar
{width:100%;
border-collapse:collapse; border: 0px;}

#eventcalendar tr
{border-bottom:1px dotted #ddd;}

#eventcalendar td
{font-size:1.2em;
padding:10px 13px 10px 13px;
vertical-align:top;
color:#666;
line-height:18px;
}

#eventcalendar th 
{font-size:1.1em;
text-align:left;
padding:10px 13px 10px 13px;
vertical-align:top;
background-color:#dbdbda;}



/* Forms
-------------------------------------------------------------- */

input {
border: 1px solid #333;
background: #fff;
font-size: 12px;  
padding: 3px;
margin-bottom:5px;
width:170px;
}

input:hover {
border: 1px solid #ccc;
background: #f7f4f4;
}

.loginLoginForm label
{margin-left:20px}

.loginLoginForm input
{font-size: 11px; margin-bottom:0px; }

.loginLoginForm button
{margin-right:50px}
.inputsmall {width:50px;}

.loginLegend{display:none;}
.error {color:#CC0000}

fieldset {border: 0px; padding:0px; margin:0px;}

label {text-align: left; display:block;clear:both; padding-top: 10px; padding-bottom: 5px;}

.usrlogin {display:inline; clear:none;}

form {font-size:12px;}

textarea {
border: 1px solid #333; background: #f5f5f5; font-size: 1.1em; padding: 5px;}

textarea:hover {
border: 1px solid #ccc;
    background: #f7f4f4;
}


.button {
border: 0px solid #666;
background: #00583f;
margin: 1px 0px 10px 0px;
padding: 6px;
text-decoration: none;
color: #fff;
font-size:11px;
font-weight:normal;
width:auto;
letter-spacing:0.1em;
}


.button:hover {
border: 0px solid #006;
background: #333;
} 

.submit {
border: 0px solid #666;
background: #00583f;
margin: 1px 0px 10px 0px;
padding: 6px;
text-decoration: none;
color: #fff;
font-size:11px;
font-weight:normal;
width:auto;
letter-spacing:0.1em;
float:right:
}


.submit:hover {
border: 0px solid #006;
background: #333;
} 

.cc 
 {
width:120px;
float:left;
} 


