@charset "utf-8";

*
{
	margin:0;
	padding:0;
}
																																								 /* MAIN PARTS*/
body
{
	margin:0;
	border:0;
	font: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f0f0f0;
	width: 100%;
	background-color: #333;
	background-image: url(../assets/images/bodybg.png);
	vertical-align: top;
}

body,input,textarea,select
{
	font-family: 'Source Sans Pro';
	font-weight: 300;
	color: #333;
}

p
{
	margin-bottom:10px;
	margin-top:10px;
}

h1,h2,h3,h4,h5,h6
{
	font-weight: 600;
	text-transform: uppercase;
	color: #888;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
	color: inherit;
	text-decoration: none;
	border: 0;
}
a
{
	color: #666;
	text-decoration: none;
	border-bottom: solid 1px #006;
	-moz-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	-o-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	-ms-transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out, border-bottom-color 0.25s ease-in-out;
}
a:hover, a:active, a:focus
{
	color:#006;
	border-bottom-color:#999;
}

ul
{
	list-style:none;
	list-style-type:none;
}

dd
{
	z-index:1;
}

dt
{
	opacity:.8;
	font-size:1.2em;
	color:#FFF;
	background-color:#026;
	padding: .2em 2em .2em 1em;
	margin:1em -2em 0 -2em;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	z-index:2;
}

dt a
{
	border:none;
	color:#FFF !important;
}

hr
{
	margin-bottom:20px;
	color:#999;
}

h3
{
	font-weight:900;
	color:#006;
	opacity:.8;
	font-size:1.5em;
}

textarea
{
	min-height:10em;
}

.topRight 
{
	position: relative;
	float:right;
	top: -5px;
	right: 2%;
}
.button
{
	letter-spacing: 2px;
	margin-left:1.5em;
	padding: 0.5em 1em 0.5em 1em;
	display: inline-block;
	background-color: #036;
	color: #FFF !important;
	text-transform: uppercase;
	border-radius: 4px;
	border: 0;
	font-size: .8em;
	box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
	font-weight: 600;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	text-align: center;
	opacity:.8;
}

.fa:before
{
	position: relative;
	float:left;
	padding-left: 10px;
	padding-right: 1.2em;
	opacity: 0.5;
	top:.2em;
}

.button:hover, button:active, button:focus
{
	background-color:#006;
	opacity:1;
}

.main
{
	background-color: #006 !important;
	color:#FFF !important;
}

.red
{
	color:#900;
	border-bottom:none;
}

a img
{
	border:none;
}

a:hover, a:active, a:focus 
{
	text-decoration:none;
}

.lcol
{
	text-align:left;
}
.rcol
{
	text-align:right;
}
.ccol
{
	text-align:center;
}

.container
{
	background-color: #EAEAEA;
	width: 100%;
	margin: 0 auto 0 auto;
	border: thin double #999;
	box-shadow: 0 0 10px 1px #000;
	border-radius: 0 0 10px 10px;
	min-width:1000px;
	position:relative;
}

#header
{
	background-image: url(../assets/images/cloudy_sky.png);
	background-position: 0 0;
	background-repeat:repeat-x;
	height:125px;
	max-height:125px;
}

#header a
{
	border:none;
}

#header img
{
	float:left;
}

#header img.disabled
{
	position:relative;
	float:left;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	top: -20px;
}

#header h1
{
	position:relative;
	color: #006;
	font-weight:900;
	text-transform: uppercase;
	font-style: italic;
	font-size:150%;	
	letter-spacing:4px;
	text-align:left;
	margin-left:10px;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	opacity:1;
	top:3em;
	white-space:nowrap;
	display:inline;
}

#header:hover h1, #header:active h1, #header:focus h1
{
	border-bottom:thin #006 solid;
}
#header:hover img.disabled, #header:active img.disabled, #header:focus img.disabled
{
	top:0px;
}

.splash
{
	width:70%;
	margin-right:auto;
	margin-left:auto;
	height:350px;
	vertical-align:bottom;
	text-align:center;
}

.splashBox
{
	display:inline-block;
	padding:1em;
	margin:3em;
	text-align:center;
	white-space:normal;
	vertical-align:middle;
	border-radius:20px;
	background-color:#036;
	color:#FFF;
	opacity:.7;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.splashTitle
{
	margin:.5em;
}

.splashBox:hover
{
	opacity:1;
	background-color:#006;
}

.splash a
{
	border-bottom:none;
}

.splashContent
{
	display:inline;
	font-family:FontAwesome;
	font-size:5em;
	padding:.3em;
	margin:.3em;
	color:#F0F0F0;
}

.sidebarLeft 
{
	float: left;
	width: 20%;
	margin-bottom: 50px;
}

.sidebarRight 
{
	float: right;
	width: 20%;
	margin-bottom: 50px;
}

.sidebarInside 
{
	width:25%;
	position:relative;
	left:-2em;
}

ul.nav li
{
	margin-top:30px;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

ul.nav li:first-child
{
	margin-top:50px;
}

ul.nav li a
{
	width:80%;
	padding: .3em 1em .3em 0;
	background-color:#FFF;
	color:#006;
	text-align:right;
	display:block;
	opacity:.9;
	background-image:url(../assets/images/newTabBg.png);
	border-radius: 0 5px 5px 0;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	white-space:nowrap;
}

.sidebarInside ul.nav li a
{
	background-color:#DDD;
	border-bottom:none;	
	color:#000;
}

.sidebarInside ul.nav li a:hover
{
	background-color:#CCC;
}

ul.nav li a:hover, ul.nav li a:active, ul.nav li a:focus
{
	width:100%;
	background-color:#006;
	background-image:url(../assets/images/newTabBg.png);
	color:#FFF;
	opacity:1;
}

.nav li a.main
{
	width:100% !important;
	background-image:url(../assets/images/newTabBg.png) !important;
}

.content
{
	width: 60%;
	padding: 2em;
	float: right;
	margin: 0% 10% 0% 0%;
	background-color: #FFF;
	background-image: url(../assets/images/bg.png);
	box-shadow: 0 0 2px 0.5px #006;
	border-radius: 10px;
	margin-bottom: 50px;
	letter-spacing: 0.5px;
	text-align: justify;
}

.contentHead
{
	color:#006;
	font-size:1.5em;
	font-weight:900;
	display:block;
	text-align:center;
	min-width:65%;
	margin:20px 10% 0% 0% !important;
	float:right;
	position:relative;
	opacity:.5;
}

.contentSplit
{
	text-align:center;
	height:1.4em;
	color:#FFF;
	background-color:#006;
	background-image:url(../assets/images/newTabBg.png);
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	vertical-align:middle;
	white-space:nowrap;
	border-radius:5px;
}

.article:hover dt
{
	opacity:1;
	background-color:#036;
}

.mainarticle:hover dt
{
	opacity:1;
	background-color:#960;
}

.article dd
{
	padding:1em;
}

.mainarticle dd
{
	padding:1em;
}

.mainarticle dt
{
	opacity:.8;
	font-size:1.2em;
	color:#FFF;
	background-color:#C90;
	padding: .2em 2em .2em 1em;
	margin:1em -2em 0 -2em;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	z-index:2;
}

.choices
{
	margin: .5em 0 .5em 0;
	padding: .5em 0 .5em 0;
	font-size: 0.85em;
	font-weight: 800;
}

.choices li
{
	line-height:2em;
}

.join 
{
	color:#FFF !important;
	font-size:1.3em;
	float:right;
	background-color:#036;
}

#joinForm
{
	background-color:rgb(240,240,240);
	background-color:rgba(220,220,220,.6);
	padding:2em;
	margin:2em 0 1em 0;
	border-radius:10px;
}

#resources
{
	width:60%;
	margin: 0 auto 0 auto;
	text-align:center;
}

#resources tr
{
	margin: 1em 1em 1em 1em;
}

#resources select
{
	width:100%;
	padding:.3em;
}

#joinForm a#close
{
	position:relative;
	top:-1.3em;
	right:-1em;
	text-align:right;
}

.tableHeader
{
	letter-spacing: 2px;
	margin-left: 1.5em;
	background-color: #036;
	color: #FFF !important;
	text-transform: uppercase;
	border-radius: 4px;
	border: 0;
	font-size: 0.9em;
	font-weight: 600;
	text-align: center;
	opacity: .7;
}

#chktInfo
{
	background-color:rgba(0,20,180,.05)
}

#chktInfo th
{
	padding:.5em;
}

#chktInfo td
{
	padding:.5em;
	color:#036;
}

#genInfo, #cardInfo, #billingInfo, #termsInfo, #emailInfo
{
	width:100%;
}

#cardInfo
{
	margin-right:auto;
	margin-left:auto;
	width:100%;
	padding:1em 20% 1em 20%;
	margin-bottom:1em;
	background-color:rgba(0,20,180,.03)
}

.column1
{
	text-align:left;
	vertical-align:middle;
	width:50%
}

.column2
{
	text-align:justify;
	width:50%;
}

.columnHalf
{
	width:2.5%;
	vertical-align:top;
}

.terms
{
	font-size:.8em;
	letter-spacing:0px;
}

.required
{
	position:relative;
	left:-.5em;
}

.required:before
{
	content:"*";
	color:#900;
	position:relative;
	left:-.5em;
}

#joinForm input, #joinForm select, #joinForm textarea
{
	outline:none;
	width:100%;
	background-color:#FAFAFA;
	border: .2em;
	height:1.5em;
	margin-bottom:.5em;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;	
}

#joinForm input:hover, #joinForm input:active, #joinForm input:focus, #joinForm select:hover, #joinForm select:active, #joinForm select:focus
{
	background-color:#DCE6FF;	
	
}

#cardExpMo, #cardExpYr
{
	width:30% !important;
}

#confirmSect
{
	padding: 2em;
	text-align: center;
	width: 100%;
	display: none;
}


#confirmSect a
{
	margin-right:auto;
	margin-left:auto;
}

#errors 
{
	border:solid 1px #E58E8E;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	display:none;
}

#errors li 
{
	text-align:left;  
}
 
#errors li:before 
{
	font-size:small;    
}
 
#errors p
{
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	width:70%;
	margin-right:auto;
	margin-left:auto;
}
 
#errors.visible, #success.visible 
{
	display:block; 
	margin-bottom:20px;   
}

 
#success 
{
	border:solid 1px #83D186; 
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	font-weight:bold;
	text-align:center;
	font-size:1.1em;
	display:none;
}
.footer
{
	background-color:rgb(255,255,255);
	background-color: rgba(0,0,102,0.1);
	border-radius: 0 0 10px 10px;
}

.prefooter
{
	clear:both;
	height:10px;
	background-color:rgb(255,255,255);
	background-color: rgba(0,0,102,0.1);
	margin-bottom:10px;
}

#links, #links a, #links ul, #links ul li
{
	color:#666;
}

#links
{
	padding-top:10px;
	width:70%;
	min-width:700px;
	margin-left:auto;
	margin-right:auto;
}

#links th
{
	padding-bottom:10px;
	color:#333;
}

#links td
{
	border-left:thin solid #999;
}

#links td:first-child
{
	border-left:none;
}

#links td ul li
{
	padding:.2em;
	padding-left:3%;
}

#links td ul li a
{
	display:block;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	border:none;
}

#links a:hover, #links a:active, #links a:focus
{
	position:relative;
	padding-left:2.5em;
	color:#000;
}
.copyright 
{
	width:60%;
	margin-left:auto;
	margin-right:auto;
	border-top:thin solid #999;
	margin-top:20px;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	color:#333 !important;
}

.copyright li
{
	display:inline;
}