/*  This CSS file formats the fonts, colors, links as well as setting how 
certain elements on the page are displayed.  */

html {
height: 100%; 
margin-bottom: 1px;
}

* {
	margin: 0;
	padding: 5;
}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
border:0;
}

body {
background-color: #2F2C22;
color:#B3AD8E;
padding:0; 
font: normal 76%  arial, verdana, sans-serif;
text-align:left;
margin: 0;
}
	
p { margin: 0 0 1.5em }

table { border-collapse:collapse; border-spacing:0; font-size:100%; width: 100%; }

hr {
background-color: #9F9971;
color: #9F9971;
border: none;
height: 1px;
width: 100%;
}

img { border: 0 }

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

li {
padding-left: 20px;
list-style-image: none;
background-image: url("images/layout/ico-list.gif");
background-repeat: no-repeat;
background-position:  0 2px;;
}

h4, h5, h6 { margin: 10px 0 10px 0; }

h1, h2, h3 { font: 24px/1.7em "century gothic", arial, sans-serif; 
margin: 0 0 .5em;	
color: #FFFFFF;
}

h2 { font-size: 18px }
h3 { font-size: 16px }

h4 {
font-size: 11px; font-weight: bold; line-height: 1em;
padding: 10px 0 5px 0;
margin: 0;
border: none
}

h5 {
color: #FFFFFF;
font-size: 11px; font-weight: bold; line-height: 1em;
padding: 10px 0 5px 0;
margin: 0;
border: none
}

a { color: #B3AD8E}
a:visited { color: #B3AD8E}	
a:hover { color: #FFFFFF}

/* form formatting................................................*/

form {
padding: 0;
text-align: left;
margin: 0px 0 5px 0;}

input {
margin: 3px 5px 5px 5px; 
background-color: #fff; 
color: #868063; 
border: 1px solid #868063;
}

textarea {
font: normal 12px arial, verdana, sans-serif;
margin: 3px 5px 5px 5px; 
background-color: #fff; 
color: #868063; 
border: 1px solid #868063;
}

.formbutton {
text-decoration: none;
font-weight: bold;
color: #868063;
font-family: arial, verdana, sans-serif;
font-size: 85%;
text-align: center; 
margin: 0 0 5px 5px ; 
border: 1px solid #868063;
clear: both;
padding: 2px;
}

/*new*/

/*Top Wrapper/Header/Logo/Slogan/Navigation*/

/*Main Top Wrapper*/
#wrappertop {
background-color: #2F2C22;
background-image:  url("images/layout/wrappertop.gif");
background-repeat: repeat-x;
background-position: bottom;
width:100%; 
margin:0; 
text-align:left;
}

/*Header Div*/
#header {
width:800px; 
margin:0; 
text-align:left;
}

/*Logo Div*/
.logo {
font-family: "century gothic", arial, sans-serif; 
color:#748FA1;
font-weight:normal;
font-size:24pt; 
letter-spacing:-1px;
width: 310px;
padding: 5px 0 0 5px;
}

/*Slogan Div*/
.slogan {
padding:0;
color:#FFFFFF;
margin:0;
width: 310px;
}

.slogan p {
font-size : 100%;
margin-top: 0px;
padding: 0 0 0 20px;
}

/*Navigation Div*/
#navigation {
padding-top: 20px;
width:900px; 
margin:0; 
text-align:left;
}

/*Navigation Tab Box	
.box { 
background: #AEA08F; 
}

.boxtop { 
background: url(images/layout/ne.gif) no-repeat top right; 
}

.boxtop div { 
font-size: 0;
height: 5px; 
background: url(images/layout/nw.gif) no-repeat top left; 
}

.boxcontent {
padding: 0px 5px 0px 5px;
}*/

/*Navigation Table*/
.nav {
height: 25px;
padding:0;
background-color: transparent;
vertical-align: bottom;
width: 100%;
}

/*Main Navigation Formatting*/
#nv {
background-color: transparent;
font-size: 90%;
margin: 0;
clear: both;
}
	
#nv ul {
list-style: none;
padding: 0;
margin: 0;
background: transparent;
width: 100%;
}
    
#nv li {
padding-left: 0;
padding-right: 5px;
background-image: none;
float: left;
margin: 0;
}
    
#nv a {
text-decoration: none;
font-size: 120%;
display: block;
padding: 0 0.5em;
font-weight: bold;
border-bottom: 2px solid #191712;
color: #748FA1;
}
	
#nv a:hover {
color: #FFFFFF;
border-color: #748FA1;
}
	
/*#nv #selected a {
color: #142B95;
border-color: #142B95;
}*/

.global {
padding:0; 
text-align: right;
white-space: nowrap;
}


/*Bottom Wrapper/Main Content/Footer*/

/*Main Bottom Wrapper*/
#wrapperbottom {
width:100%; 
margin:0; 
text-align:left;
}

/*Main Content Div*/
#maincontent {
background-color: #293C43;
padding-top: 0;
width:100%; 
margin:0; 
text-align:left;
}

/*Content Divs and Alignment*/

.base {
width:900px;
padding: 0;
border: 0;
}

.content {
}

.contentside {
width: 260px;
}

.align {
vertical-align: top;
padding: 10px;
}

.alignright {
background-color: #293C43;
vertical-align: top;
padding: 10px 0 10px 10px;
border-left: 1px solid #302D23;
}

.alignleft {
background-color: #393529;
vertical-align: top;
padding: 10px;
}

.alignlefthome {
background-color: #393529;
vertical-align: top;
padding: 0;
}

.alignrighthome {
background-color: #293C43;
vertical-align: top;
padding: 10px 0 10px 10px;
border-left: 1px solid #302D23;
font-size: 90%;
}

/*Footer Div*/
#footer {
background-image:  url(images/layout/wrapperfooter.gif);
background-repeat: repeat-x;
background-color: #2F2C22;
padding-top: 10px;
width:100%; 
margin:0; 
text-align:left;
}

/*Footer Alignment and Formatting*/
.leftft {
padding:0; 
font-size: 85%;
padding: 10px;
}

.rightft {
padding:0; 
padding: 10px;
font-size: 85%;
text-align: right;
}


/*Misc Formatting*/

/* slideshow formatting.............................................*/

.imageSlideshowHolder,.imageSlideshowHolder_left{
/*float:left;*/ /* Floating gallery at the right side of other web page content */		
width:630px;	/* Image width */
height:472px;	/* Image height */
margin: 0; 
border: 0;
position:relative;	/* Don't remove this line */
}

/*.leftFloatingDiv{
float:left;
width:160px;
height:110px;
}*/

/* Don't change these values */
.imageSlideshowHolder img{
position:absolute;
left:0px;
top:0px;
display: block;
}

/*Misc Table formatting*/

.nest {
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
}	
	
.nest2 {
text-align: center;
padding: 5px;
}	

.table1rightcell {
padding: 0 10px 0 10px;
width: 50%;
vertical-align: top;
border-left: 1px solid #9F9971;
}	

.table1leftcell {
padding: 0 10px 0 10px;
width: 50%;
vertical-align: top;
}

.center {
text-align: center;
}	

.clear {
clear: both;
}

/*Floating images with and without borders formatting*/

.imageleft-noborder {
margin: 0 10px 0 0; 
float: left;}

.imageright-noborder {
margin: 0 0 0 10px; 
float: right;
}

.image-border {
border: 2px solid #9F9971;
}
		
.imageleft-border {
margin: 0 10px 0 0; 
float: left;
border: 2px solid #9F9971;
}

.imageright-border {
margin: 0 0 0 10px; 
float: right;
border: 2px solid #9F9971;
}