@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
* {
margin:0;
padding:0;
}

/* Basic Styles */
body {

	background-color: #fff;
        font-family: 'Source Sans Pro',arial,helvitica,san-serif;
}

.img {
padding: 4px;
line-height: 1.42857143;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}


.loader {
 visibility:hidden;
}


.clear { 
width: 100%; 
height: 1px; 
margin: 0 0 -1px; 
clear: both; 
} 


.right {
 float:right;
}

.rspace {
 margin: 0 0 5px 15px;
}


.left {
 float:left;
}

.lspace {
 margin: 0 15px 5px 0;
}


.logo {
max-width:200px;height:auto;

}


.redltr {
 color:red;
 font-weight:bold;
}


.desktop {
  display:block;
}

.greenborder {
 border:2px solid #C1DA31;
 padding:5px;
 color:#000;
}


.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 8px 12px;
font-size: 14px;
line-height: 1.4;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


.btn-block {
display: block;

padding-left: 0;
padding-right: 0;
}


.btn-primary {
color: #ffffff;
background-color: #C2A73B;
border-color: #C2A73B;
}


.btn-primary:hover {
 background-color: #F3E96E;
}

.btn-lg {
padding: 14px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}


.btn-size {
 font-size:18pt;
 min-width:250px;
}




.btn-select li {
 width:100%;max-width:350px;height:30px;padding:0px;margin:40px 0;
}





#container {
 padding:10px;
}



#container h1 {
 text-transform:uppercase;
 font-size:3.5em;
 max-width:940px;
 width:100%;
 margin:15px auto;

}




#search {
  float:right;border:0px solid #fff;padding:5px;margin-right:150px;  
}

#search input[type="text"] {
 width:203px;height:38px; 
 font-size:14pt;
 padding:5px;
}


#search input[type="submit"] {
 padding:5px 10px;
 background-color:#B0942E;
 color:#FFF;
 font-size:16pt;
 font-weight:800;
 border:#4F4F4F solid 2px;
}


#main {
 max-width:940px;
 width:100%;
 margin:0 auto;

}

#main p {

 margin:10px 0;

}


#main h2 {
 font-weight:400;
 margin:40px 0 15px 0;
 font-size:2.5em;
}


#main h3 {
 font-weight:200;margin:40px 0 15px 0;
 font-size:1.5em;
}




#main ul {
 list-style:none;
 margin:40px 0 0 20px;
}

#main ul.logos {
 margin-left:100px;
}



#main ul li a, #main a {
 text-decoration:none;
 font-family: 'PT Sans', Arial, sans-serif;
 font-size:16pt;
 font-weight:400;

}





#left {
 float:left;border-top:0px solid red;width:65%; 
 margin-bottom:40px;

}





#left ul li {
 margin-bottom:20px;
}


#left ul li.log img {
 max-width:50px;
 margin-left:-65px;
}


#left ul li.log a {
  font-size:24pt;
}




#left ul li span {
 display:block;
 margin:20px 0 0 15px;
 color:#cecece;
}


#sidebar {
 float:right;border-top:0px solid blue;width:30%;min-width:220px;
 padding-left:30px; 
}


#sidebar ul li {
 margin-bottom:10px;
}





div.form {
 border:0px solid red;
 padding:0 15%;
}

div.form p {
 clear:both;
}

div.form field {
 color: red;
}



div.form label {
 font-size:1.0em;
}


div.form span {
 width:50%;
 float:right;
 text-align:left;
}

div.form span input[type="text"], div.form span textarea {
 width:200px;
}




#err {
 color:red;
 font-weight:bold;
}








/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}




nav1 {
 filter: progid:DXImageTransform.Microsoft.gradient (startColorstr='#CECEF6', endColorstr='#08088A'); /* for IE */

 background: -webkit-gradient(linear, left top, left bottom, from(#CECEF6), to(#08088A)); /* for webkit browsers */

 background: -moz-linear-gradient(top,  #CECEF6,  #08088A); /* for firefox 3.6+ */

   background: -ms-linear-gradient(top, #CECEF6, #08088A);

   background: -o-linear-gradient(top, #CECEF6, #08088A);



 
}


nav {
	height: 50px;
	width: 100%;
	background: #455868;
	font-size: 11pt;
	font-family: 'PT Sans', Arial, sans-serif;
	font-weight: bold;
	position: relative;
	border-bottom: 2px solid #283744;
	border-bottom: 0px solid #283744;


 background:#08088A;




 background:#C2A73B;

}
nav ul {
	padding: 0;
	margin: 0 auto;
	margin-left: 10%;

	width: 600px;
	height: 40px;
	width: 90%;
	height: 50px;
}
nav li {
	display: inline !important;
	float: left;
}
nav a {
	color: #fff;
	display: inline-block;
	width: 100px;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	line-height: 50px;
	text-shadow: 1px 1px 0px #283744;
}
nav li a {
	border-right: 1px solid #576979;
	border-right: 0px solid #576979;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active, nav a.active {
	background-color: #08088A;


 background:#CECEF6;


 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08088A', endColorstr='#CECEF6'); /* for IE */

 background: -webkit-gradient(linear, left top, left bottom, from(#08088A), to(#CECEF6)); /* for webkit browsers */

 background: -moz-linear-gradient(top,  #08088A,  #CECEF6); /* for firefox 3.6+ */

   background:  -ms-linear-gradient(top, #08088A, #CECEF6);

   background:  -o-linear-gradient(top, #08088A, #CECEF6);



 color:#000;


 background:#F3E96E;



}
nav a#pull {
	display: none;
}











































#toppop {
 max-width:500px;
 width:100%;
 background-color: #C2A73B;
 margin:30px auto;
	border-radius: 10px; 
	 -moz-border-radius:10px; 
	 -webkit-border-radius:10px; 
	 -khtml-border-radius: 10px; 
 box-shadow:0px 0px 15px #676767; 
 -webkit-box-shadow: 0px 0px 15px #676767; 
 -moz-box-shadow: 0px 0px 15px #676767; 

}















/* 
  signupbox new 
*/ 

#signupbox h3, #signupbox h4 { 
 color:#fff; 
} 
#signupbox h3 { 
 font-size:16pt; 
 margin:0 0 10px 0; 
} 
#signupbox h4 { 
 font-size:12pt; 
 margin: 10px 0 20px 15px; 
} 

#signupbox h5 { 
 font-size:12pt; 
 margin: 10px 0 20px 0px; 
} 
 


#signupbox .topwrapper { 
 max-width:440px; 
 width:100%;

 overflow: hidden; 
 margin:0 auto; 
 position:relative; 
 border:#9e2800 solid 0px; 
 color:#fff;
} 




#signupbox .top_left { 
 float:left; 
 max-width:210px; 

 with:100%;
 min-height:50px; 
 padding: 5px 0px 5px 5px; 
} 

#signupbox .top_right { 
 float:right; 

 

 max-width:210px; 

 width:100%;
 min-height:50px; 
 padding: 5px 0px 5px 0px; 
} 
#signupbox .top_left input,  #signupbox .top_right input { 
 font-size:14pt;max-width:205px;width:100%;height:25px; 
} 





#signupbox .top_left input,  #signupbox .top_right input { 
 font-size:14pt;max-width:205px;width:100%;height:35px; 
 padding:5px;

	border-radius: 4px; 
	 -moz-border-radius:4px; 
	 -webkit-border-radius:4px; 
	 -khtml-border-radius: 4px;


} 







#signupbox #remember {
 color:#fff;
}


#signupbox .greenButton{ 
	width:auto; 
	margin:10px 0 0 2px; 
	padding:3px 4px 3px 4px; 
	color:white; 
	background-color:#589d39; 
	outline:none; 
	border:1px solid #006600; 
	font-weight:bold; 
} 
 



#signupbox .greenButton{ 
	border-radius: 4px; 
	 -moz-border-radius:4px; 
	 -webkit-border-radius:4px; 
	 -khtml-border-radius: 4px; 

	border:1px solid #39D; 
	color:#fff; 
	text-shadow:0 -1px 0 #39d; 
	padding:4px 10px 5px; 
	font-size:11px; 
	margin:0 5px 0 0; 
	font-weight:bold; 
} 


#remember { 
 padding:15px; 
} 







































/*Styles for screen 1140px and lower*/
@media screen and (max-width: 1140px) {



.desktop {
 display: none;  
}



}





/*Styles for screen 768px and lower*/
@media screen and (max-width: 768px) {




#container h1 {
 font-size:2.5em;
}



#main h2 {
 font-size:2.1em;
}



#left {
 width:100%;
}

#sidebar {
 float:left;
}


}







/*Styles for screen 600px and lower*/
@media screen and (max-width: 700px) {


#container h1 {
 font-size:2.0em;
}


#main h2 {
 font-size:1.6em;
}




	nav { 
  		height: auto;
  	}
  	nav ul {
                margin: 0 auto;
  		width: 100%;
  		display: block;
  		height: auto;
  	}
  	nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
}

/*Styles for screen 515px and lower*/
/* @media only screen and (max-width : 480px) { */
@media only screen and (max-width : 515px) {




div.form {
 padding:0 5%;
}

div.form label {
 font-size:0.8em;
}


div.form span {
 width:60%;

}

div.form span input[type="text"], div.form span textarea {
 width:180px;
}




#signupbox .top_right { 
 float:left; 
 padding-left: 5px; 
} 




	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #283744;
		background-color: #08088A;
		background-color: #C2A73B;


		width: 100%;
		position: relative;
	}
	nav a#pull:after {
		content:"";
		background: url('../../img/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
}

/*Smartphone*/
@media only screen and (max-width : 320px) {



div.form {
 padding:0;
}

div.form label {
 font-size:0.7em;
}


div.form span input[type="text"], div.form span textarea {
 width:150px;
}





#signupbox .top_right { 
 float:left; 
 padding-left: 5px; 
} 







	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
}







img {
max-width: 100%;
}


















































































.footer {
 background-color: #222222;
 color:#fff;
}



html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 50px; /* '.push' must be the same height as 'footer' */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/