/*CSS targeted for full screen layout with footer pinned to the bottom. Unfortunately doesn't work with floating DIV's, hence the content table cells in the HTML
Jeroen Bet, August 2008 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font: normal 12px Verdana;
color: #203252;
background: url(../imgs/layout/body_bg.gif) repeat-x #cdccc8;
}


img {
border: 0;
}

.clear {
clear: both;
}

.no-margin {
margin: 0;
padding: 0;
}

.handheld {
display: none;
}

.white {color: white;}
#flash_text {margin-left: 493px; padding-top: 30px; width: 450px;}
#flash_text p {display: block; padding-top: 5px; .padding-top: 15px; padding-left: 38px; color: #cdccc8; line-height: 18px; float: left; width: 299px;}
#flash_text a {display: block; float :left; padding-top: 41px; padding-left: 24px; }


a {
color: #6a1126;
text-decoration: none;
}

a:hover {
color: #6a1126;
text-decoration: underline;
}

h1
{
font: normal 24px "Times New Roman", Times, serif;
color: #203252;
margin-bottom: 14px;
.margin-bottom: 20px; /*IE7*/
margin-top: 17px;
.margin-top: 13px; /*IE7*/
}

h2 {
font-size: 14px;
color:#6a1126;
font-weight: bold;
margin-bottom: 12px;
}

h3 {
font-size: 13px;
color: #6a1126;
}

h4 {
font-size: 12px;
color:#6a1126;
}

.floatL {float: left;}
.floatR {float: right;}

#logo {padding-top: 40px; padding-left: 28px;}
#contact {padding-top: 30px; padding-right: 30px;}



#navbar{
background: #c5b48a;
height: 54px;
width: 968px;
}

#navbar-image {z-index: 2; position: relative;}
#bluenavbar {background: url(../imgs/home/bluenavbar.gif) repeat-x; width: 723px; height: 5px;}
/*url(../imgs/home/bluenavbar.gif) repeat-x #c5b48a;*/

#mainnav {
height: 23px;
margin-top: 1px;
.margin-top: 0;
letter-spacing: 1px;
z-index: 1;
margin-left: -1px;
position: relative;
width: 723px;


}

#whitespace {background: #ffffff; height: 9px; width: 723px;  }


#flash-holder {
height: 180px;
background: url(../imgs/home/homepic.jpg) no-repeat;}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:968px;
	background: url(../imgs/layout/container_bg.gif) repeat-y;
	height:auto!important; /* real browsers */
	height:100%; /* IE6: treats it as min-height*/
    min-height:100%; /* real browsers */
}

div#header {
	
height: 116px;
background: #ffffff;
}



div#content {
	padding-bottom: 5em; /* bottom padding for footer, to avoid overlapping */
}
	



#content_table {padding: 0; margin: 0; border: 0; }

#content-left {
background-color: #647184;
width: 243px;
color: #f6f0da;
font-weight: bold;
vertical-align: top;
margin-left: 0;
}

#content-right {
width: 723px;
background-color: #f6f0da;
vertical-align: top;}

.special-link {color: #8c794a!important;}
.special-link a {color: #8c794a!important;}
.special-link a:hover {color: #6a582c!important;}
.big {font-size:24px; font-weight: normal;}
.mustard {#f6f0da;}
.times {font-family: "Times New Roman", Times, serif;}
.thirty {margin-bottom: 30px;}
.font11 {font-size: 11px;}
.intro {line-height: 20px; font-weight: normal; margin-bottom: 12px;}


#content-left form label {width: 183px; padding-bottom: 9px; display: block; }
#content form input {background-color: #cdccc8; width: 173px; margin-bottom: 9px; height: 14px; padding: 3px; padding-bottom: 3px;  }
#content form textarea {background-color: #cdccc8; width: 173px; margin-bottom: 9px; height: 140px; padding: 4px; padding-bottom: 3px; font-family: verdana; font-size: 12px;}

#content form input:focus, #content form textarea:focus {
	color: #203252;
	background-color: #f6f0da;
}



#closeleft {height: 78px; .height: 99px;}

#body-right{ padding: 32px; padding-top: 12px; .padding-top: 14px;}

#column1 {
width: 310px;
}


#column2 { 
margin-left: 28px;
width: 310px;
}

#footer {
height: 59px;
background-color: #c5b48a;
font-size: 11px;
position:absolute;
bottom:0; /* stick to bottom */
width: 968px;


}

#footer div {padding: 26px 30px 0 30px;}

#footer a {
color: #203252;
text-decoration: none;
}

#footer a:hover {
color: #8c794a;
text-decoration: underline;
}

#leftcell-padding {padding: 25px; padding-top: 5px; .padding-top: 8px; margin-bottom: 0; padding-bottom: 0;}

#logo-bottom {position: absolute; bottom: 59px; margin-left: 30px; }

.uppercase {text-transform: uppercase;}