/* Master CSS Document */

body {
background: url(../images/bg.jpg) repeat-x fixed #cccccc;
margin: 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1em;
font-size: 11px;
color: #000000;

}

h1 {
font-size:18px;
margin: 0px 0px 10px;
border-bottom: 1px solid #cccccc;
padding-bottom: 7px;
}

h2 {
font-size: 16px;
margin: 0px 0px 15px;
padding-bottom: 5px;

}

h3 {
font-size: 12px;
margin: 0px 0px 10px;
}

hr {
border: 1px dotted #ccc;
margin: 0px;
padding:0px;
}

/********* The main structure *********/
#wrapper {
width:750px;
margin: 0px auto;
}

#top {
width:750px;
height: 75px;
background: url(../images/top_shadow.jpg) no-repeat bottom center;
}

#logo {
width: 310px;
height: 65px;
float: left;
background: url(../images/logo.png) no-repeat left top;
}

img, #logo {
behavior: url(iepngfix.htc);
}

#nav {
width: 310px;
float: right;
position: relative;
top: 40px;
}

#nav .main_nav li {
float: left;
padding: 0px 10px;
list-style-type: none;
border-right: 1px #cccccc solid;
font-size: 10px;
font-weight:bold;
}

#nav .main_nav .last{
padding-right: 0px;
border-right: none;
}

#nav .main_nav a:link, #nav .main_nav a:active, #nav .main_nav a:visited {
color: #666666;
text-decoration: none;
}

#nav .main_nav a:hover{
color: #cc0000;
text-decoration: none;
}

.container {
width: 750px;
background: #ffffff;
border: 1px solid #999999;
border-top:none;
line-height: 13px;
}

.container p{
margin: 0px 0px 15px 0px;
}

.title {
color: #666666;
}

.bottom_col {
background: url(../images/bottom_col.jpg) repeat-x left top;
height:135px;
border-top: 1px dotted #ccc;
}

.copyright{
height:40px;
}


#index_billboard {
width: 540px;
float:left;
margin: 0px;
padding: 0px 10px 0px 0px;
}

.news {
width: 185px;
float:none;
margin:10px 0px 0px 0px;
padding-right:10px;
}

.news_nav {
margin: 0px;
padding: 0px 0px 5px;
}

.news_nav li{
list-style-type: none;
background: url(../images/bullet.gif) no-repeat left top;
padding: 0px 0px 0px 10px;
margin: 0px 0px 10px;
text-decoration: none;
}

.news2 {
width: 185px;
float:none;
margin:10px 0px 0px 0px;
padding-right:10px;
}

.thumbnail {
border: 2px solid #cccccc;
margin: 0px 0px 10px;
}

/********* navigation link *********/
#wrapper .container .news_nav li a {
color: #666;
text-decoration: none;
}

#wrapper .container .news_nav li a:hover {
color: #cc0000;
text-decoration: none;
}

.icon {
background: url(../images/btn_icon.gif) left no-repeat 1px;
padding-left:20px;
color: #666;
font-size: 10px;
font-weight:bold;
text-decoration: none;
}

.icon:hover {
color: #cc0000;
background-position: left -12px;
}

#content p a:link, #content p a:active, #content p a:visited {
color: #cc0000;
text-decoration: none;
font-weight: bold;
}

#content p a:hover {
color: #666;
text-decoration: none;
}

/********* Include bottom *********/
.bottom_col {
margin:0px;
padding: 15px 0px 15px 15px;
height: 130px;
background: url(../images/bottom_col.jpg) repeat-x top #CECECE;
}

.border-right {
border-right: 1px dotted #999999;
}

/********* Content page *********/
.page_title {
width: 720px;
padding:15px 10px 10px 15px;

}

#wrapper-content {
padding: 0px 15px
}

.page_nav {
width: 180px;
float: left;
border: 1px solid #cccccc;
margin: 0px 0px 20px;
}

.page_nav .nav{
margin:0px;
padding:0px;
width: 180px;
}

.page_nav .nav li{
list-style-type: none;
margin:0px 10px 0px;
padding:10px 0px;
border-bottom: 1px solid #cccccc;
font-weight: bold;
font-size: 10px;
}

.page_nav .nav .selected a{
color: #cc0000;
background-position: left -12px;
}

.page_nav .nav .last {
border: none;
}

#content {
width: 520px;
float: right;
padding: 0px;
}

.billboard {
border: 2px solid #cccccc;
margin:0px 0px 20px;
}

.clear {
clear:both;
height:15px;
}

/********* UL lI *********/
#content ul li {
margin: 0px 0px 10px 0px;
}

/********* content img *********/
#content .paragraph_img {
float:left;
border: 1px solid #666;
padding:3px;
margin: 10px;
background: #ccc;
}