body {margin: 0; font-family: Verdana,Arial,Helvetica,Sans-serif; font-size: 11px; background: white url(images/topbg.jpg) repeat-x left top; text-align: center}
ul, h1, h2, h3, h4, h5, form {padding: 0; margin: 0}
a {outline: none;}
a:link {color: #000099; text-decoration: none; background: transparent}
a:active {color: #000066; text-decoration: none; background: transparent}
a:visited {color: #000066; text-decoration: none; background: transparent}
a:hover {color: #CC0000; text-decoration: none;}

#topcont {width: 750px; height: 36px; margin: auto}
#mainmenu {position: relative; float: left; margin: 5px 0 0 15px; width: auto; height: 29px;}
#mainmenu ul {list-style: none}
#mainmenu ul li {text-align: center; line-height: 29px; float: left; width: 110px; height: 29px;}
#mainmenu ul li a {font-size: 12px; font-weight: bold; color: #EEE; width: auto; display: block; height: 29px; border-left: 1px solid #666; border-right: 1px solid #444;}
#mainmenu ul li a:hover {color: #e7d871;}

#headcont {position: relative; text-align: left; width: 780px; height: 87px; margin: auto; background: url(images/headbg.gif) repeat-x left top}
#hc1 {width: 100%; height: 87px; background: url(images/headleft.jpg) no-repeat left top}
#hc2 {float: left; width: 100%; height: 87px; background: url(images/headright.jpg) no-repeat right top}

#bodycont {text-align: left; width: 780px; margin: auto; background: white url(images/bodytopbg.gif) repeat-x left top}
#bc1 {width: 100%; background: url(images/lefter.gif) repeat-y left top}
#bc2 {width: 100%; background: url(images/righter.gif) repeat-y right top}
#bc3 {width: 100%; background: url(images/bodybottombg.gif) repeat-x left bottom}

#bc4 {width: 100%; background: url(images/bodybottomleft.gif) no-repeat left bottom}
#bc5 {width: 100%; background: url(images/bodybottomright.gif) no-repeat right bottom}
#bc6 {width: 100%; background: url(images/bodytopleft.jpg) no-repeat left top}
#bc7 {width: auto; padding: 20px 0px 50px; background: url(images/bodytopright.jpg) no-repeat right top}

#footcont {color: #999; padding-top: 20px; position: relative; z-index: 0; margin-top: -10px; width: 100%; height: 50px; background: url(images/footbg.jpg) repeat-x left top}
#footcont a:link, #footcont a:active, #footcont a:visited {color: #333; text-decoration: none; background: transparent}
#footcont a:hover {color: #000; text-decoration: underline;}

#cnote {line-height: auto; text-align: center;}
#ending {height: 10px; background: url(images/topbg.jpg) repeat-x left top;}
.logoplace {margin: 0 20px 0 20px; height: 75px; width: auto; background: url(images/logo.png) no-repeat left top; behavior: url(images/iepngfix.htc)}
.webtitle {position: relative; left: 100px; top: 20px; display: block; font-size: 24px; font-weight: bold; color: #333}
.webdescr {position: relative; left: 100px; top: 20px; display: block; font-size: 10px; color: #333}
.clearit {clear: both}

/* Edit Content properties here */
#content {padding: 0 20px; width: auto}
#content-main {position: relative; width: 530px; float: left}
#content-main h2 {font-size: 14px; color: #000099; font-weight: bold; padding: 5px 10px;}
#content-side {width: 210px; float: right}
#content-side ul {padding: 10px 5px 10px 10px; list-style: none}
#content-side ul li {margin-right: 5px; line-height: 20px; width: auto;}
#content-side ul li a {font-size: 12px; color: #555; width: auto; display: block; border-bottom: 1px solid #EEE}
#content-side ul li a:hover {color: black;}

#content-side h2 {display: block; background: #CCC; font-size: 12px; font-weight: bold; padding: 5px 10px;}
.contentpad {padding: 10px;}
.innermain {margin: 5px; border: 1px solid #CCC;}
.innerside {margin: 5px; border: 1px solid #CCC;}