html, body {
 margin: 0;
 padding: 0;
}

body {
 background: #000000 url(../images/tile.gif);
 font-family: Arial, Helvetica, Sans-serif;
 font-size: 12px;
 font-weight: normal;
 color: #545443;
 text-align: center;
}

#header {
 width: 760px;
 height: 8px;
 margin: auto;
 line-height:8px;
 background: url(../images/header.jpg);
 background-repeat: repeat-x;
}

#containermain {
 width: 760px;
 margin: auto;
 background: #FFFFFF;
}

/* BMH from http://archivist.incutio.com/viewlist/css-discuss/1793 */
#containerborder {
 width: 756px;  /* BMH for browsers with no escapes */
 \width: 758px; /* for ie5/win */
 w\idth: 756px; /* for good browsers */
 margin: auto;
 background: #FFFFFF;
 border-left: solid;
 border-right: solid;
 border-width: 1px;
 border-color: #B4B4A0;
}
 
#logo {
 width: 728px;
 margin: auto;
 background: #FFFFFF;
 font-size: 0px;
 text-align: left;
}


#logo a img {
 margin: 0;
 padding: 0;
 padding-top: 10px;
 padding-bottom: 10px;
 border: none;
}

#logo h2 {
 margin:0;
 float: right;
 padding-top: 16px;
}

#bannerhome {
 width: 728px;
 height: 186px;
 margin: auto;
 background: #666666 url(../images/bannerhome.jpg);
 background-repeat: no-repeat;
}
 
#bannerlink a {
 width: 233px;
 height: 12px;
 position: relative; 
 text-decoration: none;
 left: 284px;
 top: 152px;
}

#bannerlink a i {
 font-size: 12px;
 visibility: hidden;
}
 
#shadowleft {
 width: 14px;
 height: 297px;
 float: left;
 background: url(../images/shadowleft.jpg);
 background-repeat: no-repeat;
 background-position: 7px 20px;
 display: inline;
}

#shadowright {
 width:14px;
 height: 297px;
 float: right;
 background: url(../images/shadowright.jpg);
 background-repeat: no-repeat;
 background-position: 0px 20px;
}

#contenthome {
 width: 728px;
 float: left;
 background: none; 
 background-repeat: no-repeat;
 background-position: 0% 100%;
 text-align: left;
}

#contentleft {
 width: 344px;
 float: left;
}

#contenthome h1 {
 margin: 0;
 padding: 0;
 padding-top: 14px;
 padding-left: 11px;
 padding-bottom: 9px;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 0px;
 font-weight: bold;
}

#contentleft p {
 margin: 0; 
 line-height: 1.6;
 padding-left: 20px;
 padding-right: 20px;
}

#contentleft p a {
 padding: 0;
 margin: 0;
 text-decoration: none;
 color: #A40004;
 line-height: 1.5;
 padding-right: 11px;
 padding-left:2px;
 font-size: 11px;
 background: url(../images/arrow.gif);
 background-position: 100% 60%;
 background-repeat: no-repeat;
}
#contentleft p a.bluelink {
 padding: 0;
 margin: 0;
 text-decoration: none;
 /*color: #A40004;*/
 line-height: 1.5;
 padding-right: 11px;
 padding-left:2px;
 font-size: 11px;
 background: url(../images/arrow.gif);
 background-position: 100% 60%;
 background-repeat: no-repeat;
}

 
#contentleft p a:hover {
 text-decoration: underline;
 color: #A40004;
}
#contentright {
 float: right;
 border-left: 1px solid #EFEFEF;
 width: 348px;
 padding: 10px;
}

.event {
 width: 344px;
 margin: auto;
}

#contentright h1 {
 margin: 0;
 padding: 5px 0px 10px 1px;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 12px;
}

.event h2 {
 margin: 0;
 padding-left: 0px;
 color: #203F80;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 12px;
 font-weight: bold;
}

.event p { 
 margin: 0;
 padding: 0;
 line-height: 1.5;
}

.event p a {
 padding: 0;
 margin: 0;
 text-decoration: none;
 color: #A40004;
 line-height: 1.5;
 padding-right: 11px;
 padding-left:2px;
 font-size: 11px;
 background: url(../images/arrow.gif);
 background-position: 100% 60%;
 background-repeat: no-repeat;
}

.event a:hover {
 text-decoration: underline;
 color: #A40004;
}

.event a img { 
 float: right;
 margin: 0;
 padding: 2px;
 margin-left:3px;
 background: #FFFFFF;
 border: 1px solid #B4B4A0;
}
 
#div-x {
 width: 346px;
 height:1px;
 clear: both;
 margin: auto;
 font-size:1px;
 line-height: 1px; 
 padding-top: 9px;
 padding-bottom: 9px;
 background: url(../images/div-x.gif);
 background-repeat: repeat-x;
 background-position: 0px 10px;
}

.shadowbottom {
 clear: both;
 width: 277px;
 height: 14px;
 margin: auto;
 background: url(../images/shadowbottom.jpg);
 background-repeat: no-repeat;
}

#contentbottommain {
 float: left;
 width: 728px;
 background: #F3F4F5;
 margin: auto;
}

#contentbottomleft {
 float: left;
 width: 534px;
 padding-top: 12px;
 text-align: left;
}

#contentbottomright {
 width: 193px; 
/* height: 243px;*/
 padding-top: 12px;
 float:right;
 background: #E7E9EB;
}

.announcement {
 width: 510px;
 margin: auto;
}
 
.announcement img {
 float: left;
 padding: 2px;
 margin-right: 4px;
 background: #FFFFFF;
 border: 1px solid #B4B4A0;
}


.announcement p { 
 margin: 0;
 padding: 0;
 line-height: 1.5;
}

.announcement p a {
 padding: 0;
 margin: 0;
 text-decoration: none;
 color: #A40004;
 line-height: 1.5;
 padding-right: 11px;
 padding-left:2px;
 font-size: 11px;
 background: url(../images/arrow.gif);
 background-position: 100% 60%;
 background-repeat: no-repeat;
}


.announcement h3 {
 margin: 0;
 padding-left: 14px;
 padding-bottom: 2px;
 color: #2C2C23;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 12px;
 font-weight: bold;
}

.announcement a:hover {
 text-decoration: underline;
 color: #A40004;
}

.announcementdiv-x {
 width: 516px;
 height:1px;
 clear: both;
 margin: auto;
 font-size:0px;
 line-height: 0px; 
 padding-top:9px;
 padding-bottom: 9px;
 background: url(../images/div-x.gif);
 background-repeat: repeat-x;
 background-position: 0px 9px;
}

.link {
 width: 169px;
 padding-top: 5px;
 padding-bottom:6px;
 margin: auto; 
 text-align: left;
 }
 
.link h2 {
 margin: 0;
 padding: 0;
 color: #203F80;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 13px;
 font-weight: bold;
}
.link img {
 float: right;
 border: none;
 }

.link a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 font-size: 11px;
 color: #545443;
}

.link a:hover {
 text-decoration: underline;
 color: #333333;
}

 
.linkdiv-x {
 width: 175px;
 height: 1px;
 clear: both;
 margin: auto;
 font-size: 0px;
 line-height: 0px;
 padding-top: 10px;
 padding-bottom: 10px;
 background:  url(../images/div-x.gif);
 background-repeat: repeat-x;
 background-position: 0px 10px;
}

#shadowleftsmall {
 width: 14px;
 height: 200px;
 float: left;
 background: url(../images/shadowleftsmall.jpg);
 background-repeat: no-repeat;
 background-position: 7px 15px;
}

#shadowrightsmall {
 width:14px;
 height: 200px;
 float: right;
 background: url(../images/shadowrightsmall.jpg);
 background-repeat: no-repeat;
 background-position: 0px 15px;
}

#footer {
 width: 760px;
 margin: auto;
 background: #A40004 url(../images/footer.jpg);
 background-repeat: repeat-x;
} 

#footer p {
 margin: 0;
 padding: 0;
 padding-top: 7px;
 padding-bottom: 5px;
 color: #FFFFFF;
 font-family: "Trebuchet MS", Arial, Helvetica, Sans-serif;
 font-size: 11px;
 font-weight: normal;
 text-align: center;
} 


#contentleft .link {
 padding: 0;
 margin: 0;
 text-decoration: none;
 color: #A40004;
 line-height: 1.5;
 padding-left:2px;
 font-size: 11px;
 background: none;
 background-position: 100% 60%;
 background-repeat: no-repeat;
}