/* Reset
--------------------------------------------------*/
@import url("reset.css");

/* body
--------------------------------------------------*/
html, body{
text-align: center;
height: 100%;
min-height: 100%;
background: url('../images/bg.png') center repeat-y;
}

#layout{
width: 895px;
height: 100%;
background-color: #ffcb3a;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

#header{
width: 895px;
height: 89px;
}

#sub_header{
width: 895px;
height: 31px;
text-align: center;
background-color: #762124;
margin: auto;
}

#image{
width: 895px;
height: 271px;
}

#nav{
width: 895px;
height: 25px;
background: url('../images/content_bg.jpg');
margin: 0 auto;
}

#content{
width: 895px;
height: 190px;
background: url('../images/content_bg.jpg');
}

#hat{
width: 235px;
height: 172px;
float: left;
}

#content_text{
width: 565px;
padding: 20px 40px 0px 0px;
float: left;
text-align: left;
}

p, li{
font-family: helvetica,sans-serif;
font-size: 12px;
color: #fff;
font-weight: normal;
line-height: 14px;
}

ul{
padding: 0 0 10px 0;
}

a{
outline: none;
}

#content_text p, #content_text li{
font-family: helvetica,sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
line-height: 14px;
}

#sub_header p{
font-family: helvetica,sans-serif;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 30px;
}

#sub_header p a{
font-family: helvetica,sans-serif;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 30px;
text-decoration: none;
cursor: pointer;
}

#sub_header p a:hover{
font-family: helvetica,sans-serif;
font-size: 14px;
color: #fff;
font-weight: bold;
line-height: 30px;
text-decoration: none;
}

#dropdownmenu{
position:absolute;
visibility: hidden;
background-color: #762124;
width: 410px;
padding: 20px;
margin-left: -13px;
}

#dropdownmenu p{
text-align: left;
}

#dropdownmenu a{
text-decoration: underline;	
color: #ffdb4e;
}

#dropdownmenu a:hover{
text-decoration: underline;	
color: #fff;
}


#dropdownmenu2{
position:absolute;
visibility: hidden;
background-color: #762124;
width: 350px;
padding: 20px;
margin-left: -13px;
}

#dropdownmenu2 p{
text-align: left;
} 

#dropdownmenu2 a{
text-decoration: underline;	
color: #ffdb4e;
}

#dropdownmenu2 a:hover{
text-decoration: underline;	
color: #fff;
}

#dropdownmenu3{
position:absolute;
visibility: hidden;
background-color: #762124;
width: 410px;
padding: 20px;
margin-left: -13px;
}

#dropdownmenu3 p{
text-align: left;
}

#dropdownmenu3 a{
text-decoration: underline;	
color: #ffdb4e;
}

#dropdownmenu3 a:hover{
text-decoration: underline;	
color: #fff;
}			   

#footer{ 
width: 895px;
text-align: right;
}

#footer p{
font-family: verdana,sans-serif;
color: #000;
font-size: .7em;
}

/* Virtual Pagination
--------------------------------------------------*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 895px;
text-align: center;
padding: 2px 0;
margin: 0 auto;
}

.paginationstyle a{ /*Pagination links style*/
font-family: helvetica,sans-serif;
font-size: 14px;
color: #762124;
font-weight: bold;
line-height: 30px;
text-decoration: none;
padding: 0 16px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
font-family: helvetica,sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
line-height: 30px;
text-decoration: none;
margin: 0 auto;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
margin: 0 auto;
}