/*
Theme Name: NATSTA
Theme URI: http://www.natsta.org
Description: A simple Wordpress theme modelled after the orginal design for the NATSTA website by http://www.alittlemoxie.com
Version: 1
Author: Angela Gabereau
Author URI: http://angelagabereau.com
Tags: natsta


header pale yellow: #efefc2
selected #091B62
light grey: #E5E3D6
drop down highlight: #333333
header button border grey: #999999
menu text: #444444
*/

@import "style/css/reset.css";

/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }

/*
	STRUCTURE
*/
#page-wrap							{ width: 780px; background:#FFFFFF; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%;}
#main-col							{ width: 780px; float:right;}	
#content							{ width: 600px; padding: 0px 90px 30px 90px;}	

/*
	HEADER
*/
h1#logo								{ width: 780px; height: 88px; background: url(images/header/concrete.jpg) top left no-repeat; text-indent: -9999px;
									  margin: 0; float: left;padding: 0; }
#top-bar							{ padding: 0px 0 0 0; }
#menu-bar							{ height:32px;padding: 0;background:url(images/header/header_r3_c1.gif) bottom left no-repeat #efefc2;}
#main-nav							{ height:23px;display:block;background-color: #efefc2;border: 1px solid red;}

.red-header							{width: 790px; height: 88px; background: url(images/header/red-header.png) top left no-repeat;
									  margin: 0; float: left;padding: 0; }
.orange-header							{width: 790px; height: 88px; background: url(images/header/orange-header.png) top left no-repeat;
									  margin: 0; float: left;padding: 0; }
.teal-header							{width: 790px; height: 88px; background: url(images/header/teal-header.png) top left no-repeat;
									  margin: 0; float: left;padding: 0; }
.blue-header							{width: 790px; height: 88px; background: url(images/header/blue-header.png) top left no-repeat;
									  margin: 0; float: left;padding: 0; }
.green-header							{width: 790px; height: 88px; background: url(images/header/green-header.png) top left no-repeat;
									  margin: 0; float: left;padding: 0; }									  


body {

  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  background-image: url(images/background.gif);
  font-size: 13px;
  font-family: arial,Helvetica,sans-serif;
  line-height:16px;
}

h1{	

	font-family: arial, Helvetica, sans-serif;
    background-color: #ffffff;
    border-bottom: 1px solid #999999;
    font-size: 15px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    padding: 20px 0 5px 0;

}


h2{	

	font-family: arial, Helvetica, sans-serif;
    background-color: #ffffff;
    border-bottom-width: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    text-decoration: none;

}

p{margin: 17px 0px;}
td {padding: 5px; }

#content ul	{ margin: 0px 20px; }
#content li	{ list-style:disc;padding: 0px 0px 0px 0px;}

#contactUs {margin:0;padding:0;}
.country-title {text-transform:uppercase;font-weight:bold;}
.state-title{ color: #990000;font-weight:bold;border-top:1.5px solid black;width:100%;padding:5px 0 0 5px; }
.city-title{ font-weight:bold;padding-left:15px; }
.instructor-info{float:left;padding-left:50px;}
.instructor-photo{float:right;padding-right:200px;padding-bottom:20px;}

.page-title {
				font-size: 27px;
				font-family:Garamond, Georgia, serif;
				color: #ffffff;
				text-transform:uppercase;
				padding:  19px 0 0px 50px;
				margin-left:35px;

		}
		
.posttitle {
	margin: 0;
	padding: 2px 0;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	color: #000000;
}

.posttitle a {
	text-decoration: none;
	color: #000000;
}

.home-img { text-align:center; }



.school{	

	 padding-left:0px;	 

}

.schoolText{

	color:#E15A00;

	font-weight: bold;

}

.schoolSubText{

	color:#E15A00;

	font-weight: normal;

}

.mainProdCategory{

	padding-top:2px;

	padding-bottom:5px;

	padding-left:10px;

	font-size:11px;

}

.secNav{

	padding-top:12px;

}



.floatimgleft{

	float:left;

	margin-right:20px;

	margin-bottom:20px;

}



.floatimgright{

	float:right;

	margin-left:20px;

	margin-bottom:20px;

}



.imgtop{

	clear:both;

	margin-bottom:10px;

}



.subject{margin-bottom:10px;}

.teacher-bio { padding: 10px 0px 50px 0px; }


a:link {

	color: #0303b4;

	text-decoration: none;

}

a:visited 	{ color: #0303b4;text-decoration: none; }
a:hover 	{ color: #0303b4;text-decoration: underline;  }
a:active 	{ color: #0303b4;text-decoration: none;  }


a.menuLink{

  display: block;

  padding: 2px 5px;

	border-top: 1px solid #cccccc;	

}

a.menuLink:link {

  color: #000000;

  text-decoration: none;

}

a.menuLink:visited {

  color: #000000;

  text-decoration: none;

}

a.menuLink:hover{

  color: #ffffff;

	background-color:#091B62;

  text-decoration: none;

}

a.menuLink:active {

  color: #ffffff;

  text-decoration: none;

  background-color: #E5E3D6;

}



.textLink{

	color: #0303B4;

}

.textLink:link{

	color: #0303B4;

}

.textLink:visited {

	color: #0303B4;

}

.textLink:hover {

	color: #0303B4;

}

.textLink:active{

	color: #0303B4;

}



.blueBold{

	color: #0303B4;

	text-decoration:bold;

}



.advice{

	color: #0303B4;

}





a.headerLink{

  display: block;

	text-decoration: none;

}

a.headerLink:link {

  color: #000000;

  text-decoration: none;

}

a.headerLink:visited {

  color: #000000;

  text-decoration: none;	

}

a.headerLink:hover{

  color: #ffffff;

	background-color:#091B62;

  text-decoration: none;

}

a.headerLink:active {

  color: #000000;

  text-decoration: none;

}





/*  */

.tertiaryNav {

    display: block;

    height: 24 px;

		width='500'

    padding-right: 10px;

    font-family: arial, Helvetica, sans-serif;

    border-bottom-width: 0px;

    font-size: 10px;

    font-weight: bold;

    color: #000000;

    text-decoration: none;

}



.tertiaryNav:hover {

    text-decoration: none;

}



.tertiaryNavbg {

    padding-right: 10 px;

		text-decoration: none;

}

/*  */



.sideCalcText {

  font-size : 10px;

  font-family: arial, Helvetica, sans-serif;

  color: #666666;

}

.sideCalcTextSmall{

  font-size : 8px;

  font-family: arial, Helvetica, sans-serif;

  color: #666666;

} 



.calcHeader {

  font-size : 11px;

  font-family: arial, Helvetica, sans-serif;

  color: #ffffff;

	margin:0px;

	padding:0px;

}

.sideForm{

	margin:0px;

	padding:0px;

}


.infoForm{

	margin:0px;

	padding:0px;

}

.formInfoLabel{

 vertical-align:middle;

 text-align:right;

 font-weight:bold;	

}

.formbold{

 vertical-align:middle;

 text-align:middle;

 font-weight:bold;

 height:30px;

 color:#ffffff;

 font-size:13px;

}

.infoFormElement{

 font-family: arial, Helvetica, sans-serif;

 font-size:11px;

}

.statetext{	

	  color: #990000;

}
/*
	SIDEBAR
*/

#sidebar	{ 	width:170px;
				float:left;
				font-size : 11px;
				font-family: arial, Helvetica, sans-serif;
				color: #000000;
				text-transform:uppercase;
				padding-top: 12px;
				min-height: 100%; height: auto !important; height: 100%;
				border-collapse: collapse;
				border-right: 1px solid #999999;
			  }
			  
#sidebar li	{ 	padding-top: 2px;
			 	padding-bottom: 5px;
			 	padding-left: 10px;
			}



/*
	FOOTER
*/
#footer		{ width: 780px;padding:11px 0 3px 0;background:url(images/footer.gif) top left no-repeat #efefc2;text-align:center;}
#footer	 a:visited 	{ color: #666666;text-decoration: none; }
#footer	 a:hover 	{ color: #666666;text-decoration: underline;  }
#footer	 a:active 	{ color: #666666;text-decoration: none;  }
#footer p{margin: 0px 0px;}
.footerText {
  font-size : 11px;
  font-family: arial, Helvetica, sans-serif;
  color: #666666;
}

.footerLink{
	text-decoration: none;
}