/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

.no_outline {
	outline: none;
}

body {
	font-size: 62.5%;	/*  1em = 10px */
}

h1 {
	display: none;
}

/* Global Layout */
html, body {
	height: 100%;
}

body {
	background: url('img/bg.png') repeat-y top center #4396ca;
	font-family: Arial, Helvetica, sans-serif;
}

#pagecontainer {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
}

* html #pagecontainer {
	height: 100%;
}

/* Header Layout */
#header {
	width: 980px;
	height: 98px;
	background: url('img/header_bg.jpg') repeat-x #ffffff;
	margin-left: auto;
	margin-right: auto;
}


#header_logo {
	margin: 20px 0px 0px 10px;
}

#header_fns {
	float: right;
}

#header_fns ul li {
	text-align: right;
	height: 30px;
	width: 400px;
	vertical-align: middle;
	line-height: 1em;
	padding-top: 4px;
	padding-right: 6px;
}

#header_fns ul li:first-child {
	padding-top: 0px;
}

#header_fns ul li img{
	padding-left: 6px;
}

#fb_connect_btn img {float: right;}

#signup_promo {
	position: absolute;
	z-index: 10;
	top: 128px; 
	margin-left: 670px;
}


/* Main Menu Layout */
#menu {
	height: 38px;
	width: 980px;
	background: url('img/menu_shadow.png') top center no-repeat #4396ca;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

#menu ul#mainmenu {
	width: 980px;	
	float: left;
}

#menu ul#mainmenu li {
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	display: inline;
}

#menu ul#mainmenu li a {
	padding-left: 10px;
	padding-right: 10px;
	height: 38px;
	line-height: 38px;
	float: left;
	display: block;
}

#menu ul#mainmenu li a:hover {
	background: #1f1d1d;
}

/* Sub Menu Layout */
#menu_submenu {
	height: 36px;
	width: 400px;
	z-index: 100;
	clear: both;	
}

#menu_submenu ul {
	float: left;
	background: url('img/menu_hilight.gif') 40px 0px no-repeat #ffffff;
	width: 400px;
}

#menu_submenu ul li {
	float: left;
	height: 36px;
	line-height: 36px;
	text-transform: uppercase;
	display: inline;
}

#menu_submenu ul li a {
	padding-left: 10px;
	padding-right: 10px;
	height: 36px;
	line-height: 36px;
	float: left;
	display: block;
}

.submenu {
	display: none;
}

#news_menu {
	margin-left: 66px;	
}
#crew_menu {
	margin-left: 134px;	
}
#projects_menu {
	margin-left: 254px;	
}

#menu_member {
	float: right;
}

#menu_member ul {
	padding-top: 10px;
	padding-right: 10px;
}

#menu_member ul li { 
	display: inline;
}

/* Footer Layout */
#clearfooter {
	height: 150px;
	/*height: 74px;*/
}

#footercontainer {
	height: 104px;
	width: 980px;
	background: #4396ca;
	margin: -104px auto 0 auto;
}

#footer_logo {
	padding-top: 20px;
	padding-left: 20px;
	float: left;
	vertical-align: middle;
	width: 200px;
}

#footer_logo img {
	float: left;
	padding-right: 10px;
}

#footer_menu {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
}

#footer_menu ul {
	float: right;
	width: 600px;
	text-align: right;
}

#footer_menu ul li {
	display: inline;
}

#footer_menu ul li a {
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

/* Main Content Layout */
#contentcontainer {
	width: 980px;
	margin: 0 auto 0 auto;	
}

/* Home */
#home #maincolumn {
	width: 610px;
	float: left;
	text-align: left;
	margin-right: 15px
}

#home #rightcolumn {
	width: 355px;
	float: right;
	text-align: left;
}

/* Inner pages */
#innerpage #maincolumn {
	width: 780px;
	float: right;
	text-align: left;
}

#innerpage #leftcolumn {
	width: 185px;
	float: left;
	text-align: left;
	margin-right: 10px
}

.leftbox {
	background: url('img/leftbox_hilight.gif') left bottom no-repeat #1f1d1d;
	width: 180px;
	padding: 5px 5px 20px 5px;
}

/* Sections Layouts */
.sectionheader {
	background: url('img/section_header_bg.gif') left top no-repeat #ffffff;
	width: 100%;
	height: 34px;
	clear: both;
	margin-top: 4px;
}

.sectionheader img {
	padding: 3px 15px 0px 2px;
}

.sectionheader span {
	vertical-align: top;
}

.halfcol {
	float: left;
	width: 300px;
}

.halfcol + .halfcol {
	margin-left: 10px; 
}

#featurecols {
	clear: both;
}

#featurecols ul {
	width: 980px;
	float: left;
}

#featurecols ul li {
	display: inline;
	float: left;
	padding-left: 10px;
}

#featurecols ul li:first-child {
	padding-left: 0;
}

#featurecols ul li .sectionheader {
	width: 320px;
}

/* Front page elements */
#homepromo {
	
}
#mainpromo {
	float: left;
}

#mainpromo_imageholder img {
	border: 1px solid #1f1d1d;
}

#mainpromo_imageholder {
	height: 264px;
	width: 480px;
	background: url('img/circle_loader.gif') center 100px  no-repeat #ffffff;
	padding-bottom: 2px;
}


#mainpromo_content {
	height: 65px;
	width: 470px;
	background: #1f1d1d;
	margin-top: 1px;
	padding: 6px 6px 0px 6px;
}

#mainpromo_menu {
	height: 17px;
	width: 476px;
	background: #1f1d1d;
	color:#ffffff;
	text-align: right;
	padding-right: 6px;
}

#rightpromo {
	float: right;
}

#rightpromo ul li {
	height: 89px;
}

#rightpromo ul li img {
	border: 1px solid #1f1d1d;
	padding: 0px;
}

.tb_promo {
	cursor: pointer;
}

.firstcontent {
	height: auto;
	width: 342px;
	background: #1f1d1d;
	margin-top: 1px;
	padding: 6px 6px 6px 6px;
}

.firstcontent .author {
	float: left;
	padding-top: 4px;
}

.firstcontent .date {
	float: right;
	padding-top: 4px;
}


.halfcol_content {
	width: 292px;
	height: 34px;
	padding: 6px 0px 6px 6px;
	border-top: 1px solid #1f1d1d;
	cursor: pointer;
}

.halfcol_content .content {
	float: left;
	width: 292px;
}

.video_content {
	width: 348px;
	margin-top: 1px;
	padding: 6px 0px 6px 6px;
	border-top: 1px solid #1f1d1d;
	cursor: pointer;
}

.video_content .content {
	float: left;
	width: 212px;
}

.video_content .image {
	float: right;
}


.video_content .content p {
	padding-bottom: 6px;
	height: 50px;
}

.sectionend {
	background: url('img/section_end.gif') repeat-x #ffffff;
	height: 11px;
	width: 354px;
}

.border {
	border: 1px solid #1f1d1d;
}


.halfcol_firstcontent .image {
	float: left;
	border-right: 1px solid #ffffff;
	height: 110px;
	width: 120px;
	background: url('img/noimage.jpg') center no-repeat #ffffff;
}

.halfcol_firstcontent .content { 
	height: 108px;
	width: 166px;
	padding: 6px;
	background: url('img/med_speechfooter.gif') bottom left no-repeat #1f1d1d;
	float: right;
}


#featurecols .halfcol_firstcontent .content {
	width: 186px;
}

.halfcolend {
	background: url('img/halfcol_end.gif') repeat-x #ffffff;
	height: 11px;
	width: 298px;
}

#sociallinks { margin-top: 10px; clear: both; }
#sociallinks ul {text-align: center;}
#sociallinks ul li {display: inline;}


#tweets .content {
	background: url('img/tweet_bg.gif') no-repeat #ffffff;
	height: 62px;
	width: 506px;
	text-align: left;
	float: right;
}

#tweets .image {
	margin: 0px 14px 0px 14px;
	border: 1px solid #1f1d1d;
	float: left;
}

.forumpost {
	background: #1f1d1d;
	border-bottom: 1px solid #333333;
	width: 348px;
	height: 24px;
	vertical-align: middle;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
}

.forumpost .posttitle {
	float: left;
}

.forumpost .postauthor {
	float: right;
}


/* Elements */
.editor {
	margin: 20px 0 0 30px;
}

.field_container{
	display:inline-block;
	padding:1px;
	position:relative;
	width:auto;
}


.label {
	padding:6px 10px 0 0;
}

.inputtext {
	width:206px;
	margin-top:2px;
	border: 1px solid #1f1d1d;
}

select.inputtext {
	width:auto;
	margin-top:2px;
	border: 1px solid #1f1d1d;
}

.submit {
	background: #1f1d1d;
	border: 0;
	cursor: pointer;
	font-family: Georgia;
	font-size: 1.6em;
	color: #ffffff;
	padding: 5px 10px 5px 10px;
	margin-top: 5px;
}



/* Typography */
.header_date, .header_facebookdetails {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #035182;
}

.header_facebookdetails{
	font-weight: normal;
	color: #cccccc;
}

#menu ul li a {
	font-family: Georgia;
	font-size: 1.5em;
	color: #ffffff;
	text-decoration: none;
}

#menu_submenu ul li a {
	font-family: Georgia;
	font-size: 1.4em;
	color: #1f1d1d;
	text-decoration: none;
}

#innerpage h2 {
	font-family: Georgia;
	font-size: 2.4em;
	color: #1f1d1d;
	text-decoration: none;
	padding-bottom: 5px;
}

#innerpage h4 {
	font-family: Georgia;
	font-size: 2.0em;
	color: #1f1d1d;
	text-decoration: none;
	padding-bottom: 5px;
}

.leftbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #ffffff;
}

.leftbox h3 {
	font-family: Georgia;
	font-size: 1.2em;
	color: #ffffff;
}


.leftbox a {
	color: #ffffff;
}

.leftbox p {
	padding-bottom: 10px;
}

#menu ul li a:hover, #menu_submenu ul li a:hover, #footer_menu ul li a:hover, #menu_member ul li a:hover  {
	text-decoration: underline;
}

#menu_member ul li, #menu_member ul li a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}

.sectionheader {
	font-family: Georgia;
	font-size: 1.6em;
	color: #ffffff;
	text-decoration: none;
	line-height: 28px;
}

#footer_menu ul li a {
	color: #ffffff;
}

#footer_logo {
	color: #ffffff;
}

.label {
	font-family: Georgia;
	font-size: 1.6em;
	color: #1f1d1d;
	text-align: right;
}

.inputtext {
	font-size: 1.6em;	
}

#innerpage #maincolumn p {
	padding-top: 1em;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
}

#mainpromo_content h2 {
	font-family: Georgia;
	font-size: 1.2em;
	color: #ffffff;
}

#mainpromo_content p {
	font-family: Georgia;
	font-size: 1em;
	color: #ffffff;
}

#mainpromo_menu a {
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

#mainpromo_menu a:hover {
	text-decoration: underline;
}

.field_container a {
	color: #4396ca;
	text-decoration: none;
}

.firstcontent {
	font-family: Georgia;
	font-size: 1em;
	color: #ffffff;
}

.firstcontent h4 {
	font-family: Georgia;
	font-size: 1.8em;
	padding-bottom: 6px;
}

.firstcontent .author {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}

.firstcontent .date {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	
}

.halfcol_firstcontent .content h4 {
	font-family: Georgia;
	font-size: 1.8em;
	padding-bottom: 6px;
	color: #ffffff;
	height: 50px;
	overflow: hidden;
}

#featurecols .halfcol_firstcontent .content h4 {
	font-family: Georgia;
	font-size: 1.8em;
	padding-bottom: 6px;
	color: #ffffff;
	height: auto;
	overflow: hidden;
}

.halfcol_firstcontent .content span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-bottom: 6px;
	color: #ffffff;
}

.video_content .content .author {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	float: left;
}

.video_content .content .date {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	float: right;
}

.video_content p {
	font-family: Georgia;
	font-size: 1.3em;
}

.halfcol_content {
	background: #ffffff;
	color: #1f1d1d;
}

.halfcol_content .content .author {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}

.halfcol_content .content .date {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	padding-right: 6px;
}

.halfcol_content .content p {
	font-family: Georgia;
	font-size: 1.4em;
	padding-bottom: 6px;
}

#tweets .content {
	font-family: Georgia;
	font-size: 1.4em;
	padding: 6px;
	font-style: italic;
	color: #ffffff;
}

.forumpost .posttitle {
	font-family: Georgia;
	font-size: 1.4em;
	color: #ffffff;
	line-height: 24px;
}

.forumpost .postauthor {
	font-family: Georgia;
	font-size: .9em;
	color: #ffffff;
	line-height: 24px;
}

.field_container a:hover {
	text-decoration: underline;
}

.hidden { display:none; }