/* @group text */

/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	background: url(/images/layout/bg.jpg) repeat-x;
	color: #535353;
}


a {
	color: #008ee8;
}

a:hover {
	color: #0055a4;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}



/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 15px;
}



/* `Headings
----------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
   font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
}

h1 {
	font-size: 22px;
	color: #2a8702;
}

h2 {
	font-size: 22px;
	color: #3a9a10;
	color:#d87004;
}

h2.speaker {
	/*font-weight: normal;*/
	font-size: 18px;
	color: #2a8702;
	margin-top: -20px;
	color: #008ee8;
}

h3 {
	font-size: 16px;
	color: #008ee8;
	
}

h4 {
	font-size: 16px;
	color: #2a8702;
	color: #008ee8;
	/*margin-bottom: 0;*/
}

body.resources #content h4 {
	color: #008ee8;
	padding: 0 10px;
	background: #ddeef9;
}

#sidebar h4 {
	/*color: #FFF;
	background: #7cb463;
	padding: 0 10px;
	margin: 0;*/
	color: #d87004;
	font-size: 17px;
	color:#555555;
	background: #ddeef9;
	color: #008ee8;
	padding: 0 10px;
}

h5 {
	font-size: 14px;
	color: #008ee8;
}

h6 {
	font-size: 15px;
}


.register {
	float: right;
	font-size: 16px;
	padding: 4px 20px;
	margin: 0 4px;
	text-decoration: none;
	background: #e6f0f6;
	color: #008ee8;
	border: 1px solid #75b8e2;
}

.register:hover {
	color: #FFF;
	background:#75b8e2 ;
}



/* @end */

/* @group calendar */

.short-date {
	text-align: center;
	margin-right: 10px;
	float: left;
	width: 50px;
	font-weight: bold;
}

.day {
	font-weight: bold;
	background: #dbecf7;
	color: #008ee8;
}

.month {
	font-weight: bold;
	color: #FFF;
	background: #008ee8;
}



.event-list {
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #9ecce9;
	/*background: #FFF url(/images/layout/bg-box.jpg) repeat-x bottom left;*/
}

.event-list p {
	margin: 0;
}

.event-list .date {
	margin-top: 10px;
}

.event-list a.title {
	font-weight: bold;
}


.pullout-box {
	background: #ecf4f9;
	padding: 10px 10px 0 10px;
	border: 2px solid #9ecce9;
	margin-bottom: 20px;
	font-weight: bold;
	color: #228bce;

}

.event-info {
	font-size: 14px;
	font-weight: bold;
	color: #228bce;	
color: #535353;
}

/* @end */

/* @group layout */

/* @group home */


.clear {
	height: 0px;
}

.bg-home {
	background:  url(/images/layout/bg-home.jpg) repeat-x 0 22px ;
}

.box {
	min-height:200px;
height: auto !important;
height: 200px;
	padding: 10px;
	/*height: 200px;*/
	background: #FFF;
	background: #FFF url(/images/layout/bg-box.jpg) repeat-x bottom left;
	border: 1px solid #CCC;
	margin-bottom: 20px;
}

.box h3.header a{
	display: block;
	text-decoration: none;
	color: #4ea628;
	text-transform: uppercase;
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #8fc377;
}

.box h3 {
	margin-bottom: 0;
}

.box .date {
	margin: 0;
	color: #666;
}

/* @end */

#header {
	width:960px ;
	height: 132px;
	background:  url(/images/layout/bg-header2.jpg) no-repeat;
}


#header .links {
	text-align: right;
	padding-top: 40px;
}

#header .member-links {
	text-align: right;
	/*padding-top: 30px;*/
}

a.button {
	padding: 4px 8px;
	margin: 0 4px;
	text-decoration: none;
	background: #e6f0f6;
	color: #666;
	border: 1px solid #75b8e2;
}

a.button:hover {
	color: #FFF;
	background:#75b8e2 ;
}

.mission {
	margin: 0;
	height: 329px;
	background:  url(/images/layout/bg-mission.jpg) no-repeat;
}


.mission h1 {
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-weight: normal;
	font-size: 24px;
	color:#FFF;
	padding: 40px 20px 20px 20px;
}



.pad {
	padding:  20px;
}


.content-wrap {
	padding-top: 60px;
}


#sidebar {
	font-size: 12px;
	line-height: 1.4;
	background:  url(/images/layout/bg-sidebar-shadow.jpg) no-repeat;
	float: left;
	width: 300px;
	margin-left: 20px;
}


#content , #sidebar{
	margin-top: 20px;
	background-color: #FFF;
	min-height:500px;
	height: auto !important;
	height: 500px;
}


.white {
	background: white;
	background: #FFF url(/images/layout/bg-nav-shadow.jpg) repeat-x ;
	
}

.page-top {
	/*color: #FFF;
	padding: 30px 0 20px 0;
	margin-bottom: 20px;*/
	
}

.page-top h1 {
	color: #FFF;
}

.bg-content {
	/*border: 0px solid #666;
	width: 960px;
	margin: 0 auto;
background:  url(/images/layout/bg-content.jpg) repeat-x 0 -78px ;*/
background:  url(/images/layout/bg-home.jpg) repeat-x 0 22px ;
}


.sort {
	margin-bottom: 20px;
}

/* @group footer */

.bg-footer {
background:  url(/images/layout/bg-footer.jpg) repeat-x;

}


#footer {
	margin-bottom: 20px;
	padding-top: 20px;
}

#footer a {
	/*color: #FFF;*/
}

/* @end */

/* @end */

/* @group nav */

#nav-top {
	width: 960px;
	/*margin-bottom: 20px;*/
	/*border:1px solid #666;*/
	
}

#nav-top ul {
	margin: 10px 0px 0 0px;
    padding: 0;
	list-style: none;
	float: left;
	display: inline;
}

#nav-top li {
	margin: 0;
	padding: 0 ;
	list-style: none;
	display: inline;
	float: left;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 2;
	
}

#nav-top li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 6px 10px;
	line-height: 1;
	border-right: 1px solid #f3a34d;
}


#nav-top li a:hover {
	background: #FFF;
	color: #535353;	
}

body.home #nav-top a.home,
body.calendar #nav-top a.calendar,
body.about #nav-top a.about,
body.members #nav-top a.members,
body.board #nav-top a.board,
body.newsletter #nav-top a.newsletter,
body.resources #nav-top a.resources,
body.island #nav-top a.island,
body.contact #nav-top a.contact
 {
	background: #FFF;
	color: #535353;	
}


/* @end */

/* @group sidebar */

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

ul#nav-right li {
	line-height: 2;
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 20px;
	background:url(/images/layout/next.png) no-repeat 0 0.4em ;
}

ul#nav-right li a{
	font-size: 16px;
	color: #107dbe;
	text-decoration: none;
	display: block;
	margin: 0;
	/*padding: 10px;*/
	list-style: none;
	/*background:#e9eaee url(/images/layout/bg-nav-right.jpg) repeat-x;*/
}

ul#nav-right li a:hover {
	/*background: #FFF;*/
}



/* @end */

/* @group tables */


table.profile {
	background: #FFF;
}

table.profile th {
	color: #666;
	background: none;
}


table#registration-fee td {
	padding: 0.3em 2em;
}


table {
	background: #dbecf7;
}

td {
	padding: 0.3em 1em;
	border-bottom: 1px solid #FFF;
}

th {
	padding: 0.1em 0.5em;
	text-align: left;
	background: #2f96d3;
	color: #FFF;
}

/* @end */

/* @group images */

.left {
	float: left;
	margin: 0 15px 15px 0;
}

.right {
	float: right;
	margin: 0 0 15px 15px;
}

/* @end */


.member-photo {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 180px;
	height: 240px;
}

/* @group board */

.files h3 {
	margin: 0;
}

.files  {
	margin: 15px 0;
}

.files p {
	margin: 0;
}


/* @end */