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

body{
background-image: url('../images/bg2.png');
background-attachment: fixed;
width: 960px;
height: 100%;
background-color: #FFF;
background-repeat: repeat-y;
background-position: left top;
text-align: left;
}

#title{
float: left;
width: 325px;
height: 69px;
background-image: url('../images/title3.png');
}

#topline{
float: left;
width: 635px;
height: 69px;
}

#nav{
width: 178px;
height: 40px;
margin: 0 0 0 70px;
}

#nav p{
font-family: arial,sans-serif;
font-weight: bold;
color: #000;
line-height: 1.3em;
font-style: normal;
font-size: .9em;
text-align: left;
}

.nav_menu{
display: block;
padding: 10px;
margin: 1px 1px 1px 0;
}

.nav_menu:hover{
background: #C76D0C;
}

.nav_menu_sub{
display: block;
padding: 5px 5px 5px 10px;
margin: 1px 1px 1px 0;
}

.nav_menu_sub:hover{
background: #C76D0C;
}

.nav_menu_current{
display: block;
padding: 10px;
margin: 1px 1px 1px 0;
background: #000;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.nav_menu_current:hover{
background: #000;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.nav_menu_sub_current{
display: block;
padding: 5px 5px 5px 10px;
margin: 1px 1px 1px 0;
background: #000;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.nav_menu_sub_current:hover{
background: #000;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

#left{
float: left;
}

#icon{
width: 176px;
height: 176px;
background-image: url('../images/icon3.jpg');
margin: 0 0 0 70px;
border: 1px solid #000;
}

#content{
float: left;
width: 660px;
padding: 0 18px;
}

#content p{
font-family: arial,sans-serif;
font-size: 12px;
color: #000;
font-weight: normal;
line-height: 14px;
text-align: left;
}

/* Contact Form
--------------------------------------------------*/
#contact-area input, #contact-area textarea{
border: 1px solid #CCCCCC;
font-family: arial,sans-serif;
font-size: 12px;
margin-left: 15px;
padding: 5px;
width: 500px;
}

#contact-area textarea:focus, #contact-area input:focus{
border: 1px solid #C76D0C;
}

#contact-area input.submit-button{
width: 100px;
}

/* web
--------------------------------------------------*/
#web-image-box{
width: 658px;
height: 319px;
}

#web-info-box{
width: 600px;
border: 1px solid #CCC;
}

.web-info-box-small{
border: 1px solid #C76D0C;
padding: 20px;
margin: 0 0 18px 0;
}

.web-info-box-small-programs{
border: 1px solid #CCC;
padding: 20px;
margin: 0 0 18px 0;
}

#web-info-text{
text-align: left;
}

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

.virtualpage a:hover{
background: none;
}

.virtualpage img{
border: 1px solid #ccc;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 658px;
text-align: center;
padding: 40px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid #C76D0C;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 5px 50px;
text-decoration: none;
border: 1px solid #CCC;
color: #C76D0C;
background-color: white;
font-family: arial,sans-serif;
font-size: 12px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #FFF;
background-color: #C76D0C;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

.paginateinfo{
font-family: arial,sans-serif;
font-size: 12px;
}

a{
color: #C76D0C;
text-decoration: none;
font-weight: bold;
}

a:hover{
color:#FFF;
background: #C76D0C;
}

.site-name{
float: left;
font-family: arial,sans-serif;
font-size: 16px;
color: #000;
font-weight: normal;
text-align: left;
width: 50%;
margin-bottom: 10px;
}

.site-link{
float: right;
font-family: arial,sans-serif;
font-size: 16px;
color: #000;
font-weight: normal;
text-align: right;
width: 50%;
margin-bottom: 10px;
}

.site-link a:hover{
color:#FFF;
background: #C76D0C;
}