html {font-size: 100%;} /* html fix for IE */

h1, h2, h3, h4, h5, h6, p, ul, li, body, div, blockquote, strong, b, img {margin: 0px; padding: 0px; border-width: 0px; list-style-type: none; }

body { font-size: 62.5%; margin-top: 4.1em; font-family: helvetica, arial; }

#wrapper { background: url(../images/indexImages/backgroundImg.jpg) no-repeat; height: 60em; margin: 0 auto 0 auto; width: 80em; }

#contentTop { height: 41.5em; position: relative; width: 80em; }

#contentBot { height: 18.2em; postion: relative; width: 80em; padding-bottom: 1.2em; }

#navigation { background-color: #FF9933; float: left; height: 38.4em; left: 1.2em; top: 2em; position: relative; width: 15em; font-family: "Trebuchet MS"; color: #FFF; }

#picture { float: right; height: 400px; position: relative; width: 630px; }

#logo { background: url(../images/indexImages/topHeader.png) no-repeat left bottom; height: 56px; position: relative; width: 63em; }

#faces {position:relative; background: url(../images/indexImages/facesOnly.png) no-repeat; height:327px; width:462px; margin:10px 0px 0px 75px;}

#leftCol { float: left; height: 18.2em; left: 1.2em; position: relative; width: 15em; text-align: center; }

#rightCol { float: right; height: 18.2em; width: 60.3em; padding: 0 2em 0 0; vertical-align: top; }

#buttons { margin: 0 auto 0 auto; vertical-align: middle; width: 14em; }

#residence { background: url(../images/indexImages/inResidenceLogos.jpg) no-repeat; height: 5.6em; position: relative; width: 14em; }

#mailingList { background: url(../images/indexImages/mailinglist_btn.png) no-repeat; height: 4.9em; margin-top: .8em; position: relative; width: 14em; }

#donate { background: url(../images/indexImages/donate_btn.png) no-repeat; height: 4.9em; margin-top: .8em; position: relative; width: 14em; }

#rssfeed {
	background: url(../images/indexImages/rssbox_bg.jpg) no-repeat center center;
	float: left;
	height: 17.2em;
	position: relative;
	width: 40em;
	top: .1em;
}

#sponsor { background: url(../images/indexImages/09-10SeasonSponsor_MAR-29-2010.jpg) no-repeat center center; float: right; height: 17.2em; position: relative; width: 19em; top: .1em; }

#starburst {
	background: url(../images/indexImages/starburst.png) no-repeat;
	float: right;
	height: 20.8em;
	position: relative;
	width: 21.3em;
	top: -19px;
	z-indez: 10;
	left: 100px;
	top: -660px;
}

#navigation li { list-style: none; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; position: relative; margin: 0px; padding: .15em .1em .2em 2em; top: 6px; }

#navigation ul { margin: 0px; padding: 0px;	}



/* this is styling for the rssfeed box */


#container { position: relative; width: 37.5em; margin: auto; margin-top: 1em;

}


ul, li, h4 {
margin: 0; padding: 0;
list-style: none;
}

a {
text-decoration: none;
color: #353535;
}

a:hover { 
text-decoration: underline;
}

#widget {
overflow: hidden;
background: #e3e3e3;
padding: 3px;
border: 1px solid #006699;
height: 12.2em; /* You should adjust this height for your project. */
position: relative;
float: left;
min-width: 310px;
-moz-border-radius-bottomright: 1em;
}


#widget li {
clear: left;
overflow: hidden;
position: relative;
top: 0;
padding-bottom: .5em;
height: 3.5em; /* Change this to fit your needs. The plugin will access this value if you don't pass a parameter in when you call it. */
}


li p {
color: #474747;
margin-top: 0;
}

h1 { color: #00558C; }

h3 { color: #ffffff; }

h4 { font: bold 1.2em Arial, Helvetica, sans-serif; }

small {color: #999;}