/* CSS Reset */ 



* {margin: 0; padding: 0;}

body { 

background:url('images/bg_body.jpg') repeat-x 0 0;

font-family: "Trebuchet MS", sans-serif

}

#container {

width: 960px;

margin: 0 auto;

padding: 0 10px;

}

#header {

position:relative;

width: 100%;

}

#header h1 {

display:block;

float:left;

height:100px;

width:700px;

background:url('images/logo.jpg') no-repeat 0 0;

text-indent:-9999px

}

#header h1 a {

display:block;

height: 100%;

width: 100%;

}

#nav {

clear: both;

height: 28px;

width: 100%;

}

#nav ul {

float:right;

}

#nav ul li {

display:block;

float:left;

height: 28px;

list-style-type: none;

padding: 0 1px 0 0;

}

#nav ul li a {

color: #FFFFFF;

display: block;

text-decoration:none;

font-size: 12px;

font-weight: bold;

text-transform: uppercase;

height: 100%;

line-height: 28px;

padding: 0 0 0 18px;

}

#nav li a span {

display: block;

float: left;

height: 100%;

padding: 0 18px 0 0;

}

#nav li a:hover, #nav li.active a {

background:url('images/hover.jpg') no-repeat left;

color: #4F0101;

cursor: pointer;

text-decoration: none

}

#nav li.active a span, #nav li a:hover span {

background:url('images/hover.jpg') no-repeat right;

}

#featured {

margin: 20px 0 0;

background:#CCCCCC;

padding: 10px;

height: 318px;

width: 940px;

}

#featured ul {

float:right;

}

#featured ul li {

float:left;

list-style-type: none;

display: block;

width: 609px;

}

#featured ul li a {

display: block;

height: 318px;

text-indent: -9999px;

}



#featured ul li.ss1 {

background:url('images/fp-01.jpg') no-repeat;

}



#news {

background: url('images/newsevent_bg.jpg') repeat-x;

padding: 20px;

float:left;

width: 280px;

height: 280px;

clear:both;

font-size:12px;

color:#FFFFFF;

margin-bottom: 18px;

margin-right: 10px; margin-left:0; margin-top:-328px

}

#news ul {

float: left;

}

#news ul li {

float:left;

list-style-type:none;

display:block;

width: 280px;

height: 75px;

}

#news .col h2 {

font: normal 24px "Trebuchet MS", sans-serif;

color:#FFFFFF;

text-decoration:none;

margin-bottom: 18px;

}

#news .col p {

margin-bottom: 20px;

line-height: 17px;

}

#news .col noMargin {

margin: 0;

}

#news .col fr {

margin: 0;

float:right;

}

.clear {

clear:both;

}

#content {

margin: 20px 0 0;

clear: both;

font-size:12px;

color: #4F0101;

}

#content .col {

float: left;

width: 270px;

background:url('images/col_bg.jpg') repeat-x;

height: 166px;

border: 1px solid #999999;

padding: 20px;

margin-right: 8px

}

#content .col h2 {

font: normal 24px "Trebuchet MS", sans-serif;

color: #4F0101;

text-decoration: none;

margin-bottom: 18px;

}

#content .col img {

border: solid 1px #999999;

padding: 2px;

float: right;

margin-left: 10px;

margin-bottom: 10px;

}

#footer {

  clear: both;

  background: url('images/footer_bg.jpg');

  height: 70px;

  width: 100%;

  margin-top: 20px

}

#footerContainer {

  margin: 0px auto 0;

  width: 960px;

  font-size: 12px;

  color: #FFFFFF;

  padding-top: 20px;

  position: relative;

}

#footerContainer p {

  margin: 8px 0 8px;

}

#footerContainer a {

  color: #ddd;

  text-decoration: none;

}

#footerContainer a:hover {

  text-decoration: underline;

}

#topBanner {

margin: 10px 0 0;

background:#CCCCCC;

height: 318px;

width: 940px;

}

#mainContent {

margin: 10px 0 0;

clear: both;

font-size:12px;

color: #000000;

position:relative;

}

#mainContent .col {

float: left;

width: 900px;

height: 100%;

background:url('images/col_bg.jpg') repeat-x;

padding: 20px;

border: 1px solid #999999;

margin-right: 8px

}

#mainContent .img {
padding: 20px;
}

#mainContent .col h2 {

font: normal 24px "Trebuchet MS", sans-serif;

color: #4F0101;

text-decoration: none;

margin-bottom: 18px;

}

.gallery li {

        display: inline;

        list-style: none;

        width: 150px;

        height: 175px;

        float: left;

        margin: 0 10px 10px 0;

        text-align: center;

	}