/* body
			Define the default text type and style of the website here.
			The background colour of the site should be set here too.
	 */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: white;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}


.title_section {

	font-family: Arial, Helvetica, sans-serif;
	color: #006897;
	font-size:130%;
	font-weight: bold;
	text-transform: uppercase;
}

.title_section_outer {

	padding-bottom: 5px;
}

.left_section_outer {

	padding-top: 20px;
	padding-bottom: 5px;
}

div.navigation {
	background-color: #DAF5FF;
	width: 120px;
	text-align: left;
	margin: 0px;
	height: auto;
	padding: 0px;
	border: 1px solid #0099FF;
	
}

div.stories {

	width: auto;
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;
}
div.stories_mainp2 {
	margin-bottom: 5px;
	padding: 10px;
	text-align: left;

	}

div.outer_freeform {
	
	height: auto;
	width: 130px;
	margin: 5px 0px 0px 0px;
	padding: 5px;
	text-align: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;

}
div.inner_freeform {
	
	width: 118px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-size: 80%;
}

div.outer_freeform_02 {
	height: auto;
	text-align: left;
}

div.inner_freeform_02 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

div.stories_internal {
	height: auto;
	width: auto;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;

}

div.bottom_inner1{
	
	width: 40px;
	height: auto;
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-left: 10px;

}

#bottom_inner2{
	text-align: center;
	height:auto;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 300px;
	color: #E8E088;
}
.bottom_inner3{
	float: right;
	width: 80px;
	height: auto;
	padding: 0px;
	margin-top: 5px;
	color: #E8E088;

}
.bottom_inner4{
	float: right;
	width: 90px;
	padding: 0px;
	margin-top: 5px;
	color: #E8E088;
}

.story_title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #0099CC;
}

h1{
	font-family: Arial, Helvetica, sans-serif;

	font-style: italic;
	line-height: normal;
	font-weight: bold;
	font-variant: small-caps;
	vertical-align: baseline;
	margin: 8px;
	padding: 0px;
}
.story_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	text-align: left;
}


div.login {
	float: left;
	width: 40px;
	height: 15px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#login_buttons ul {
	list-style-type: none;
	height: 15px;
	width: 40px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#login_buttons li {
	font-size:  smaller;
	
	display: block;
	list-style-type: none;
	height: 15px;
	width: 40px;
	text-align: center;
	
}
#login_buttons li a {
	color: #918900;
	text-decoration: none;
	display: block;
	height: 15px;
	width: 40px;

}
	
html>body #login_buttons li a {
	width: auto;
	}
	
#login_buttons li a:hover {
	list-style-type: none;
	color: #E69400;
	text-decoration: none;
	background-image:  url(img/login_hover.gif);
	display: block;
	width: 40px;
	height: 15px;
}


.stories_large{
	float: left;
	height: 275px;
	width: 613px;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	text-align: left;

	background-repeat: no-repeat;
}
.stories_internal_large{
	float: left;
	height: 269px;
	width: 603px;
	padding: 0px;
	text-align: left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 3px;
}
.blurb_box_large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	padding: 5px;
	height: auto;
	border: 1px solid #0099CC;
	width: 565px;
	margin-bottom: 5px;
	margin-top: 5px;

}
#bottom_inner2 a{
	color: #ABA202;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#bottom_inner2 a:hover{
	color: #000000;
	text-decoration: none;
}