/*Calender*/

table.Calendar 
 { 
padding-top: 12px; 
margin-left:10px;
width: 190px ;
}

table.Calendar th {
color:#fff;
background-color:#64ab24;
text-align: center;
text-align:center;
padding:3px;
}

div.Calendar  { padding: 0 5px 0 10px; }

td.CalendarEvent a,td.CalendarEvent a:visited 
{
text-decoration:none;
background-color: #fff; 
color: #64ab24;
}

div.Calendar dd a
{ 
font-size: 110%; 
font-weight: bold; 
}

div.Zine h2,div.Calendar h2
{ 
color: #64ab24;
border:0;
text-decoration:none;
font-size: 14px; 
font-weight: bold; 
}

table.info td img,table.Calendar td {
padding:5px;
}

td.CalendarToday,td.CalendarEvent {
background-color:#fff;
text-align: center ;
}

div.Calendar h4 {
font-size: 100%; 
background-color:#fff;
font-weight: bold;
padding:10px 0px;
}

div.Calendar h1
{ 
color: #64ab24; 
background-color:#fff;
font-size: 150% ; 
font-weight: bold; 
margin-top: 0; 
margin-bottom:10px;
}

div.Calendar h2
{ 
color: #64ab24; 
background-color:#fff;
font-size: 130% ; 
font-weight: bold; 
margin-top: 0; 
margin-bottom:10px;
}

/*content*/

html,body 
{ 
background-image: url(bg.gif); 
margin: 0; 
padding: 0; 
}

body         
{ 
color: #292929; 
font-size: 12px; 
font: 11px/16px verdana, arial, "bitstream vera sans", sans-serif; 
font-weight: normal; 
font-style: normal; 
font-variant: normal; 
text-decoration: none; 
padding: 0; 
vertical-align: top; 
}
 
h1    
{ 
color: #64ab24; 
font-size: 150% ; 
font-weight: bold; 
margin-top: 0; 
margin-bottom:25px; 
}

h2   
{ 
color: #fff; 
background-color: #81aed8;
font-size: 120% ; 
font-weight: bold; 
padding:5px;
}

h2 a
{ 
color: #fff; 
text-decoration:underline;
}

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

h3   
{ 
font-size: 110% ; 
font-weight: bold; 
}

h4   
{ 
font-size: 100% ; 
line-height: 110%; 
font-weight: bold; 
background-color: #d9d9d9;
padding:5px;
margin:2px;
}

hr 
{ 
height:1px; 
border:0; 
width:100%; 
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 center; 
margin-top: 5px; 
margin-bottom: 5px; 
}

img{ margin: 0; border: 0; }

ul  { 
list-style: none; 
margin: 10px 0 10px 10px; 
padding: 0 ;
}

ul li  { 
background-image: url(li_arrow.gif); 
background-repeat: no-repeat; 
background-position: 0 5px; 
padding: 0 0 0 15px ;
margin-top:5px;
}

div#mainbox
{ 
background-image: url(bg_light.gif); 
margin: 0; 
padding: 0; 
}

table.mainbox
{  
width: 100%; 
margin-top: 10px; 
margin-right: auto; 
margin-left: auto; 
}

#header   
{ 
text-align: left; 
margin: 0; 
padding: 20px 20px 10px; 
}

#header img
{
margin-bottom:5px;
}

#topmenu    
{ 
color: #fff;  
text-align: left; 
position: absolute; 
top: 80px; left: 450px; 
margin: 0; 
}

#topmenu a{ font-weight: bold; color: #fff; }
#topmenu a:hover{ color: #ffff53; text-decoration: none; }

#topmenu img
{
margin-left:10px;
margin-right:5px;
}

td.maincontents   
{ line-height: 150%; background-color: #fff; background-image: url(maincontents_left.gif); background-repeat: no-repeat; background-position: left top; text-align: left; vertical-align: top ; width: 550px; padding: 20px 20px 25px 25px; }

td.maincontents img{margin:5px;}

/*link*/
a     { 
color: #0099cc; 
text-decoration: none ;
}

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


/*sidebar*/
td.leftbar
{ background-color: #fedd58; background-position: 0 top; vertical-align: top; width: 150px; padding: 10px; }

#search
{ 
padding-top: 10px; 
padding-bottom: 10px; 
}

#search form   
{ 
padding:0px; 
margin:0px;
}


#officehour 
{ 
font-size: 90%; 
line-height: 120%; 
margin-right: 5px; 
margin-left: 5px; 
}

#officehour table
{ 
margin-top: 10px; 
}

#officehour td
{ 
vertical-align: middle; 
padding:2px 0 2px 2px; 
}

td.rightbar   
{ 
background-image: url(body_rightside.gif); 
background-repeat: repeat-y; 
background-position: 0 top; text-align: left; 
vertical-align: top ; 
height: auto; 
padding: 0; 
}

#mainimage
{ 
background-repeat: no-repeat; 
background-position: left 0; 
width: auto; 
height: 383px; 
margin-top: 50px; 
padding: 0; 
}



/*main menu*/
table.menu
{ 
background-image: url(hr_brown.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
margin: 10px 0; 
}

td.menu   
{ 
background-image: url(hr_brown.gif); 
background-repeat: repeat-x; 
background-position: 0 top; 
text-align: left; 
padding: 0;
 }

a.menu
{ 
color: #333; 
font-weight: bold; 
background-image: url(menu_arrow.gif); 
background-repeat: no-repeat; 
background-position: 5px center; 
text-decoration: none; 
text-align: left; 
padding-top: 3px; 
padding-bottom: 5px; 
padding-left: 20px; 
display: block; 
white-space: nowrap; 
}

a.menu:hover, td.menu #thispage, td.menu #toppage
{ 
color: #fff; 
background-color:#87c741;
background-image: url(menu_arrow_active.gif); 
text-decoration: none; 
}

span.submenu
{
}

a.submenu
{
color: #333; 
font-weight: normal; 
background-image: url(submenu_arrow.gif); 
background-repeat: no-repeat; 
background-position: 15px center; 
text-decoration: none; 
text-align: left; 
padding-top: 2px; 
padding-bottom: 3px; 
padding-left: 30px; 
display: block; 
white-space: nowrap; 
}

a.submenu:hover, span.submenu #thispage
{
color: #333; 
font-weight: normal; 
background-image: url(submenu_arrow.gif);
background-color:#f0d152;
text-decoration: none; 
}




/*footer*/

td.footer 
{ 
color: #fff; font-size: 95%; 
background-image: url(body_bot.gif); 
background-repeat: no-repeat; 
background-position: right top; 
text-align: left; clear: right; 
padding: 10px; 
}

td.footer a
{ 
color: #fff;
text-decoration: none; 
margin-right: 7px; 
margin-left: 7px; 
}

td.footer a:hover
{ 
text-decoration: underline; 
}


/*Top page*/

td.news
{ 
background-image: url(paper.jpg); 
background-repeat: no-repeat; 
background-position: right 0; 
vertical-align: top; 
width: 170px; 
height: 135px; 
padding: 45px 20px 40px 30px; 
}


td.news h1
{ 
color: #ba0001; 
margin-bottom: 10px; 
}

table.box
{ 
margin-top: 10px; 
margin-bottom: 10px; 
}

table.box td
{ 
vertical-align: top; 
padding: 0 10px 10px 0; 
}

table.box td h1
{ 
background-color: #81aed8; 
color: #fff; 
font-size: 120%; 
font-weight: bold;
line-height: 110%; 
text-align: left; 
vertical-align: top; 
padding: 7px; 
margin:0 0 10px;
}

p.SurveySectionHead {display:none;}

/*Inside page*/

table.bluebox
{ 
border-top: 1px solid #afcdda; 
border-right: 1px solid #afcdda; 
}

td.bluebox_heading
{ 
color: #fff; 
font-weight: bold; 
line-height: 120%; 
background-color: #81aed8;
padding:10px;
text-align: left; 
vertical-align: middle; 
border-bottom: 1px solid #afcdda; 
}

td.bluebox_text
{ 
color: #292929; 
line-height: 130%; 
text-align: left; 
vertical-align: top; 
padding: 10px; 
border-bottom: 1px solid #afcdda; 
}

td.bluebox_heading a
{ 
color: #fff;
 }

td.bluebox_heading a:hover
{
color: #292929; 
}


td.bluebox_heading img
{
margin-top:10px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}

td.simplebox_text
{ 
text-align: left; 
vertical-align: top; 
padding: 2px 5px; 
background-image: url(hr_gray.gif); 
background-repeat: repeat-x; 
background-position: 0 bottom; 
}

div#gallery
{
padding-left:0px;
margin-left:0px;
}

div#schedule h4{}

div#schedule li
{
background-image: url(hr_gray.gif);
background-repeat: repeat-x; 
background-position: 0 bottom; 
padding:5px;
margin:0px; 
}

/* strip gallery */

div.StripGallery
{
width:540px;
margin:0px;
padding:0px;
}

div.StripGalleryThumb {   
padding: 2px;
line-height: 110%; 
text-align: center;
width: 90px; 
height:100px;
}

span.StripGalleryThumbCaption { 
font-size:85%;
}