/* ########## MSAE Master CSS ########## */
/* ########## Alek Lisefski ########## */


/* reset */
* {
	margin: 0;
	padding: 0;
}

/* ##### Universal Styles ##### */

html, body { 
	font: normal 12px arial ; 
	color: #42210b ; 
	line-height: 20px ; 
	background-color: #311a02;
	text-align: left;
}

p { 
	margin-bottom: 20px;
}


h1 { 
	position: absolute;
	font: normal 34px arial; 
	line-height: 30px;
	color: #fff ; 
	letter-spacing: -1px;
	margin: 0;
	top: 66px;
	left: 243px;
}

h2 { 
	font: bold 22px arial ; 
	line-height: 24px;
	letter-spacing: -1px;
	color: #42210b ; 
	margin: 0 0 20px 0;
}

h2.topLine { 
	border-top: 2px solid #fff;
	padding-top: 15px;
}

h3 { 
	font: bold 16px arial ; 
	line-height: 20px;
	color: #42210b ; 
	padding: 0;
	margin: 0;
}


h4 { 
	font: normal 18px arial ; 
	line-height: 18px;
	color: #fff; 
	padding: 12px 0 25px 20px;
}


h4 a, 
h4 a:visited  { 
	font: normal 18px arial ; 
	line-height: 18px;
	color: #fff; 
}

h4 a:hover  { 
	color: #ed9f0f; 
}

h5 {
	margin: 0 0 20px 20px;
	height: 27px;
	overflow: hidden;
}


h5 a,
h5 a:visited {
	font: bold 13px arial ; 
	line-height: 27px;
	color: #fff; 
	height: 27px;
	padding: 6px 0 6px 10px;
	background: url(../media/bg_button-left.gif) no-repeat 0px 0px;
}
*:first-child+html h5 a {
	padding: 0 0 6px 10px;
}
*:first-child+html h5 a:visited {
	padding: 0 0 6px 10px;
}


h5 a span {
	padding: 6px 20px 6px 0;
	background: url(../media/bg_button-right.gif) no-repeat right 0px;
}


h5 a:hover{
	color: #fff; 
	background-position: 0px -27px;
}


h5 a:hover span {
	background-position: right -27px;
}



a, 
a:visited  { 
	font: normal 12px arial ; 
	color: #508c06; 
	text-decoration: none ; 
	border-bottom: 0;
}

a:hover { 
	color: #ed9f0f ; 
	text-decoration: none ;
	border-bottom: 0;
}

a:focus {
	outline:none
}



/* ##### Structural Elements ##### */

#top { 
	position:relative ; 
	width: 100% ;
	height: 90px
	z-index:2 ; 
	text-align: center ; 
	background: transparent url(../media/bg_top.gif) repeat-x; 
	clear: both ;
	overflow: hidden;
}

#navBar {
	background: transparent url(../media/bg_navBar-repeat.png) repeat-x;
	position:relative ; 
	width: 100% ;
	height: 51px
	margin: auto ; 
	z-index:3 ; 
	text-align: center;
	/*margin-bottom: -51px;*/
	clear: both;
}

#navBar .background {
	background: transparent url(../media/bg_navBar.png) no-repeat center top;
	position:relative ; 
	width: auto ;
	height: 51px;
	margin: auto ; 
	text-align: center;
}

#flash {
	background: #759f3b;
	position:relative ; 
	width: 100% ;
	height: 470px; 
	margin: auto ; 
	z-index:1 ; 
	text-align: center;
	padding: 0;
	margin-bottom: -51px;
}

#flashArea {
	width: 100% ;
	height: 470px; 
	margin: auto ; 
	z-index:2 ; 
	text-align: center;
	padding: 0;
	margin-top: -51px;
}

#green {
	background: transparent url(../media/bg_green-repeat.gif) repeat-x;
	position:relative ; 
	width: 100% ;
	height: 119px; 
	margin: auto ; 
	z-index:0; 
	text-align: center;
	margin-top: -51px;
}

#green .background {
	background: transparent url(../media/bg_green.jpg) no-repeat center top;
	position:relative ; 
	width: auto ;
	height: 119px; 
	margin: auto ;
	z-index:0;  
	text-align: center;
}

#middle { 
	position:relative ; 
	width: 100% ;
	z-index:1 ; 
	text-align: center ; 
	background: #fcf1d3 url(../media/bg_middle.gif) repeat-x; 
	clear: both ;
} 

#footer { 
	position:relative ; 
	width: 100% ;
	height: 96px;
	z-index:0 ; 
	text-align: center ; 
	background: #311a02 url(../media/bg_footer.gif) repeat-x ; 
	clear: both ;
}

#siteBy { 
	position:relative ; 
	width: 100% ;
	height: 30px;
	z-index:0 ; 
	text-align: center ; 
	background: #4b2803; 
	clear: both ;
	margin-bottom: 15px;
}

.container { 
	position:relative ; 
	width: 980px ; 
	margin: auto ; 
	z-index:0 ; 
	text-align: left ;
	padding: 0;
}

#middle .container { 
	padding: 15px 0 40px 0;
}

#siteBy .container {
	padding-top: 6px;
}


/* ##### Columns ##### */

#colLeft {
	float: left; 
	width: 362px; 
	margin-right: 30px;
	padding: 15px 0 0 0;
}

#footer #colLeft {
	width: 342px; 
	float: left; 
	margin-right: 50px;
	padding: 20px 0 0 0;
}

#colCenter {
	width: 560px;
	float: left;
	margin-right: 18px;
}

.home #colCenter {
	width: 578px;
	float: left;
	margin: 0;
	padding-top: 15px;
}

#colWide {
	width: 757px;
	float: left;
}

#colCenter p,
#colCenter h2,
#colWide p,
#colWide h2 {
	margin: 0 20px 20px 20px;
}

#colCenter h3,
#colWide h3{
	margin: 0 20px 0 20px;
}
#colRight {
	width: 179px;
	float: left;
	overflow: hidden;
	padding-top: 25px;
}


#colNav {
	float: left;
	width: 203px; 
	margin: -53px 20px 0 0;
	padding: 0;
	background: url(../media/bg_subnav.gif) no-repeat;
}

#colNav .bottom {
	width: 203px;
	height: 25px; 
	margin: 0;
	padding: 0;
	background: #fcf1d3 url(../media/bg_subnav-bottom.gif) no-repeat left top;
}

#colNav .belowNav {
	background: #fcf1d3;
	margin-bottom: -20px;
}

#colNav p,
#colNav h2,
#colRight p,
#colRight h2 {
	margin: 0 0 20px 10px;
}

#colNav h3,
#colRight h3 {
	margin-left: 10px;
}


#clearColumns, 
.clearColumns {
	clear: both;
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}


/* ##### Unique Elements ##### */

#logo {
	height: 90px;
	width: 398px;
}

#logo a { 
	display: block;
	height: 90px;
	width: 398px;
	border: 0;
}

#logo:hover { 
	opacity: .7;
	filter: alpha(opacity=70);
}

#tagline {
	position: absolute;
	top: 62px;
	left: 438px;
	width: 441px;
	height: 14px;
	background: url(../media/tagline.gif) no-repeat;
}

#breadCrumbs {
	margin: 0 0 0 20px;
	font: normal 11px arial;
	color: #9ec16d;
	height: 25px;
}

#breadCrumbs a, 
#breadCrumbs a:visited {
	font: normal 11px arial;
}


/* Lists */

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

li {
	font: normal 12px arial; 
	line-height: 16px ; 
	background: url(../media/bullet.gif) no-repeat 0px 3px;
	color: #42210b ; 
	padding: 0 0 0 16px;
	margin-bottom: 14px;
}

ul.pagination {
	list-style-type: none;
	padding-top: 10px;
	border-top: 2px solid #fff;
	margin: 0 0 0 20px;
}

ul.pagination li {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	display: inline;
	background: transparent;
}

ul.pagination li.here {
	display: none;
}

ul.pagination li.page-total {
	padding-left: 15px;
	border-left: 2px solid #fff;
}

ul#sitemap {
	list-style-type: none;
	margin: 0 0 20px 20px;
	border-top: 2px solid #fff;
	padding-top: 15px;
}

ul#sitemap li {
	font: bold 16px arial ;
	line-height: 20px ; 
	background: transparent;
	color: #42210b ; 
	padding: 0 0 0 0;
	margin-bottom: 30px;
}

ul#sitemap li a, 
ul#sitemap li a:visited {
	font: bold 16px arial ;
}

ul#sitemap li ul {
	margin: 14px 0 0 20px;
}

ul#sitemap li li,
ul#sitemap li li li {
	font: normal 12px arial; 
	line-height: 16px ; 
	background: url(../media/bullet.gif) no-repeat 0px 3px;
	color: #42210b ; 
	padding: 0 0 0 16px;
	margin-bottom: 14px;
}

ul#sitemap li li a, 
ul#sitemap li li a:visited,
ul#sitemap li li li a, 
ul#sitemap li li li a:visited {
	font: normal 12px arial; 
}


/* Top Nav */

#topNav {
	position: absolute;
	top: 0px;
	left: 398px;
	width: 404px;
	height: 46px;
	background: url(../media/bg_topNav.gif) no-repeat;
}

#topNav ul {
	margin: 15px 0 0 40px;
}

#topNav li {
	display: inline;
	line-height: 22px;
	height: 22px;
	float: left;
	margin-right: 25px;
	padding: 0 25px 0 0;
	background: url(../media/bg_topNav-divider.gif) no-repeat right;
}

#topNav li.last {
	margin-right: 0;
	padding: 0;
	background: transparent;
}

#topNav a, 
#topNav a:visited {
	font: normal 11px arial;
	color: #ce9a6d;
}

#topNav a:hover{
	color: #fff;
}

/* Footer */

#siteBy p, 
#footer p {
	font: normal 11px arial ; 
	line-height: 20px ; 
	color: #ce9a65;
	margin-bottom: 0;
}

#footer span {
	color: #fff;
}

.col {
	display: inline;
	float: left; 
	color: #ce9a65;
	padding: 20px 0 20px 0;
}

#footer .col ul {
	list-style-type: none;
	margin: 0 50px 0 0;
}

#footer .col li {
	font: normal 11px arial; 
	line-height: 20px ; 
	background: transparent;
	color: #000;
	padding: 0 ;
	margin-bottom: 6px;
}

#footer a, 
#footer a:visited,
#siteBy a, 
#siteBy a:visited {
	font: normal 11px arial; 
	color: #fff;
}

#footer a:hover,
#siteBy a:hover {
	color: #ce9a65;
}

#footer ul.tan a, 
#footer ul.tan a:visited {
	font: normal 11px arial; 
	color: #ce9a65;
}

#footer ul.tan a:hover {
	color: #fff;
}

#footer .divide {
padding-left: 50px;
background: url(../media/bg_footer-divide.gif) no-repeat left 20px;
}



/* ##### Classes ##### */


.headerImage {
	width: 559px;
	height: 181px;
	margin-bottom: 20px;
	padding: 1px 0 0 1px;
	background: url(../media/bg_headerImage.gif) no-repeat;
}

#colWide .headerImage {
	width: 756px;
	height: 234px;
	margin-bottom: 15px;
	padding: 1px 0 0 1px;
	background: url(../media/bg_headerImage-large.gif) no-repeat;
}

.imageSet {

}

.imageSet img {
	border: 1px solid #fff;
	margin: 0 13px 15px 0;
}

.imageSet img.last {
	margin-right: 0;
}


.home #colCenter p.large {
	font: normal 16px arial;
	line-height: 28px;
	margin-left: 0;
}

p.large a,
p.large a:visited {
	font: normal 16px arial;
	line-height: 28px;
	color: #42210b ; 
}

p.large a.gold,
p.large a.gold:visited {
	color: #ed9f0f ;
}

a.gold,
a.gold:visited {
	font-weight: normal; 
	color:#ed9f0f
}

.green,
p.large a.green,
.green:visited,
p.large a.green:visited  {
	color: #558c23;
}

p.large a:hover, 
p.large a.green:hover {
	color: #ed9f0f
}

p.large a.gold:hover,
a.gold:hover {
	color: #558c23;
}

.notice {
	border: solid 1px #f5bf18;
	background: #fadb58;
	margin: 20px 0px;
	padding: 18px 20px 6px 20px;
}

.box {
	padding: 15px 0 0 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	margin: 0 20px 20px 0;
}


/* Video Thumbnails */

.videoBlock {
	width: 737px;
	padding: 15px 0 0 18px;
	margin: -10px 0 20px 0;
	border-top: 2px solid #fff;
}

.videoThumb {	
	float: left;
	width: 170px;
	height: 123px;
	margin-right: 10px;
	overflow: hidden;
	background: url(../media/bg_video.gif) no-repeat;
	padding: 2px 0 0 2px
}

.videoBlock .videoThumb {	
	height: 195px;
}


.videoThumb a,
.videoThumb a:visited {	
	display: block;
	width: 170px;
	height: 105px;
	background: url(../media/video_play.png) no-repeat right 64px;
	overflow: hidden;
}

.videoThumb a:hover {	
	background-position: right -136px;
}

.videoThumb label {	
	display: block;
	font: normal 11px arial;
	line-height: 18px;
	padding: 2px 10px 0 2px;
}

#colCenter .videoThumb {	
	float: left;
	width: 170px;
	height: 143px;
	margin: 0 10px 20px 20px;
	overflow: hidden;
	background: url(../media/bg_video.gif) no-repeat;
	padding: 2px 0 0 2px
}


h2 span.right {
	font: normal 13px arial;
	line-height: 24px;
	letter-spacing: 0px;
	float: right;
	padding: 3px 10px 0 0;
}

#colNav h2 span.right {
	padding: 3px 25px 0 0;
}

h2 span.right a,
h2 span.right a:visited {
	font: normal 13px arial;
	letter-spacing: 0;
	background: url(../media/arrow.gif) no-repeat right 5px;
	padding: 0 8px 0 0;
	color: #508c06; 
}

h2 span.right a:hover {
	background: url(../media/arrow-yellow.gif) no-repeat right 5px;
	color: #ed9f0f ; 
}

/* List Page Items */

.listItem {
	float: left;
	width: 360px;
	padding: 15px 0 15px 18px;
	border-top: 2px solid #fff;
	height: 123px;
	overflow: hidden;
}

#colCenter .listItem {
	width: 268px;
	height: 180px;
	padding: 15px 12px 15px 0;
}

#colCenter .listItem p {
	font: normal 11px arial ; 
	line-height: 18px;
}

#colCenter .listItem p a,
#colCenter .listItem p a:visited {
	font: normal 11px arial ; 
	line-height: 18px;
}

.listItem .image {
	float: left;
	width: 122px;
	height: 122px;
	background: url(../media/bg_listImage.gif) no-repeat;
	padding: 1px 0 0 1px;
	margin-right: 18px;
}

#colCenter .listItem .image {
	margin-right: 12px;
	overflow: hidden;
	padding: 1px 0 0 1px;
}

.listItem .image a,
.listItem .image a:visited {	
	display: block;
	width: 117px;
	height: 117px;
	border: 1px solid #fff;
}

.listItem .image a:hover {
	border: 1px solid #ed9f0f;
}

.listItem p a, 
.listItem p a:visited {
	background: url(../media/arrow.gif) no-repeat right 4px;
	padding: 0 8px 0 0;
}
 
.listItem p a:hover {
	background: url(../media/arrow-yellow.gif) no-repeat right 4px;
}

.listItem h3 {
	display: block; 
	float: none;
}

#colCenter .listItem h3 {
	font: bold 13px arial;
	line-height: 18px;
}

.listItem h3 a,
.listItem h3 a:visited  { 
	font: bold 16px arial ; 
	line-height: 20px;
	color: #42210b ; 
	background: transparent;
}

#colCenter .listItem h3 { 
	font: bold 13px arial ; 
	line-height: 16px;
	color: #508c06; 
}

.listItem h3 a:hover  { 
	color: #ed9f0f;
	background: transparent;
}

/* Blog */
.newsIndex {
	float: left;
	width: 378px;
	padding: 15px 0 0 0;
	border-top: 2px solid #fff;
	overflow: hidden;
}

.newsIndex .image {
	width: 341px;
	height: 122px;
	background: url(../media/bg_thumbWide.gif) no-repeat;
	padding: 1px 0 0 1px;
	margin: -10px 0 15px 19px;
}

.newsIndex .image a,
.newsIndex .image a:visited {	
	display: block;
	width: 336px;
	height: 117px;
	border: 1px solid #fff;
}

.newsIndex .image a:hover {
	border: 1px solid #ed9f0f;
}

.newsIndex h2 {

}

.blogPost {
margin: 10px 0 30px 0;
}

.postInfo {
border-top: 2px solid #fff;
padding: 10px 0 0 0;
margin: -10px 20px 0 20px;
}

#colRight .postInfo,
#colNav .postInfo {
padding: 10px 0 0 0;
margin: -15px 20px 0 10px;
}

.postInfo, 
.postInfo a,
.postInfo a:visited {
font: normal 11px arial;
line-height: 19px;
}

.postInfo .date {
display: block;
float: left;
width: 48px;
height: 19px;
text-align: center;
background: url(../media/bg_blog_date.gif) no-repeat;
margin-right: 10px;
}

.postInfo .divide {
margin-left: 15px;
padding-left: 15px;
border-left: 2px solid #fff;
}

h2 a,
h2 a:visited { 
	font: bold 22px arial ; 
	line-height: 24px;
	letter-spacing: -1px;
	color: #42210b ; 
}

h2 a:hover { 
	color: #ed9f0f ; 
}

h3 a,
h3 a:visited {
	font: normal 16px arial ; 
	line-height: 20px;
}

h3 a:hover { 
	color: #ed9f0f ; 
}

/* Notice Bar */
#noticeBar {
	position:relative ; 
	width: 100% ;
	margin: auto ; 
	z-index:1 ; 
	text-align: center;
	clear: both;
	height: 30px;
	background: url(../media/bg_notice-red.gif) repeat-x;
}

#noticeBar .container {
	padding: 6px 0 0 0;
}

#noticeBar p {
	margin: 0;
	color: #fff;
	font-weight: bold;
}

#noticeBar.yellow {
	background: url(../media/bg_notice-yellow.gif) repeat-x;
}


#noticeBar.yellow p {
	margin: 0;
	color: #42210b;
	font-weight: bold;
}


/* Error Message */

body#user-msg {
	background: #fcf1d3;
}

body#user-msg div#content {
	width: 600px;
	margin: auto;
	background: #fcf1d3;
	padding: 30px 30px 10px 30px;
}

body#user-msg div#content ul {
	background: #fff;
	padding: 20px 20px 6px 20px;
	margin-left: 0;

}

body#user-msg div#content li {
	background-position: 0 3px;

}

/* Images */

img {
	border: 0;
}

.floatLeft {
	float: left;
	margin: 0 20px 15px 0;
	border: 1px solid #fff;
}

.floatRight {
	float: right;
	margin: 0 0 15px 20px;
	border: 1px solid #fff;
}

/* Tables */

table {
	width: 737px;
	margin: -10px 0 30px 20px;
	background: #fff;
	border: 1px solid #e0d7bc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}

#colCenter table {
	width: 530px;
	margin: 0 0 20px 0;
}


tr.highlight td {
	background: #fdf7e1;
}

th, td {
	padding: 5px 10px;
	border: 0;
	text-align: left;
}

th {
	background: #d5e3ba;
	color: #477716;
	font: bold 13px arial; 
}

/* Forms */

#contactForm {
	margin-left: 20px;
}

#applicationForm {
	margin-left: 20px;
}

#applicationForm p.large {
	font: normal 16px arial;
	line-height: 28px;
	margin: 20px 0 10px 0;
	color: #558c23;
	padding-top: 10px;
	border-top: 2px solid #fff;
}


.formField {
	font: normal 12px arial;
	color: #42210b ; 
	padding: 4px 6px 3px 5px;
	margin: 0 0 8px 0;
	background: url(../media/bg_formField.gif) no-repeat;
	border: 0;
}

.buttonSend {
	display: block;
	margin-top: 10px;
	clear: left;
	width: 61px;
	height: 28px;
}


#colCenter table.form {
	width: 530px;
	background: transparent;
	margin: 0;
	border: 0;
}

#colCenter table.form th,
#colCenter table.form td {
	background: transparent;
	padding: 0;
}

select, option {
	background: #fff;
}

#colCenter form h3 {
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

#colCenter form h2 {
	margin: 15px 0 20px 0 ;
}