/*
STRIVE Main CSS
Background Blue: 2d384e
Light Blue: 	8f98ab
*/

html, body, h1, h2, h3, h4, p, div, img, ul, li, a, table, tr, td, input, textarea, form{margin: 0; padding: 0; font: 12px Helvetica; color: #333; border: none;}
html, body{height: 100%; background: #2d384e;}
body{text-align:center}
div, p, li{text-align: left; line-height: 170%}

h1{font-size: 28px; margin-bottom: 10px; color: #2d384e; font-weight: 100; }
h2{font-size: 22px; margin-bottom: 10px}

.borderbottom { border-bottom: 2px solid #ccc; }

ul{padding-left: 15px}
strong{font-weight: bold}
em{font-style: italic}

div.clear{clear: both}
div.center{text-align: center}
span.sep{padding:0px; border-bottom: solid 1px #bbb; height:1px;display: block; margin: 15px 0px 20px 0px}

div.container{
margin: auto;
margin-top: 15px;
width:800px;
}
div.container .top_cap{
background: transparent url(images/header.jpg) no-repeat;
height: 284px;
}
div.container .bottom_cap{
background: transparent url(images/bottom_bg.png) no-repeat;
height: 45px;
}

div.container div.content{
background: transparent url(images/body_bg.png) repeat-y;
padding: 7px 40px;
}

div.container div.content div.main{
	width: 500px;
}

div.main a { line-height: 170%; }

div.container div.content div.side{
	margin-top: 20px;
	float: right;
	width: 170px
}
div.container div.content div.side h1{
	font-size: 22px;
}

div.menu{text-align: right; padding: 45px 23px 0px 0px}
div.menu a,div.menu a:link ,div.menu a:visited{font-size: 13px; text-decoration: none; color: #eee; float: right; display: block; margin: 0px 0px 0px 12px; border-bottom: solid 3px transparent}
div.menu a.sel, div.menu a:hover, div.menu a:active{color: #fff; border-color: #5F6A7F}

div.a_final_note{padding: 10px; text-align: center; color: #5F6A7F; font-size: 12px;}
div.a_final_note a{color: #5F6A7F; font-size: 12px;}

/* BOX */
div.box{
	background: transparent url(images/box_top.png) no-repeat;
	width:415px;
	margin: auto;
	margin-top: 20px;
}
div.box_bottom{
	background: transparent url(images/box_bottom.png) no-repeat;
	width:415px;
	height:40px;
	margin: auto;
	margin-bottom: 12px;
}
div.box div{
	padding: 20px 20px  0px 20px;
	color: #fff;
}
div.box div h1{
	font-size: 24px;
	color: #fff;
}

/* HOMEPAGE */
div.homepage{
width: 800px;
height: 492px; /*539px;*/
background: transparent url(images/hp.jpg) no-repeat;
}
div.homepage_bottom{
width: 800px;
height: 47px; /*539px;*/
background: transparent url(images/hp_bg.jpg) no-repeat;
}

div.homepage_bottom div{
text-align: right;
padding: 3px 40px 0px 40px;
}

/* HOST */
table{
	border: solid 1px #ccc;
	border-width: 1px 0px 0px 1px;
}

table tr td , table th td{
	padding: 5px;
	color: #333;
	border: solid 1px #ccc;
	border-width: 0px 1px 1px 0px;
}

table th td{
	background: #eee;
	font-weight: bold;
}

/* STORIES */

div.stories p{
	display: block;
	background: #fff;
	padding: 5px;
	font-style: italic;
}

div.stories p span{
	font-style: none;
	display: block;
}

/* FORM CONTACT*/

input, textarea{background: #eee; border: solid 1px #ccc; width: 200px; margin-bottom: 10px; padding: 2px}
textarea{height: 100px}
input.button{background: #2d384e; border: solid 1px #2d384e; color: #fff; width: 60px; padding: 5px}
label{float: left; display: block; width: 120px}

span.location{text-decoration: underline; font-weight: bold}



/* "join strive" area */

.join_strive { border: 0; width: 130px; height: 40px; background: url(images/join_strive.jpg) top left no-repeat; }