/*  

Theme Name: Main Layout

Theme URI: none

Description: For Justin Copeland

Version: 1.0

Author: Jason Nelwin

Author URI: http://www.3twenty3.com/ 



*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}



a {outline: 0;}

strong {font-weight: bold;}



table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}



ul li {list-style: disc;}





body {

	padding-top: 11px;

	text-align: center;

	font: 62.5% Helvetica, Arial, Verdana, sans-serif;

	color: #737272;

	background-color: #dfdbd8;

}



a {

	color: #737272;

}



a:hover {

	text-decoration: none;

	color: #2da5ab;

}



a:visited {

	color: #2da5ab;

}



.clear {

	clear: both;

	width: 0;

	height: 0;

	margin: 0;

	padding: 0;

	line-height: 0;

	font-size: 0;

	visibility: hidden;

}





#bodyWrapper {margin: 0 auto; width: 636px; text-align: left;}



#headerWrapper {}



#header {}



.mainLogo {}

.mainLogo img {padding: 20px 0 0 20px;}



.tabs {height: 37px; background: url(Common/Images/Tabs-Background.gif) right 0 no-repeat;}

.tabs ul {float: right; padding: 19px 16px 0 0;}

.tabs ul li {list-style: none; float: left; padding: 0 8px; border-right: solid 1px #9f9f9f;}

.tabs ul li.last {border: none;}



#mainNavigation {background: url(Common/Images/PageWrapper-Background.gif) 0 0 repeat-y;}



#mainNavigation ul {padding: 7px 0 11px 11px; height: 20px;}

#mainNavigation ul li {list-style: none; float: left;}



#mainNavigation ul li a {display: block; height: 20px; background: url(Common/Images/MainNavigation-Background.gif) 0 0 no-repeat; text-indent: -8000px;}




#mainNavigation ul li a.navOne {width: 96px;}
#mainNavigation ul li a:hover.navOne {background-position: 0 -20px;}
#mainNavigation ul li a.navTwo {width: 131px; background-position: -96px 0;}
#mainNavigation ul li a:hover.navTwo {background-position: -96px -20px;}
#mainNavigation ul li a.navThree {width: 138px; background-position: -227px 0;}
#mainNavigation ul li a:hover.navThree {background-position: -227px -20px;}
#mainNavigation ul li a.navFour {width: 130px; background-position: -365px 0;}
#mainNavigation ul li a:hover.navFour {background-position: -365px -20px;}
#mainNavigation ul li a.navFive {width: 119px; background-position: -495px 0;}
#mainNavigation ul li a:hover.navFive {background-position: -495px -20px;}





#pageWrapper {background: url(Common/Images/PageWrapper-Background.gif) 0 0 repeat-y;}



#contentWrapper {background: url(Common/Images/ContentWrapper-Background.gif) left bottom no-repeat;}



.mainImageWrapper {padding: 0 0 25px 11px; text-align: center;}

.home .mainImageWrapper {padding-bottom: 6px; text-align: center;}





#contentWrapper h2 {padding: 0 30px 11px 30px; font-weight: normal; font-size: 1.6em;}

#contentWrapper h3 {padding: 0 40px 2px 40px; font-weight: bold; font-size: 1.1em; color: #2da5ab;}

#contentWrapper h5 {padding: 0 40px 2px 40px; font-weight: bold; font-size: 1.1em; color: #323232;}



#contentWrapper p {padding: 0 40px 15px 40px;}





.multiColumnWrapper {padding: 0 11px;}

/*.home .multiColumnWrapper {background: url(Common/Images/LeftColumn-Tan.gif) 11px bottom no-repeat;}*/

 



.columnLeft {float: left; margin-right: 13px; width: 211px;}

.home .columnLeft {padding-bottom: 8px;}



.home #contentWrapper .multiColumnWrapper .columnLeft h2 {padding: 0 19px 11px 19px;}

.home #contentWrapper .columnLeft p {padding: 0 19px 8px 19px; font-size: 1.2em;}

.home #contentWrapper .columnLeft img.promo {padding: 0 0 15px 19px;}



.columnRight {float: left; width: 390px; position: relative;}



.home .columnRight img.listImage {position: absolute; right: 0; bottom: 0;}



.home #contentWrapper .multiColumnWrapper h2 {padding: 0 0 11px 0;}

.home #contentWrapper .multiColumnWrapper h2.green {padding-bottom: 0; font-size: 2em; color: #2da5ab;}

.home #contentWrapper .multiColumnWrapper h3 {padding: 12px 0 8px 0;}



.home .promoAreaOne {width: 390px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: solid 1px #dfdfdd;}

.home .promoAreaOne img {float: left; margin: 0 15px 0 0;}

.home #contentWrapper .promoAreaOne p {padding: 0; font-size: 1.2em;}

a.more {padding-left: 8px; color: #596c70; text-decoration: none; font-weight: bold; background: url(Common/Images/Arrow-Green.gif) 0 50% no-repeat;}



.home .promoAreaTwo {float: left; width: 172px; margin-right: 14px; padding: 8px 0 15px 0;}

.home #contentWrapper .promoAreaTwo p {padding: 0;}



.home .promoAreaThree {float: left; margin-bottom: 10px; padding: 8px 0 5px 20px; border-left: solid 0px #dfdfdd;}



ul.greenArrow {}

ul.greenArrow li {list-style: none; margin-bottom: 7px; padding-left: 8px; background: url(Common/Images/Arrow-Green.gif) 0 4px no-repeat;}

ul.greenArrow li a {color: #2da5ab;}

ul.greenArrow li.last {margin-top: 14px; font-weight: bold;}

ul.greenArrow li.last a {color: #596c70; text-decoration: none;}



#header .mainLogo {

	width: 636px;

	height: 98px;

	background: transparent url(Common/Images/Header-Background.gif) 0 0 no-repeat;

}









/* =Footer

--------------------------------------------------------------------------------

*/



#footerWrapper {

	width: 636px;

	height: 54px;

	background: url(Common/Images/Footer-Background.gif) 0 0 no-repeat;

}



#footerWrapper ul {

	text-align: center;

	padding-top: 15px;

}



#footerWrapper ul li {

	list-style: none;

}



#footerWrapper span {color: #688789;}



#footerWrapper a {

	color: #688789;

}