/*------------content base------------*/

html,body 
{ 
background-color: #fff; 
padding: 0; 
}

body         
{ 
color: #000; 
font-size: 75%;/* IE */ 
font-family: verdana, arial, "bitstream vera sans", sans-serif; background-color: #e5f6fc; 
text-decoration: none; 
text-align: left; vertical-align: top; 
margin: 0; 
padding: 0; 
}

html>/**/body 
{
font-size: 12px; /* Except IE */
}

h1    
{ 
color: #287eb9; 
font-size: 180% ; 
font-weight: bold; 
line-height: 110%; 
}

h2   
{
color: #287eb9; 
font-size: 130% ; 
font-weight: bold; 
line-height: 110%; 
}

h3   
{ 
color: #287eb9; 
font-size: 100% ; 
font-weight: bold; 
line-height: 110%; 
padding: 5px 0; 
border-bottom: 1px solid #ccc; 
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
margin-top: 10px; 
margin-bottom: 10px; 
}

img{border: 0px;}

table.mainbox
{ 
height: 100%; 
margin: 0; 
}

table.mainbox td
{ 
vertical-align: top; 
}


/*------------header------------*/

#header
{ 
font-size: 200%; 
font-weight: bold; 
background-color: #e5f6fc; 
background-image: url(header_bg.jpg); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
padding-left: 200px; 
height:117px;
}

div#eventname
{
width:420px;
line-height:110%;
padding:10px 0;
}

div#header_ad
{ 
text-align: left; 
position: absolute; 
top: 10px; 
left: 695px; 
}


/*------------side bar------------*/

td.leftsidebar
{ 
background-color: #b3e1f2; 
background-image: url(leftsidebar_bg.gif); 
background-repeat: repeat-x; 
background-position: 0 0; 
width: 160px; 
padding: 30px 0 10px 10px; 
text-align:center;
}

td.leftsidebar h2
{
font-size:110%;
color:#000;
margin-top:20px;
}

td.leftsidebar img,td.rightsidebar img{margin-bottom:5px;}

td.rightsidebar
{ padding: 10px; }


/*------------maincontents------------*/

td.centerbox
{ 
background-image: url(body_bg.gif); 
background-repeat: repeat-y; 
background-position: 0 0; 
width: 672px !important; 
margin: 50px 0 0 0; 
padding: 0; 
vertical-align: top;
height:auto;  
}

div#body_wrap
{ 
background-image: url(body_corner.gif); 
background-repeat: no-repeat; 
background-position: 0 top; 
width: 672px; 
height: auto; 
padding:0;
}

div#maincontents
{ 
z-index:10;
line-height: 160%; 
background-image: url(body_bot.jpg); 
background-repeat: no-repeat; 
background-position: 0 bottom; 
padding: 0px 20px 400px 50px; 
clear:both;
min-height:300px;  
}

div#ribbon
{ 
background: url(ribbon_s2.gif) no-repeat right 0; 
min-height:184px;
}


/*------------link------------*/

a     
{ 
color: #287eb9; 
text-decoration: underline ;
}

a:hover  
{ 
color: #c00; 
text-decoration: none ; 
}

/*------------main menu------------*/

div#menubox
{
background-image: url(body_top.gif); 
background-repeat: no-repeat;
background-position: right 0;
width: 550px; 
margin: 0 0 0 auto;
height:80px;
float: right; 
padding: 0; 
}


div#menubox ul
{ 
width: auto; 
list-style-type: none; 
display: inline; 
}

div#menubox li 
{ 
color: #fff; 
background-image: none; 
margin: 0; 
padding: 0; 
list-style-type: none; 
display:inline; 
width:auto; float: left; 
}

div#menubox a
{ 
color: #2e2e2e; 
font-weight: bold; 
text-decoration: none; 
text-align: left; 
margin: 0; 
padding: 8px 7px 0 7px ; 
list-style-type: none; 
display: block; 
}

div#menubox a:hover
{ 
color: #c00; 
text-decoration: none; 
}

/* Sponsor Logo*/

.EventSponsorLogo
{
padding:10px 0;
text-align:center;
}

.EventSponsorLogo div
{
padding:0 0 10px 0;
}

.EventSponsorLogo div img
{
max-width:100px;
}