/* Some definitions used everywhere */
BODY { 
	background: #CCCCCC;
	color: #000;
	margin: 0;
	padding: 0;
	text-align: center;
 	font-family: verdana;
	background-image: url(images/indexback.jpg); 
	background-repeat: repeat-y;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 13px;

}

IMG { 
	border: 0;
	padding: 0;
	margin: 0;
}

/* links */
A:link{
	color: #404040;
	font-weight: bold;
	text-decoration: none;
}

A:visited{
	color: #737373;
	font-weight: bold;
	text-decoration: none;
}

A:active{
	color: #024286;
	font-weight: bold;
	text-decoration: none;
}

A:hover{
	color: #024286;
	font-weight: bold;
	text-decoration: underline;
}

#container {
	margin-left: 115px;
	padding: 8px 8px 8px 0px;
	text-align: center;
 	background-color: transparent;
	
}

/* the box at the top of the page */
#banner {
	height: 155px;
	margin-left: 172px;
	margin-top: 8px;
 	background: url(images/logo_trans.png) no-repeat;
}

/* the footer box at the bottom of the page */
#footer {
	font-size: 12px;
}

/* Main page surrounds the text between the header and the footer.  
For IE, height is set to 650 to force the footer down to the bottom of the page where the content is short.  
And the second declaration is for everyone else so that it will scroll if longer but be a minimum of 650px
*/
#mainpage {
	height: 450px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: transparent;
	text-align: left;
}
html>body #mainpage { 
	height: auto;
	min-height: 450px;
}

/* This makes the actual story text appear in a 750px box, which prevents those at 800x600 from having to scroll sideways to view the story. To remove it, just delete this css and the "div id=skinny" tag (and the closing tag) from viewstory.tpl
*/

#skinny{
	margin: auto;
	width: 80%;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #d7d7d7;
	}

#skinnyfoot{
	margin: auto;
	width: 80%;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #404040;
	background-color: #d7d7d7;
	}

#skinnyseo{
	margin: auto;
	width: 80%;
	padding: 1px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	color: #404040;
	background-color: #d7d7d7;
	}

a.seo:link {color: #323232; font-style: normal; text-decoration: none}
a.seo:active {color: #323232; font-style: normal; text-decoration: none}
a.seo:visited {color: #323232; font-style: normal; text-decoration: none}
a.seo:hover {color: #323232; font-style: normal; text-decoration: none}

/* Most pages use pagetitle to format the page's title */
#pagetitle { 
	text-align: center;
	background-color: #005CAD;
	color: #FFF;
	padding: 4px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px solid #000;
	margin-bottom: 6px;
	margin-top: 6px;
	margin: 12px;
}

#pagetitlegrey { 
	text-align: center;
	background-color: #808080;
	color: #FFF;
	padding: 4px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px solid #000;
	margin-bottom: 6px;
	margin-top: 6px;
	margin: 12px;
}