@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}
	
	#topcontainer {
	width: 100%;
	margin: 0 auto;
	height: 180px;
	background-color:#141414;
	color: #fff;
	}
	
	.headercontainer {
	background-image: url(../images/header.png);
	width: 800px;
	margin: 0 auto;
	padding: 25px 0;
	}
	
	img {border:none;}
	
	.container {
	width: 800px;
	margin: 0 auto;
	padding: 25px 0;
	background: #fff;
		}
	
	.piccontainer {
	width: 800px;
	margin: 0 auto;
	padding: 5px 0;
	border-bottom: 2px solid #afafaf;
	background: #fff;
	}
	
	#navbar {
	background: #afafaf;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	}
	
	.navcontainer {
	width: 800px;
	margin: 0 auto;
	padding: 25px 0;
		}
		
	#navlist
	{
	margin: 5px;
	padding: 0;
	}
	
	#navlist ul, #navlist li
	{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
	#navlist a:link, #navlist a:visited
	{
	float: left;
	line-height: 14px;
	margin: 0 30px 4px 0;
	text-decoration: none;
	color: #141414;
	}
	
	#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
	{
	border-bottom: 2px solid #141414;
	padding-bottom: 3px;
	background: transparent;
	color: #141414;
	}
	
	#navlist a:hover { color: #141414; }
	
	.fluid {
	width: 100%;
	float: left;
	}

	#footer
{
	margin: 0;
	padding: 0;
	height: 100px;
	background-color:#141414;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;
}

.footercontainer {
background: url(../images/wmag_crest.png) no-repeat right;
	width: 800px;
	margin: 0 auto;
	padding: 25px 0;
	}
	
	.columnstyle2
{
	float: right;
	margin: 0;
	padding: 0 1px 0 12px;
	width: 15em;
	text-align: left;
	border-left: 1px solid #afafaf;
}

.columnstyle2b
{
	float: right;
	width: 15em;
/* to display the list horizontaly */
font-family: Geneva, Arial, Helvetica, sans-serif;
margin: 0 1px 0 0;
padding: 0;
border-top: 1px #afafaf solid;
border-left: 1px #afafaf solid;
border-right: 1px #afafaf solid;
}

.columnstyle2c
		{
			float: left;
			width: 250px;
			height: 115px;
			margin: 0 0 20px 0;
			padding: 10px;
			background-color:#ebebeb;
			border-left: 1px #afafaf solid;
		}

#sidecontainer { width: 240px; font-size: 90%;}

#sidecontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color: #ebebeb;
}

#sidecontainer a
{
display: block;
padding-top: 5px;
border-bottom: 1px solid #afafaf;
}

#sidecontainer a:link, #sidecontainer a:visited
{
color: #333;
text-decoration: none;
}

#sidecontainer a:hover
{
background-color: #d7d7d7;
color: #141414;
}
	

h1 {
	font: 1.25em strong Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
	color: #fff;
	}
	
	h2 {
	font-size: 1.25em;
	color: #141414;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
	h3 {
	font-size: .9em;
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
	h4 {
	font-size: .85em;
	color: #333;
	font-style: bold;
	background-color: #afafaf;
	line-height:1.75em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom: 3px #333 solid;
	}
	
	/* headings for the subtitles on pages */
	h5 {
	line-height: 1.5em;
	font-size: 120%;
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}

	
	/* headings for the smaller titles on pages */
	
	h6 {
	font-size: 90%;
	font-weight:bold;
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 2em;
	border-top: 2px solid #afafaf;
	}
	
	h7 {
	font-size: 90%;
	font-weight: bold;
	color: #333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 150%;
	}
	
	
	p {
	color: #333;
	padding: 5px 0;
	margin: 5px 0;
	line-height: 150%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	}	
	
	ul {
	list-style-type: disc;
	list-style-image: url(bullet.gif);
	list-style-position: inside;
	color: #333;
	font: 90% normal Geneva, Arial, Helvetica, sans-serif;
	}
	
	.caption {
	font-size: 60%;
	font-style:italic;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#333;
	
	}
	
	.bodylist li 
{ list-style-type: square; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 140%;
	margin: 0px;
 	padding: 0 .75em .5em .75em;
}
	
	
	a.body:link              { color: #333; text-decoration:none;  border-bottom: dotted thin #141414; }
    a.body:visited           { color: #333; text-decoration:none;  border-bottom: thin dotted #141414; }
    a.body:hover             {color: #333; text-decoration:none;   background-color: #d7d7d7;}
    a.body:active            { color: #333; text-decoration:none;  border-bottom: thin dotted #141414; }
	
	/* Schedule Box */

#box-table-a
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin: 0;
	width: 550px;
	text-align: left;
	border-collapse: collapse;
}


#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #141414;
	border-top: 4px solid #141414;
	border-bottom: 1px solid #afafaf;
	color: #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #d7d7d7; 
	border-bottom: 1px solid #afafaf;
	color: #333;
	border-top: 1px solid transparent;
}

#box-table-a tr.alt td
{
	padding: 8px;
	background: #ebebeb; 
	border-bottom: 1px solid #afafaf;
	color: #333;
	border-top: 1px solid transparent;
}

#box-table-a tr:hover td
{
	background: #afafaf;
	color: #333;
}

#box-table-b
{
	font-family: Geneva, Arial, Helvetica, sans-serif
	font-size: 90%;
	margin: 20px;
	width: 400px;
	text-align: center;
	border-collapse: collapse;
	border-top: 7px solid #141414;
	border-bottom: 7px solid #141414;
}
#box-table-b th
{
	font-size: 100%;
	font-weight: normal;
	padding: 8px;
	background: #ebebeb;
	border-right: 1px solid #141414;
	border-left: 1px solid #141414;
	color: #333;
}
#box-table-b td
{
	padding: 8px;
	background: #ebebeb; 
	border-right: 1px solid #141414;
	border-left: 1px solid #141414;
	color: #333;
}

.floatLeft

{
float: left;
margin: 5px;
}

.floatRight

{
float: right;
margin: 5px;
}
	.clear
{
	clear: both;
	font-size: 0;
	height: .1px; /* for gecko browsers */
}