﻿/*Needed CSS Styles */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

html{
	height:100%;
}

body {
	background:url(Images/bg.jpg) #e0e1e4 repeat-x;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#6d6e71;
	}
	
a {
    outline:none; /* FF1.5+ IE7+*/
    -moz-outline: /* FF<=1.5*/
}

p {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:13px;
}

#Form{
	height:100%;
}

.SkinObject
{
	font-weight: normal;
	text-decoration: none;
	font-family:  Arial, Helvetica, sans-serif !important;
}	

UL LI
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
}

UL LI LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px;
}

UL LI LI LI
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size:13px;
}

OL LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px;
}

OL OL LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px;
}

OL OL OL LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px;
}
OL UL LI
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size:13px;
}

A:link
{
	text-decoration: underline;
	color: #139de6;
}

A:visited
{
	text-decoration: underline;
	color: #139de6;
}

A:hover
{
	text-decoration: none;
	color: #139de6;
}

A:active
{
	text-decoration: none;
	color: #139de6;
	border:0px;
}


/*Start all styles for Skin*/
#wrapper {
	width:980px;
	margin: 0 auto;
	left:50%;
	text-align:left;
	background-color:#ffffff;
	-moz-box-shadow:    0px 3px 15px 5px #a3a4a4;
  	-webkit-box-shadow: 0px 3px 15px 5px #a3a4a4;
  	box-shadow:         0px 3px 15px 5px #a3a4a4;
	}



/* Start of Header Styles */
#header {
	position:relative;
	width:980px;
	height:194px;
	}

#header .logo {
	float:left;
	width:225px;
	height:100px;
	padding:55px 0px 0px 25px;
}


/*==============================
Search Area Styles
================================*/
#header .search_block {
	float:right;
	position:relative;
	display:block;
	width:475px;
	height:80px;
	margin-top:20px;
	margin-right:20px;
}

.search_nolog {
	float:right;
	position:relative;
	width:400px;
}

.search {
	float:left;
	position:relative;
	width:475px;
}

.search_lft {
	width:75px;
	float:left;
	padding-right:8px;
}

.search_mid {
	width:75px;
	float:left;
	padding-right:8px;
}

.search_bottom_link {
	width:110px;
	float:left;
	padding-right:8px;
}

.search_user {
	background:url(Images/icon_profile.png) no-repeat;
	height:30px;
	float:left;
	padding-top:5px;
	padding-left:25px;
	font-weight:bold;
}

.search_rght {
	width:175px;
	float:right;
}
/*==============================
Homepage Button Styles
================================*/

.btn_cert {    
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 283px;
    height: 205px;
    background: url(/portals/0/images/buttons/btn_cert.png) no-repeat;
    background-position: 0 0px;
}

.btn_cert span {
    position:absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(/portals/0/images/buttons/btn_cert.png) no-repeat;
    background-position: 0 -205px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}

.btn_cert:hover span {
    opacity: 1;
}

.btn_news {    
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 283px;
    height: 205px;
    background: url(/portals/0/images/buttons/btn_news.png) no-repeat;
    background-position: 0 0px;
}

.btn_news span {
    position:absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(/portals/0/images/buttons/btn_news.png) no-repeat;
    background-position: 0 -205px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}

.btn_news:hover span {
    opacity: 1;
}

.btn_vbc {    
    display: inline-block;
    position: relative;
    text-indent: -9999px;
    width: 283px;
    height: 205px;
    background: url(/portals/0/images/buttons/btn_vbc.png) no-repeat;
    background-position: 0 0px;
}

.btn_vbc span {
    position:absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background: url(/portals/0/images/buttons/btn_vbc.png) no-repeat;
    background-position: 0 -205px;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition:    opacity 0.5s;
    -o-transition:      opacity 0.5s;
}

.btn_vbc:hover span {
    opacity: 1;
}

/*====================================
Tagline
======================================*/


#header .tagline {
	float:right;
	position:relative;
	display:block;
	width:730px;
}


/*======================================
Main Navigation
========================================*/ 

#navigation {
	position:absolute;
	display:block;
	width:100%;
	height:44px;
	background:#004476;
	margin-top:-44px;
	left:0;
	z-index:800;
}

#navigation .nav {
	width:980px;
	margin:13px auto 0px auto;
}



/*======================================
Content Area
========================================*/


#content {
	width:100% !important;
	display:block;
	position:relative;
	background:#FFFFFF url(Images/side_bg.png) top right no-repeat;
	padding:15px 0px 0px 0px;
	margin-bottom:10px;
}

.content_block {
	width:100%;
	min-height:900px;	
}


#content_home {
	width:100% !important;
	display:block;
	position:relative;
	margin-bottom:10px;
}

/* Footer Styles */

	
#footer {
	width:100%;
	margin-top:0px;
	color:#194476;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	}

#footer .footer_address {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	display:block;
	position:relative;
	float:left;
	width:400px;
	padding:0px 0px 0px 20px;
}

#footer .footer_address p, #footer .footer_contact p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
}

#footer .footer_contact {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	display:block;
	position:relative;
	float:right;
	text-align:right;
	width:500px;
	padding:0px 20px 0px 0px;
}

a.footer_links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	font-weight: normal;
	text-decoration:none; 
	
}

a.footer_links:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	font-weight: normal;
	text-decoration:none;
}

a.footer_links:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	font-weight: normal;
	text-decoration:none;
}

a.footer_links:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	font-weight: normal;
	text-decoration:none; 
}

a.footer_links:active {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:#194476;
	font-weight: normal;
	text-decoration:none;
}			
		
/*End of footer styles*/	


/* Clearfix - Used to block and break div */

.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}


#main_container {
	padding:0;
	margin:0;	
}

td #dnn_ContentPane {
	margin:0;
	padding:0;	
}

#main_container .h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#139de6;
	display:block;
	padding:0px 0px 10px 0px;
	line-height: 1.1em;
}

.main_title_h1 {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:40px;
	font-weight:normal;
	color:#139de6;
	display:block;
	padding:0px 0px 10px 0px;
	line-height: 1.1em;
}



#side_container {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#004677;
	font-weight:normal;
	
}

#side_container .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#004677;
	font-weight:bold;
	padding:2px 0px 2px 23px;
	margin:0px;
	line-height:0px;
	background:url(Images/sidenav_arrow.png) no-repeat;
}

.side_buttons {
	padding:0px 20px;
}


#homebottom_container {
	color:#404042;
	font-size:12px;
	padding:2px 20px 0px 20px;
	text-align:center;	
}

#homebottom_container .h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#404042;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px;
	line-height:0px;
	text-transform:none;
	
}


/*Common Elements*/

H1, .H1 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:40px;
	color:#139de6;
	font-weight:normal;
	line-height:30px;
}

H2, .H2 {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:22px;
	color:#404042;
	font-weight:normal;
}

H3, .H3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#404042;
	font-weight:bold;
}

H4, .H4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#00718f;
	font-weight:bold;
	padding:0;
}

H5, .H5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404042;
	font-weight:bold;
}



a.quicklinks {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#00718f !important;
	font-weight: bold !important;
	text-decoration:none !important; 
	padding-bottom:5px;
	display:inline-block;
}

a.quicklinks:link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#00718f !important;
	font-weight: bold !important;
	text-decoration:none !important; 
	padding-bottom:5px;
	display:inline-block; 
}

a.quicklinks:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#00718f !important;
	font-weight: bold !important;
	text-decoration:none !important; 
	padding-bottom:5px;
	display:inline-block;
}

a.quicklinks:hover {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#404042 !important;
	font-weight: bold !important;
	text-decoration:none !important; 
	padding-bottom:5px;
	display:inline-block; 
}

a.quicklinks:active {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px; 
	color:#00718f !important;
	font-weight: bold !important;
	text-decoration:none !important; 
	padding-bottom:5px;
	display:inline-block;
}			


a.join {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	display:inline-block;
	/*width:70px;*/
	text-align:center;
	padding:5px 20px;
	color:#ffffff;
	text-decoration:none; 
	background:#9ad456;
}

a.join:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	display:inline-block;
	color:#ffffff;
	text-decoration:none; 
	background:#9ad456; 
}

a.login {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	display:inline-block;
	/*width:70px;*/
	text-align:center;
	padding:5px 20px;
	color:#ffffff;
	text-decoration:none; 
	background:#8eaed8;
}

a.login:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	display:inline-block;
	color:#ffffff;
	text-decoration:none; 
	background:#8eaed8; 
}




a.login_link {
	font-size:13px; 
	color:#e0e1e4 !important;
}

a.login_link:link {
	font-size:13px; 
	color:#e0e1e4 !important;
}

a.login_link:visited {
	font-size:13px; 
	color:#e0e1e4 !important;
}

a.login_link:hover {
	font-size:13px; 
	color:#e0e1e4 !important;
}

a.login_link:active {
	font-size:13px; 
	color:#e0e1e4 !important;
}


a.white, a.white:link, a.white:visited, a.white:hover, a.white:active {
	color:#ffffff;
}			

/* Search Styles */

#dnn_dnnSearch_txtSearch {
	width: 145px;
	height: 16px;
}

a.SearchButton {
	background:url(Images/btn_search.png) no-repeat;
	width:26px;
	height:22px;	
	display:block;
	text-indent:-9000px;
	float:right;
}

a.SearchButton:link {
	background:url(Images/btn_search.png) no-repeat;
	width:26px;
	height:22px;	
	display:block;
	text-indent:-9000px;
	float:right;
}

.search_title {
	font-size:14px;
	font-weight:bold;
	color:#00718f;
}
/* Default Over-rides */

a.dnnPrimaryAction {
	text-decoration:none;
	color:#ffffff;
}

a.dnnSecondaryAction {
	text-decoration:none;	
}

#ControlBar_ControlPanel {
	position:absolute !important;
	z-index:9000;	
	top:0;
}

#ControlPanelWrapper #dnnCPWrap{filter:none !important;}

/* Modules */
.DnnModule{margin:0 0 1em 0;}

/* Panes - In Layout Mode */
.paneOutline{border:0;}
.paneOutline span.SubHead center{border:1px #ccc dotted;border-left:0;border-right:0;line-height:2.5em;}

#iPopUp{display:none;}
.eipbackimg{z-index:1000;}

/* Fonts */
.Normal{font-size:13px;line-height:16px; font-family:Tahoma, Geneva, sans-serif;}
.SubHead{color:#333;}

/* Language Object */
.language-object { display:inline-block; margin-left: 5px; }

.dnnEditState .DnnModule { 
opacity: 1.0; 
} 

.dnnSearchBox {
	width:80%;
}

.pilot_link {
	width:170px;
	height:80px;
	display:block;
	background:url(/Portals/0/buttons/NAMSS_NAMSSPASS.jpg) no-repeat;
	text-indent:-9000px;
}



.afnormal{
 display:block;
}

ul.searchSkinObjectPreview {
  z-index: 8800;
}