*
{
   margin:0;
   padding:0;
}
body
{
   background:#242424;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   background-image: url(background.gif);
   background-repeat: repeat-x;

}
#body-wrap
{
   height:700px;
}
#content-wrap
{
   margin:0 auto;
   width:721px;
   background: #242424;
}
#content
{
   background: #242424;
   left: 454px;
   top: 10px;
}
#content-main
{
    position:relative; 
    width:721px; 
    height:600px; 
    z-index:4; 
    background-color: #080808; 
    border: 1px none #000000;
    border-bottom: 1px dotted #585858;
}
#topbar
{
   position:relative; 
   width:721px; 
   height:80px; 
   z-index:1; 
   margin-top: 10px;
}
h1,h2,h3
{
   color: #FFFFFF;
   font-size: 12px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   display: inline;
}
p
{
   margin-bottom:1em;
   color: #FFFFFF;
}
strong,a
{
   color:#7B94E0;
}
.subheader {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 12px;
}
.call {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 13px;
}
.subheader-txt {
   color: #999999;
}
.style2 {
   font-family: Georgia, "Times New Roman", Times, serif;
}
.line-sub 
{
    font-size: 12px;
    text-align:justify;
}
.style4 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #CCCCCC;
   font-size: 12px;
   text-decoration: none;
   
}
#style4 p a {
   color: #CCCCCC;
   text-decoration: none;
   
}
#style4 p a:hover {
   color: #0000FF;
   text-decoration: none;
   border-bottom: 1px dotted #CCCCCC;
}
.bottom-line {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   color: #CCCCCC;
   font-size: 10px;
   text-decoration: none;
}
.headlines {
   font-size: 16px;
   color: #ffffff;
   font-weight: bold;
   letter-spacing: 1px;
   font-variant: small-caps;  
}
.hl1 {
   color: #CCCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   padding: 5px;

}
.hl2 {
   color: #CCCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
}
.cbox1 {
   position:absolute;
   width:201px;
   height:110px;
   z-index:2;
   left: 353px;
   top: 15px;
   border: solid;
   border-color: #585858;
   border-width: thin;
   padding:10px;
   background-color:#333333;
}
.cbox2 {
   position:absolute;
   width:200px;
   height:100px;
   z-index:2;
   left: 353px;
   top: 165px;
   border: solid;
   border-color: #585858;
   border-width: thin;
   padding:10px;
   background-color:#333333;
}
.cbox3 {
   position:absolute;
   width:200px;
   height:100px;
   z-index:2;
   left: 353px;
   top: 305px;
   border: solid;
   border-color: #585858;
   border-width: thin;
   padding:10px;
   background-color:#333333;
}
.cbox4 {
   position:absolute;
   width:100px;
   height:165px;
   z-index:2;
   left: 588px;
   top: 15px;
   border: solid;
   border-color: #585858;
   border-width: thin;
   padding:5px;
}
.contact {
   position:absolute; 
   width:165px; 
   height:91px; 
   z-index:3; 
   left: 30px; 
   top: 90px;
   border: solid;
   border-color: #585858;
   border-width: thin;
   padding:5px;
}
.participate {
   position:absolute;
   width:207px;
   height:110px;
   z-index:2;
   left: 70px;
   top: 276px;
   padding:10px;
}
#link-layer 
{
    width:721px; 
    height:auto; 
    z-index:5;
    margin-top:1em;
}
#content-bottom
{
    margin: 1em 0em 0em 0em;
   width: 100%;
   background: url(contentbottom.jpg) repeat-x left top;
   border-top: 1px dotted #585858;
   
}
#content-bottom .content-sp {
   margin-left: auto;
   margin-right: auto;
   padding: 10px 0px 20px 0px;
   width: 721px;
   height:30px;
   font-size: 10px;
   
}
#content-bottom p a {
   color: #737373;
   text-decoration: none;
   
}
#content-bottom p a:hover {
   color: #0000FF;
   text-decoration: none;
   border-bottom: 1px dotted #CCCCCC;
}
.fl-line
{
    height:25px;
   width: 100%;
   background: url(gline.gif) repeat-x left top;
   
}
div#controls {
   text-align: center;
   margin-right: 20px;
   color: #CCCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14px;
}
div.ss-controls {
   float: left;
}
div.ss-controls span {
   color: #666666;
   cursor: pointer;
}
div.nav-controls {
   float: right;
}
div.nav-controls a {
   padding: 5px;
}
div#slideshow {
   clear: both;
   float: left;
   padding: 12px 20px 12px 0;
   text-align: center;
}
div#slideshow a.advance-link {
   display: block;
   margin: 0 auto;
}
div#slideshow img {
   border: none;
   display: block;
   border: 1px solid #ccc;
   padding: 2px;
}
div#download {
   float: right;
}
div.embox {
   clear: both;
   border: 1px solid #ccc;
   background-color: #666;
   padding: 10px;
   margin-right: 20px;
}
div#image-title {
   font-weight: bold;
   font-size: 1.4em;
}
div#image-desc {
   line-height: 1.3em;
   padding-top: 12px;
}
div#navigation {
   width:250px;
   float: left;
   padding-left: 35px;
}
div#footer {
   text-align: center;
   clear: both;
   padding: 12px 0;
}
ul.thumbs {
   clear: both;
   margin: 10px 0;
   padding: 0;
}
ul.thumbs li {
   float: left;
   padding: 0;
   margin: 5px 10px 5px 0;
   list-style: none;
}
ul.thumbs li a {
   padding: 2px;
   display: block;
   border: 1px solid #ccc;
}
ul.thumbs li.selected a {
   background: #88f;
}
ul.thumbs a:focus {
   outline: none;
}
ul.thumbs img {
   border: none;
   display: block;
}
div.pagination {
   clear: both;
}
div.pagination a, div.pagination strong {
   display: block;
   float: left;
   margin-right: 2px;
   padding: 4px 7px 2px 7px;
}
div.pagination a:hover {
   background-color: blue;
   text-decoration: none;
}
div.pagination strong {
   background-color: #555;
}
div#header {
   padding: 20px;
}
div#gallery-content {
   float:right;
   width:425px; 
}