/* CSS Document */

html,body {
margin: 0px;
padding: 0px;

}
#header  {
	background-color: #112B68;
	height: 90px;
}
#header .content {
margin:0 auto;
	width: 786px;
}
#header img{
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	float:left;
}
#navcontainer {
	float:right;
	margin-top: 20px;
	margin-right: 5px;
	
}

#navlist li 
{
	
	display: inline;
	list-style-type: none;
	float:left;
	margin-left:9px;
	
	}
	
#navlist li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: lighter;
	color: #ffffff;
		padding:5px;

}
#navlist li a:hover
{
	background-color: #990000;
		padding:5px;

}

#maincontent {
margin: 0 auto;
width: 786px;
font: 12px Arial, Helvetica, sans-serif;
text-align:left;
background-color:#ffffff;
}
#maincontent .left {
text-align: left;
width:370px;
float:left;
}

#maincontent .right {
margin-left:400px;
margin-top:0px;
}

#maincontent .right .stocks {
	padding:10px;
	background-color:#E6EDFA;
	margin-top:5px;
	border: 1px solid #ccc;
}

#maincontent .right .stocks h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:lighter;
font-style: normal;
margin-top:0px;
}
#maincontent h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #112B68;
}

#maincontent h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	font-weight: lighter;
	color: #990000;
	text-align:left;
}
#maincontent h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: lighter;
	color: #112B68;
}

#red {
	background-color:#990000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	
}
#red p {
text-align:left;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0 auto;
	width: 786px;

}

#editable {
	/*background-color: #F0F0F0;
		border: 1px solid #ccc;*/

	text-align:left; 
}

#editable h1 {
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #112B68;
	font-weight: normal;
	padding-top:10px;
}
#editable p {
	text-align:left;
}
#editable img {
	float: left;
	margin-bottom: 50px;
	margin-right:10px;
	margin-left:10px;
}


.notop {
margin-top: 0px;
}


#footer  {
	background-color: #112B68;
	padding: 10px;
	height: 80px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #990000;
}

#footer  p {
	margin:0 auto;
	width: 786px;
	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding-top:10px;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.homepage_heading
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: lighter;
	color: #112B68;
}

.blogPost
{
	margin: 0px 0px 15px 0px;
    padding: 0px 10px;
    background-color: #E6EDFA;
    border-color: #DDD #CCC #CCC #DDD;
    border-style: solid;
    border-width: 2px;
}

.blogPostTitle
{
	font-size: 2em;
	font-weight: bold;
	color: #990000;
	width: 100%;
}

.blogPostDate
{
	color: #112B68;
	font-weight: bold;
}

.blogPostBody
{
	
}

.blogNav
{
	width:75%;
	height: 10%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background-color: #F6F6F6;
	border-color: #DDD #CCC #CCC #DDD;
    border-style: solid;
    border-width: 1px;
}

.blogNav a
{
	display:block;
	color: #990000;	
	text-decoration: none;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 3px;
	font-size: 1.2em;
}

.blogNavTitle
{
	color:#112B68; 
	font-weight: bold; 
	font-size: 2em; 
	width: 100%; 
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #DDD #CCC #CCC #DDD;	
}

.blogNavWrapper
{
	float: right;
	width: 30%;
	margin-top: 15px;
	margin-right: 15px;
	background-color: #E6EDFA;
    border-color: #DDD #CCC #CCC #DDD;
    border-style: solid;
    border-width: 2px;
    text-align: center;
    
}

.blogPostWrapper
{
	width:65%;
	float: left;
	margin-top: 15px;
}