/*
Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas01/
*/

/* Main body */

body {
	color:#404040;
	margin:0 auto;
	padding:0;
	background-color: #FFFFFF;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 75%;
	
}
/* Basic tags */
a {background-color:inherit; color:#003399; font-weight:700; text-decoration:none;}
a:hover {background-color:inherit; color:#74C2E1; text-decoration:underline;}
a img {border:0;}
p {
	margin:0 0 1.4em;
	line-height: 1.5em;
	font-size: 1.2em;
}

/* Header */
#header {
	height:100px;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(images/banner_bg.jpg);
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#headerimage { border: 0; margin: 0 0 10px; float: left;}
#headerimage2 {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 610px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #003399;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#header h1 {background-color:inherit; color:#505050; float:left; font-size:3em; margin:0 0 10px; width:350px;}
#header h1 a {background-color:inherit; color:#505050; text-decoration:none;}
#header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:400px;}
#frontphoto {border:0; margin:0 0 10px;}

/* menu */
#menu {
	padding: 5px;
	width: 100%;
	float: left;
	height: auto;
	background-color: #D4D4D4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #003399;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border: 1px solid #7B7B7B;
}

#menu ul {
	width: 740px;
	color: #003399;
	background-color: #D4D4D4;
	margin: 0 15px;
	padding: 0;
	display: inline;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	list-style-type: none;
	list-style-image: none;
}
#menu li {
	float: left;
	
	
}
#menu li a {
	display: block;
	padding: 5px 15px;	
	color: #7B7B7B;	
	text-decoration: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #003399;	
}
#menu li a:hover {
	background: #003399;
	color: #FFF;
}
#menu li a#current  {
	background: #993333;
	color: #FFF;
}

/*infobar */
#Missionstatement {
	color: #FFFFFF;
	width: 100%;
	height: 100px;
	text-align: center;
	border: 10px solid #003399;
	background-image: url(images/ls.png);
	background-repeat: no-repeat;
	background-color: #003399;
	background-position: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* main content */
#site_content
{
	height: auto;
	overflow: hidden;
	padding: 0px;
} 

#site_content h1
{ font-size: 150%;
}

/* sidebar */
.sidebar
{
	float: left;
	width: 190px;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #eef8fb;
}

/* sidebar items / links */
.sidebaritem
{
	text-align: left;
	font-size: 1.2em;
	width: 190px;
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.sidebaritem h1, .sidebaritem h3, .sidebaritem p{margin: 8px 10px 10px 12px;}

.sidebaritem ul
{ 
  width: 160px; 
  padding-top: 4px; 
  margin: 4px 0px 15px 14px;
}

.sidebaritem li
{
	list-style: none;
	height: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;

}

.sidebaritem li a, .sidebaritem li a:hover
{ height: 16px;
  text-decoration: none; 
  color: #003399;
  padding: 0px 0px 0px 18px;
  display: block;
} 

.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover
{
	text-decoration: underline;
} 

/* page content */
#content_container
{
	text-align: left;
	padding: 15px;
	margin-left: 225px;
	margin-right: 15px;
	line-height: 1.5em;
}

#content
{
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}

#content a
{ background: transparent;
  color: #fa232b;
}

#content a:hover
{ background: transparent;
  color: #2582DF;
}




/* Footer */
#footer {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #003399;
	text-align: center;
	padding: 10px;
	position: relative;
	bottom: 0px;
	
}
#footer p {color: #fff; margin:0; padding:0;}
#footer a {color:#d4d4d4; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {
	font-size:75%;
	color: #EEF8FB;
}
.smallf {font-size: 95%; line-height:normal;}


/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{display: block; background: #ffff00;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden; 
  background: #FFF;
}

.r1{margin: 0 5px;}

.r2{margin: 0 3px;}

.r3{margin: 0 2px;}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px;
}

/* Additional classes */
.left {
	float:left;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0;
}
.right {float:right; margin:2px 0 2px 10px;}
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:400;}
.announce {background-color:#f4f4f4; border-left:4px solid #ccc; clear:left; color:#505050; font-size:0.9em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:126px;}
.announce p {margin:10px 0 0; padding:0;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}
.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}
