/*
Theme Name: Evaluation
Theme URI: 
Author: Gero Santos
Author URI:  http://webdevhero.com
Description: FreedomandHonorOrg by Web Dev Hero
Version: 1.0
License: 
License URI: http://webdevhero.com
Tags: 
Text Domain: FreedomAndHonor.org
*/

@charset "utf-8";
/* CSS Document */

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* ===================================== FOOTER STICKER HERE ====================================== */

html, body {height: 100%;}

#wrap {min-height: 100%;
		
}

#main {overflow:auto;
	   padding-bottom: 70px; /* must be same height as the footer */
	  /* Old browsers */
	   }  

#footer {
	position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear:both;
	background-color: #000;
	} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
	
}

.clear {clear:both;}
 
/* NOTE : PROXIMA FONT IS DEFAULT - FONTS HERE */

@font-face {
    font-family: 'proxima';
    src: url('fonts/proxima_nova_reg-webfont.eot');
    src: url('fonts/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/proxima_nova_reg-webfont.woff') format('woff'),
         url('fonts/proxima_nova_reg-webfont.ttf') format('truetype'),
         url('fonts/proxima_nova_reg-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**********************/
/* Global - This provides the basic CSS values */ 
/**********************/
 .show-mobile {display:none!important; }
.container { width:900px; margin:0px auto; } 

.line-top { height:10px; width:100%; background-color:#000; }

.sand-top { background-image:url(images/nav-bg.jpg);  width:100%; height: 75px; 
 }

.sand-top-bottom { height:10px; width:100%; background-color:#efa208	;}

/* MAIN BODY HERE */

a { color: #efa208;  }

.body-container {  


background: #000 url(images/bg.jpg) top center repeat-x;
background-size:100%;
}


.slider-container  { position: relative; }

.slider { width:900px; height:300px; margin-top:-25px; 
position:relative; border:1px solid #333;  

 }
 
.slider img { width:900px; height:300px !important; }

.logo-container { width:260px; height:92px; background-image:url(images/logo.jpg); 
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px#000;
box-shadow: 0 0 5px #000;
margin-left:20px; margin-top:-30px; position:absolute; z-index:3000;
}


.nav-container { border:1px solid #333; }

.nav-item { width:900px; background-image: url(images/nav-bg.png); }

.nav li { padding:20px 13px; font-family:arial; font-size:12px; float:left; list-style:none; font-weight:bold; padding-top:25px;
border-left: 1px solid #c89200; position:relative; 
 
 
 }
 .nav li { cursor:pointer; }
.nav li a { text-decoration:none; color: #000; }
 
.nav li:last-child { border-right: 1px solid #c89200; }

.nav li:hover {  background-image: url(images/nav-hover.jpg); 


}	

.nav-top-bottom { height:5px; width:100%; background-color:#F0A604	;}

.main-container { background-color:#fff;  padding:20px; }

/*sub menu*/
.nav ul {
	list-style:none;
    left:-9999px;
	top:58px;
	position: absolute; 
	margin:0; padding:0; 
	z-index: 2000;
	width:330px;
	padding:5px 0px;
		
}


#nav li:hover ul
{ 
    left:0;
}
.nav ul li a, #nav ul li {
	
	float:none;
	font-size:15px; 
	margin:0; 
	padding: 0px 8px;
	
}

.nav ul li { 
	background-image: url(images/nav-bg.png);

	line-height: 34px;
	}
.nav li ul li { } 
.nav li ul li:last-child { border-bottom: 5px solid #efa208	;  } 
.nav li ul li:hover { background-image: url(images/nav-hoverb.jpg); cursor:pointer;

  } 

.current-menu-item, .current-menu-parent { background-image: url(images/nav-hover.jpg) !important; }

.nav li  .current-menu-item  { background-image: url(images/nav-hoverb.jpg) !important;} 

/* CONTENT ITEMS HERE */

.main-content { margin-top:20px;  padding-bottom:20px; font-family:'proxima', sans-serif; }

 .main-content h1 {  font-family:'proxima', sans-serif; font-size:27px; color: #b90000; font-weight:100; }

.text-content { float:left; width: 540px; margin-top:20px; margin-right:30px; padding-bottom:50px;}

.text-content h1 { font-weight:bold; font-family:'proxima', sans-serif; font-size:27px; color: #b90000;  text-align:center; }

.text-content h2 {  color: #faaa00; font-size:18px; font-family:'proxima', sans-serif; font-weight:100; margin-top:20px; text-align:center; }

.text-content p { text-align:justify; font-family:'proxima', sans-serif;  margin-top:20px; font-size:14px; line-height:25px;}

.side-content { float:left; width: 288px; }

/* side start here */

.start-here-container { width:288px;  margin-top:60px;  height:200px; position:relative; 
background: #ffd800; /* Old browsers */
background: -moz-linear-gradient(top,  #ffd800 0%, #fbaf00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd800), color-stop(100%,#fbaf00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffd800 0%,#fbaf00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffd800 0%,#fbaf00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffd800 0%,#fbaf00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffd800 0%,#fbaf00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#fbaf00',GradientType=0 ); /* IE6-9 */

}

.statement { position:absolute; width:209px; height:105px; background-image: url(images/statement.png); margin-left: 250px; margin-top:30px; z-index:3000;}

.statement-text { padding:20px; text-align:center; font-family:'proxima', sans-serif; font-weight:bold; margin-top:14px;}

.start-here-container  img { margin:10px; }

.small-logo { position:absolute; }

.side-caption {  width: 248px; padding:10px; color: #fed100; font-family:'proxima', sans-serif;  background-color:rgba(0, 0, 0, 0.9); 
margin-left:10px; margin-right:10px; margin-top:126px; position:absolute; z-index:999; line-height:22px; text-align:center;} 

.teach-yourself-container {
	
	width: 800px; margin: 0px auto; margin-top:30px; margin-bottom:30px;
}

.teach-yourself-container .box { float: left; width: 248px; border: 1px solid #3f3f3f; height: 120px; }
.teach-yourself-container .box-link { padding:20px; font-size:18px; font-family:'proxima', sans-serif; text-align:center; }
.teach-yourself-container .box-middle { float: left; width: 248px; height: 120px; margin-left: 25px; margin-right: 25px; border: 1px solid #3f3f3f; }

.teach-yourself-container .sub-title { font-size:18px; font-family:'proxima', sans-serif; margin-bottom:30px; }

.list-container { width: 800px; margin: 0px auto; margin-top:30px; margin-bottom:30px; }

.teach-sub-title { font-size:18px; font-family:'proxima', sans-serif; margin-bottom:20px; font-weight:bold; }

.tab1 { margin-left:50px; }

.tab2 { margin-left:100px; }

/*footer*/
.sub-menu { margin-top:-1px !important; }

.footer-links { text-align:right; padding-top:10px; color:#ffd400;  font-family:'proxima', sans-serif; font-size:14px; }

.footer-small-logo { float:left; }

.footer-copyright { float:left; margin-top:11px; margin-left:15px; }

#footer { background-color:#000;  }

#menu-item-389 { background-image: url(images/bluenavhighlight.png) !important; }
#menu-item-389:hover { background-image: url(images/bluenavhighlighthover.png) !important; }
#menu-item-27  { background-image: url(images/navhighlight.png) !important; }
#menu-item-27 a { color:#fff; }
#menu-item-27:hover  { background-image: url(images/navhighlighthover.png) !important; }