/* CSS Document */

*{
padding:0;
margin:0;
border:none;
font-family:Arial, Helvetica, sans-serif;
}

html{
}

body{
position:relative;
background-color:#fdc745;
background-image:url(../images/all/patternBit2.gif.png);
}

#home{
position:relative;
background-color:#fdc745;
background-image:none;
}

div#wrapper{
position:relative;
width:780px;
top:0px;
margin:0 auto;
background-image:url(../images/all/leftCol_bg.gif);
background-position:top left;
background-repeat:repeat-y;
background-color:#fff;
border:1px solid #FFFFFF;
}

/*Main Navigation*/
#navigation{
position:absolute;
width:170px;
top:10px;
left:312px;
list-style:none;
letter-spacing:1px;
font-size:12px;
z-index:1000;
}

#navigation a{
text-decoration:none;
padding:0 0 0 4px;
display: block;
line-height:22px;
}

#navigation li{
display: block;
margin: 0;
padding:0;
}

#navigation span{
display:none;
}
#culture,
#performance,
#scholorship,
#teaching,
#cupcakes,
#bio{ 
	margin: 4px 0 0 0;
	position:relative;
	height:22px;
	display: block;
}

#culture a,
#performance a,
#scholorship a,
#teaching a,
#cupcakes a,
#bio a{ 
	display: block;
	margin: 0 0 0 0;
	color:#999;
}

#navigation li a{
}
#navigation li:hover, #navigation li.over{
background-color:#999;
}

#navigation li:hover a, #navigation li.over a{
color:#FFFFFF;
}

#navigation li:hover li a, #navigation li.over li a{
color:#666;
display:block;
}


/* turn off subesection by default */
#navigation li ul{
	display: none;
	width: 302px; /* IE doesn't work with width: 100% here, use px instead */
}

#navigation li ul li{
	position:relative;
	width: 302px;
	height:22px;
	background-color:#eee;
	display:block;
}

/* for all links in the list */
#navigation li ul li a {
	color:#666;
	display: block;
	font-weight: normal;
	background-color:#eee;
	margin:0;
	padding:0 0 0 6px;
	width: 302px;
	height:22px;
}
#navigation li ul .sub a, #navigation li ul .sub a:hover{
color:#666;
cursor:default;
background-color:#999;
}

/* subsection rollovers */
#navigation li:hover ul, #navigation li.over ul{
	position: absolute;
	left: 160px;
	top:0px;
	display: block;
	z-index: 1000;
	padding:0;
	margin:0;
}
#navigation li ul li a{
color:#666;
}

#navigation li ul li a:hover {
color:#000;
}
.culturePage #culture .navGroup,
.performancePage #performance .navGroup,
.scholorshipPage #scholorship .navGroup,
.cupcakesPage #cupcakes .navGroup,
.bioPage #bio .navGroup{
color:#333;
font-weight:bold;
}

/*Content*/

div#content{
width:780px;
margin:31px 0 0 0;
}
div#title{
position:relative;
width:650px;
height:34px;
margin:217px 0 0 100px;
display:block;
}

div#title h2{
width:380px;
height:34px;
background-image:url(../images/home/title.gif);
background-repeat:no-repeat;
}
div#content #mainImage{
position:relative;
padding:25px 0 0 0;
}

div#content div#message{
width:460px;
margin:20px 0 10px 320px;
z-index:100;
}

div#content p, div#content table{
font-size:12px;
line-height:180%;
padding:0 10px 20px 0;
color:#666;
}
div#message table td{
vertical-align:top;
padding:10px 0 0 0;
}

div#footer{
position:relative;
top:14px;
font-size:9px;
padding:0 0 0 0;
color:#FFFFFF;
}

.hide{
display:none;
}
.clearing{
clear:both;
width:100%;
height:1px;

}