/* CSS Document */

* {margin: 0; padding: 0; border: 0;}
body {background-color: #999; width: 790px; font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-left: auto; margin-right: auto;}

/* TYPOGRAPHY 
----------------------------------------------------------*/

em {font-style:italic;}


/* PAGE 
----------------------------------------------------------*/

#page {background-color:#fff; margin-left: auto; margin-right: auto;}

/* HEADER 
----------------------------------------------------------*/

#header {background-color: #BDCF31; background-image:url(media/images/header.jpg); height: 180px; text-align:right;}


/* MAINMENU 
----------------------------------------------------------*/

#mainmenu {background-color:#5D3394; background-image:url(media/images/mainnavbackoff.jpg); height: 20px; padding-top:4px; padding-bottom: 4px; background-repeat:repeat-x; padding-left:10px; overflow: hidden;}
#mainmenu ul {}
#mainmenu li {float: left; list-style-type:none; margin-top: 0px; margin-bottom: 1px;}
#mainmenu a {padding: 8px 10px 8px 10px;   display: inline; background-color: #9A89C1; background-image: url(media/images/mainnavbackoff.jpg); background-repeat:repeat-x; background-position: center; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform:uppercase; text-decoration:none; text-align:center;}
#mainmenu a:hover {background-color: #F27730; background-image:url(media/images/mainnavbackon.jpg); background-repeat:repeat-x; background-position:center;}

#mainmenu a.on:hover {background-color: #F27730; background-image:url(media/images/mainnavbackon.jpg); background-repeat: repeat-x; background-position:center;}

#mainmenu a.on {display: inline; background-color: #99CC00; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; text-decoration:none; text-align:center; background-image: url(media/images/mainnavback-off2.jpg); background-repeat:repeat-x; background-position:center;}

/* SUBMENU 
----------------------------------------------------------*/

#submenu {background-color:#fff; width: 198px; padding-bottom: 20px; float: left; margin-top: 60px; text-align:left;}
#submenu ul {text-align: left;}
#submenu li {list-style-type:none; text-align:left;}
#submenu a {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; padding: 6px 4px 6px 8px; display: block; margin: 0px 30px 0px 30px; text-decoration: none; background-color:#fff; border-bottom: 1px solid #ccc; line-height: 14px;}
#submenu a:hover {background-color: #99CC00; color: #fff;}

#submenu a.on {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; padding: 6px 4px 6px 8px; display: block; margin: 0px 30px 0px 30px; text-decoration: none; border-bottom: 1px solid #ccc; line-height: 14px; background-color: #8063a5; opacity: 0.9;}

#subnav em {font-weight:normal;}

/* CONTENT 
----------------------------------------------------------*/

#content {background-color:#FFFFFF; margin: 30px 80px 30px 198px; min-height: 440px; padding-bottom: 40px;}
#content p, li {text-align: left; font-size: 12px; letter-spacing: 0.5px; color: #333333; font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7em;}
#content p {margin-top: 10px; line-height: 22px;}
#content ul, ol {margin: 10px 80px 10px 50px;}
#content ul {list-style-type:none;}
#content li {line-height: 16px; margin-bottom: 5px; }
#content h1, h2, h3, h4, h5 {font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 4px; margin-top: 18px; font-weight:normal;}
#content h2 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 4px; margin-top: 18px; font-weight:bold;}
#content h3 {font-size: 14px; font-weight: bold;}
#content h4 {font-size: 12px; font-weight: bold;}
#content strong {color: #000;}
#content a {color: #333333;}
#content a:hover {color: #AEBF26;}
#content a.box {width: 175px; height: 140px; float: left; margin: 5px; background-color:#A4E801; color: #000; padding: 5px 30px 5px 30px; text-decoration:none; text-align: left; }
#content .box p {color: #000; text-align:left; line-height: 14px; font-size:11px;}
#content a.box:hover {background-color:#F27730;}
#content a.over {display:block;}
#content a.over:hover {opacity: 0.5;}



/* FOOTER 
----------------------------------------------------------*/

#footer {background-color:#BDCF31; background-image: url(media/images/footer.jpg); height: 60px; clear:left;}
#footer p {font-size: 12px; text-align: right; margin-right: 90px; padding-top: 10px;}


/* OTHER
----------------------------------------------------------*/
.logo {text-align: right; height: 70px; position: relative; top: 25px; right: 30px;}
.imageleft {float: left; padding-right: 20px; padding-bottom: 20px; text-align:center; width: 180px;}
.thumb {width: 234px; margin: 10px;}
.blank {list-style-type:none;}
#content a.button {width: 30px; height: 20px; background-color:#99CC00; color: #FFFFFF; font-size:10px; padding: 2px;}
#content a.button:hover {background-color:#333333; color: #FFFFFF;}
.submenuitem {margin-left: 30px;} 

a.boxlink:hover {background-color: #F27730;}

.boxlink {display: block; background-color:#99CC00; color: #fff; padding: 16px; float: left; font-size:11px; text-decoration:none; margin: 1px; line-height: 12px; text-align:right;}

.highlight {background-color: #FFFF00;}

.boxlink2 {display: block; background-color:#99CC00; color: #000; padding: 16px; float: left; font-size:11px; text-decoration:none; margin: 1px; line-height: 12px; text-align:right;}

a.boxlink2:hover {opacity: 0.5;}


.column {margin-left: -100px;}

.column2 {margin-left: 120px;}

.time {width: 100px; display: block; float: left; margin-left: -100px;}
.time2 {width: 180px; display: block; float: left; margin-left: -180px;}


a img:hover {opacity: 0.5;}

div.slideshow img {width: 30px; height: 30px;}


ul.workscited li {font-size: 11px;} 

table.tablea  {text-align: left; font-size: 12px; color: #333333; font-family: Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.7em;}


#program h5 {margin-left: 80px; font-size:11px; font-weight: bold;}