/*CSS Document*/

/*This design was put together following Alan Pearce's tutorial on multi-column layouts from A List Apart:

http://alistapart.com/articles/multicolumnlayouts

Further work by Marc C. Santos can be found on his website: http://www.marccsantos.com*/

body	{
	margin-left:8%;
	margin-right:8%;
	font-family:"Lucida Sans", "Gill Sans", "Tw Cen MT", Century, Arial, sans-serif;
	font-size:12px;
	}

div#container	{
	width:80%;
	margin-top:20px;
	}

div#frontheader	{
	height:300px;
	}

div#frontheader img	{
	border:none;
	}

div#header	{
	height:110px;
	background-image:url(header_banner2.png);		
	background-repeat:no-repeat;
	}

div#header img	{
	border:none;
	}

div#bannernav	{
	margin-right:-200px;
	background-image:url(background.png);
	background-color:#330000;
	color:#FFFFFF;
	font-size:10px;
	height: 16px;
	}

div#bannernav ul li	{
	float:right;
	display:inline;
	padding-right: 8px;
	margin-top:2px;
	}

#bannernav a:link, #bannernav a:visited {
	padding: 2px 4px 1px 4px;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #ffffff;
	}

#bannernav a.active:link, #bannernav a.active:visited, #bannernav a:hover {
	padding: 2px 4px 1px 4px;
	background-color:#ffffff;
	color: #330000;
	border-top:1px solid #330000;
	border-bottom:1px solid #330000;
	}


#box {
	background-color:#ffffff;
	float:left;
	width:100%;	
	border-right:200px solid #330000; /* The width and color of the right rail */
	margin-right:-200px;
	display:inline; /* So IE plays nice */
	margin-top:10px;
	margin-bottom:10px;
	}

#content{
	float:left;
	width:80%;
	margin-right:-100%;
	}

#content ul {
	list-style-image:url(infinity_bullet.png);

	}

#content ul li	{
	padding-bottom:5px;
	}

#announcements {
	float:right;
	width:200px;
	margin-right:-200px;
	position:relative;
	background-color:#330000;
	color:white;
	font-size:10px;
	}

div#announcements a, a:visited	{
	/*color:#FFE8E8;*/
	color:#999999;
	}

div#announcements ul {
	margin-left:5px;
	padding-left:0px;
	}

div#announcements ul li {
	margin-top:4px;
	margin-bottom:3px;
	}

div#announcements > p	{
	margin-left:5px;
	}
	
#header	{
	margin-right:-200px;
	} 

#frontfooter	{
	width:592px;
	background-color:#330000;
	background-image:url(background.png);
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:0px;
	padding-right:0px;
	padding-top:2px;
	margin-left:50px;
	padding-right:8px;
	}
	
#footer	{
	margin-right:-200px;
	clear:both;
	height:16px;
	background-color:#330000;
	background-image:url(background.png);
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding-right:8px;
	padding-top:2px;
	}

div#frontsig	{
	width:592px;
	font-size:10px;
	color:#333333;
	margin-left:50px;
	margin-top:8px;
	}

div#frontsig a, #signature a:visited	{
	font-size:10px;
	text-align:right;
	padding-right:8px;
	color:#333333;
	text-decoration:none;
	}


div#frontsig a:hover, a:active	{
	text-decoration:underline;
	}

div#signature	{
	font-size:10px;
	color:#333333;
	margin-left:15px;
	margin-top:8px;
	}

div#signature a, #signature a:visited	{
	font-size:10px;
	text-align:right;
	padding-right:8px;
	color:#333333;
	text-decoration:none;
	}

div#signature a:hover, a:active	{
	text-decoration:underline;
	}

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

a:visited	{
	color:#330000;
	}

h2	{
	color:#330000;
	font-family:"Rage Italic", "Lucida Sans", Century, Arial, sans-serif;
	font-size:24px;
	}

h3	{
	font-family: "Lucida Sans", Century, Arial, sans-serif;
	color:#666666;
	}


p	{
	margin-left:15px;
	}

.headerimg	{
	float:right;
	}

.noshow	{
	display:none;
	}