html
{
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
}

body
{
   margin: 0;
   padding: 0;
   height:auto;
   background-image:  url("../images/bg.gif");
   background-repeat: repeat-y;
   background-position: center;
   text-align:center;  /* This is needed for aligning of container to center
                          - some browsers do not center the containing blocks as 
						  they ignore the auto margins, IE 4,5,6  */
}


ul, li {
font-family: Arial, Helvetica, sans-serif;
font-size:90%;
color:#333333;
}

#container {
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/wc_main.jpg");
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}


#container-sub{
margin: 0 auto;
width:780px;
min-height:650px;
height:650px;
background-image:url("../images/wc_sub.jpg"); 
background-position:top;
background-repeat:no-repeat;
position: relative;
text-align:left;
}

html> #container-sub{
height:auto;
}

#header{
width:100%; 
height:120px;
}

#sidemenu-main{
width:24%;
float:left;
position:relative;
margin-left:10px;
}

#sidemenu-main ul{
/* margin-top:0px; */
/* margin-left:35px; */
/* margin-right:0px; */
/* list-style-type:none; */
/* padding */
margin: 0 0 0 15px;
padding: 0;
list-style-image:url(../images/bullet.jpg);
}

#sidemenu-main li{
padding-top:10px;
padding-bottom: 2px;
}

#sidemenu-main a, #sidemenu-main a:link, #sidemenu-main a:visited {
font-size: 12px;
font-weight: bold;
color: #555555;
text-decoration: none;
vertical-align:top;
}

#sidemenu-main a:hover{
text-decoration: underline;
}

#content-body{
padding:0px 100px 10px 0px;
float:right;
width:58%;
text-align:justify;
min-height:550px;
height:auto;
position: relative;
}

html> #content-body{
height:550px;
}

#content-body-main{
padding:0px 110px 10px 10px;
width:55%;
float:right;
text-align:left;
min-height:550px;
height:auto;
position: relative;
}

html> #content-body-main{
height:550px;
}

h2 {
font-weight: bold;
color: #0B0D58;
}

h3 {
color: #0B0D58;
}

h4 {
font-weight: bold;
color: #333;
}

p {
font-size:80%;
color:#333333;
}

#event-title{
padding-top:160px;
color:#000;
font-size:100%;
font-weight:bold;
border-bottom:1px solid #ccc; 
width:300px;
}

#event-detail{
padding-top:20px;
color:#333;
font-size:82%;
}

#event-detail h2{
color:#333;
font-size:110%;
padding:0px;
margin:0px 0px 10px 0px;
}

#footer{
float:left;
position:relative;
background-color:none;
font-size: 11px;
font-weight: normal;
color: #666666;
text-align:left;
width:780px;
}

#footer a{
color: #666666;
}

#footer p{
margin:10px 0 0 30px;
}

.clearall {
   margin:0px;
   padding:0px;
  clear:both;
}


table, tr, td{
padding:5px;
vertical-align:top;
font-size:90%;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align:left;
}

.tableHeader {
	background-color: #C25455;
	font-size:90%;
	font-weight: bold;
	color: #fff;
	padding:5px;
	margin:5px;
}

.tableOddRow {
    font-size:90%;
	color: #666666;
	text-decoration: none;
	background-color: #EDE2C6;
	padding:5px;
	margin:5px;
}
.tableEvenRow {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color: #666666;
	text-decoration: none;
	background-color: #E3CBAB;
	padding:5px;
	margin:5px;
}

.imgleft {
float:left;
padding:0px 10px 10px 0px;
}

.imgright {
float:right;
padding:0px 0px 10px 10px;

}

.breadcrumbs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #151C55;
	text-decoration: none;
}
.breadcrumbs a:link {
	color: #125E8E;
}
.breadcrumbs a:hover {
	color: #125E8E;
}
.breadcrumbs a:visited {
	color: #125E8E;
}