/* CSS Document */

/*Removing The Browser's Default Settings*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div { margin:0; padding:0; border:0; }
img { border:none; }

body { margin:0 auto; background:#fff; color:#7a7a7a; font:12px Arial; background:url(../img/bgtile.gif) top left repeat-x;}
#wrap { margin:0 auto; width:972px; background:#fff; clear:both; }

a { color:#87b3c6; font:bold 12px Arial; text-decoration:none; }
a:hover { color:#87b3c6; font:bold 12px Arial; text-decoration:underline; }

/*header*/
#header { margin:0; padding:0; width:972px; height:104px; background:url(../img/headerbg.gif) top center no-repeat; float:left; }
#headerlogo { margin:0; padding:13px 0 0 32px; width:390px; float:left; }
#navigation { margin:0; padding:68px 0 0 20px; width:524px; color:#7a7a7a; font:bold 12px Arial; float:left; }

#purple { margin:0; padding:0 30px 0 0; float:left; }
#purple a { margin:0; padding:0; color:#4c2d96; font:bold 12px Arial; text-decoration:none; }
#purple a:hover { text-decoration:underline; }

#ltblue { margin:0; padding:0 30px 0 0; float:left; }
#ltblue a { margin:0; padding:0; color:#72c5d2; font:bold 12px Arial; text-decoration:none; }
#ltblue a:hover { text-decoration:underline; }

#yellow { margin:0; padding:0 30px 0 0; float:left; }
#yellow a { margin:0; padding:0; color:#edc604; font:bold 12px Arial; text-decoration:none; }
#yellow a:hover { text-decoration:underline; }

#green { margin:0; padding:0 30px 0 0; float:left; }
#green a { margin:0; padding:0; color:#72d2aa; font:bold 12px Arial; text-decoration:none; }
#green a:hover { text-decoration:underline; }

#ltpurple { margin:0; padding:0; float:left; }
#ltpurple a { margin:0; padding:0; color:#ca72d2; font:bold 12px Arial; text-decoration:none; }
#ltpurple a:hover { text-decoration:underline; }

/*flash*/
#flash { margin:0; padding:0; width:972px; height:328px; background:url(../img/flashbg.gif) top center no-repeat; float:left; }
#flashmovie { padding:0 0 0 17px; z-index:10; position:absolute; }

#subflash { margin:0; padding:0; width:972px; height:187px; background:url(../img/subflashbg.gif) top center no-repeat; float:left; }
#subflashmovie { padding:0 0 0 17px; z-index:10; position:absolute; }

/*maincontent*/
#maincontent { margin:0; padding:0; width:972px; min-height:311px; background:url(../img/maincontentbg.gif) top center repeat-y; float:left; }
#contentleft { width:636px; min-height:311px; background:url(../img/contentleftbg.gif) top left no-repeat; float:left; }
#contentwelcome { padding:30px 20px 30px 44px; }
#contentwelcome h1 { padding:0 0 10px 0; color:#ca72d2; font:bold italic 14px Arial; line-height:20px; }
#contentwelcome p { padding:0 0 10px 0; line-height:18px; }

#contentright { margin:0; padding:0; width:336px; min-height:311px; background:url(../img/contentrightbg.gif) top left no-repeat; float:left; }
#announcements { padding:30px 44px 30px 20px; }
#date { color:#ca72d2; font:bold 11px Arial; }
#article { color:#7a7a7a; font:11px Arial; }
#link { padding:0 0 15px 0; color:#87b3c6; font:bold 11px Arial; }
#link a { color:#87b3c6; font:bold 11px Arial; text-decoration:underline; }
#link a:hover { color:#87b3c6; font:bold 11px Arial; text-decoration:none; }

#mainsubcontent { margin:0; padding:0; width:972px; min-height:300px; background:url(../img/maincontentbg.gif) top center repeat-y; float:left; }
#subnavleft { width:245px; min-height:300px; background:url(../img/subnavleftbg.gif) top left no-repeat; float:left; }
#subnav { padding:0 20px 30px 40px; }
#subnavtitle { padding:0 0 10px 0; color:#4c2d96; font:bold 16px Arial; line-height:20px; }
#subnav ul { margin:0; padding:0; list-style-type:none; }
#subnav ul li { margin:0; padding:0; }
#subnav ul li a { color:#ca72d2; font:bold 11px Arial; text-decoration:none; }
#subnav ul li a:hover { color:#ca72d2; font:bold 11px Arial; text-decoration:underline; }

#subcontentright { width:727px; min-height:300px; background:url(../img/subcontentrightbg.gif) top left no-repeat; float:left; }
#subcontent { padding:0 40px 30px 12px; }
#subcontent h1 { padding:0 0 10px 0; color:#ca72d2; font:bold italic 14px Arial; line-height:20px; }
#subcontent h2 { padding:0 0 10px 0; color:#4c2d96; font:bold 16px Arial; line-height:20px; }
#subcontent p { padding:0 0 10px 0; line-height:18px; }
#subcontent ul { margin:0 0 10px 30px; padding:0; line-height:20px; }
#subcontent ul li { margin:0; padding:0; }

/*footer*/
#footer { margin:0; padding:0; width:972px; height:151px; background:url(../img/footerbg.gif) top center no-repeat; float:left; }
#footerleft { width:636px; float:left; }
#footerlinks { padding:20px 0 10px 44px; color:#87b3c6; font:10px Arial; }
#footerlinks a { color:#87b3c6; font:10px Arial; text-decoration:none; }
#footerlinks a:hover { color:#87b3c6; font:10px Arial; text-decoration:underline; }

#footercopyright { padding:0 0 0 44px; color:#a5a5a5; font:10px Arial; }
#footercopyright a { color:#a5a5a5; font:10px Arial; text-decoration:underline; }
#footercopyright a:hover { color:#a5a5a5; font:10px Arial; text-decoration:none; }

#footerright { width:336px; float:left; }
#illumlogo { padding:20px 0 10px 44px; }

#subfooter { margin:0; padding:0; width:972px; height:151px; background:url(../img/subfooterbg.gif) top center no-repeat; float:left; }


/*accordion navigation*/
.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: #ca72d2;
padding: 0 0 5px 0; /*header text is indented 10px*/
text-decoration:none;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader a { /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: #ca72d2;
padding: 0; /*header text is indented 10px*/
text-decoration:none;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader a:hover { /*CSS class for menu headers in general (expanding or not!)*/
font: bold 11px Arial;
color: #ca72d2;
padding: 0; /*header text is indented 10px*/
text-decoration:underline;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
color: #87b3c6;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
color: #ca72d2 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
color: #87b3c6 !important;
}

.arrowlistmenu ul li .opensubsubheader{ /*Open state CSS for sub menu header*/
color: #ca72d2 !important;
}

.arrowlistmenu ul li .closedsubsubheader{ /*Closed state CSS for sub menu header*/
color: #87b3c6 !important;
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 0 0 5px 15px;
text-decoration: none;
font-weight: bold;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #fff;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
color: #ca72d2;
}

/* Jason S Lee - Strych9 Studios - 08.16.08 */