/* Layout Divs */
#headerwrapper{
	width:100%;
	clear: both;
	height: 197px;
	background-image: url(images/headerbg.jpg);
	background-repeat: repeat-x;
}
#mainwrapper{
	width:960px;
	clear: both;
	margin: 0 auto;
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-y;
	overflow: hidden; /* causes parent div to wrap around child divs otherwise empty div issue firefox */
}

#footerwrapper{
	width:100%;
	clear: both;
	height: 22px;
	background-image: url(images/footerbg.jpg);
	background-repeat: repeat-x;
}

#header{
	width:960px;
	margin: 0 auto;
	height: 169px;
}
#menuwrapper {
	width:960px;
	margin: 0 auto;
}

#sidebarwrapper {
	width:320px;
	float: left;
}

#sidebar {margin-left:40px}

#maincontent {
	float:left;
	width: 640px;
}

#footer {
	width:960px;
	margin: 0 auto;
}


/*CSS Drop Menu */
#menu {
	height:28px;
	position:relative;
	z-index:100;
	font-family:arial, sans-serif;
	width: 960px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {width:116px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	width:116px;
	position:relative;
}
/* style the links for the top level */
#menu a, #menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; height:27px; border:1px solid #000; border-width:0px 0px 1px 0px;  padding-left:35px; line-height:25px; font-weight:bold;}

/* style the links for the top level 
#menu a.rightmost, #menu a.rightmost:visited {border:1px solid #000; border-width:0px 1px 1px 1px;}*/

#menu li a:hover{
	background-image:url(images/paddle.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:28px;
	left:0;
	width:116px;
	border-top:1px solid #000;
}


/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {background:#9966CB; color:#fff; height:auto; line-height:1em; padding:5px 10px; border-width:0 1px 1px 1px;}

/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
	color:#fff;
	background:#9966CB;
}
#menu :hover > a, #menu ul ul :hover > a {color:#fff; background:#9966CB;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }


/* Typography and formating*/


#photos {
	background-image: url(images/photo-bg.gif);
	background-repeat: no-repeat;
}

#photos img{
	width:230px;
	padding-left: 6px;
	height: 154px;
	padding-top: 6px;
}

#photos h5{
	font-weight:bold;
	font-size: 9pt;
	padding-left: 20px;
	padding-top: 5px;
}
#photos h5 a{
	color:black;
	text-decoration: none;
}

#maincontent h1{
	font-weight:bold;
	font-size: 18pt;
}
#maincontent h2{
	font-weight:bold;
	font-size: 16pt;
	font-style: italic;
}
#maincontent h3{
	font-weight:bold;
	font-size: 12pt;
	clear: both;
}
#maincontent p{
	font-weight:normal;
	font-size: 10pt;
}

#sidebar h3{
	font-family:"Comic Sans MS";
	text-decoration: underline;
	font-weight: bold;
	font-size: 14pt;
}
#sidebar h4{
	font-family:"Comic Sans MS";
	font-weight: bold;
	font-size: 12pt;
}
#sidebar h4 a{
text-decoration:none;
color:#000000;
}
#sidebar h4 a:hover{
text-decoration:none;
color:#9966CB;
}

#footer{color:#FFFFFF;
text-align:center}

#footer a{
	color:#FFFFFF;
	text-decoration: underline;
}


.premsponsor{
	width:150px;
	float: left;
	margin-right: 25px;
	overflow: hidden;
	height: 200px;
	text-align: center;
}

.premsponsor img{
	width: 125px;
}

.last{
	margin-bottom:0px;
	padding-bottom:0px;
	height: 0px;
}

.wrapfix{
	margin:0px;
	padding:0px;
}
