﻿body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	background-color:#164871;
}
* {margin: 0px;padding: 0px;}
#container {
	margin: 10px auto;
	text-align: left;
	width: 800px;
}
#main {
	width: 800px;
	background-image:url(images/background.gif);
	
}
/******************** header ********************/
#header {
	width:750px;
	height:341px;
	margin-left:25px;
	background-image:url(images/header.jpg);
	display:block;
}
#nav {
	width:744px;
	height:25px;
	margin: 2px 0px 2px 25px;
	background-color:#a5cae5;
	padding: 3px 5px 3px 1px;
}
#nav ul {
}
#nav li {
    display:inline;
	background-color:#245882;
	width:102px;
	height:23px;
	float:left;
    
	margin-left:4px;
	text-align:center;
}
#nav a {
	width:100px;
	height:19px;
	padding-top:3px;
	text-decoration:none;
	color:#a5cae5;
	font-weight:800;
	display:block;
}
#nav a:hover {
	color:#FFFFFF;
	font-weight:800;
}
/******************** Content ********************/
p, h1, ,h3, h4, ul, a, span{font-family: Arial, Helvetica, sans-serif;}
#content {
	width:750px;
	margin-left:25px;
	background-color:#a5cae5;
}
#left {
	float:left;
	width:390px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
#left p {
	font-size: 12px;
	color: #000000;
	padding: 5px 0px;	
}
#left a{
	color: #052d4e;
	font-weight:800;
}
#left a:hover{
	color:#FFFFFF;
}
#left ul{
	color:#000000;
	display:inline;
	font-weight:900;
}
#left h1{
	font-size: 16px;
	color: #052d4e;
	display:inline;
	font-weight:900;
}

#left h3{
	font-size: 14px;
	color: #000000;
    text-decoration:underline;
	/*display:inline;*/
	font-weight:900;
    text-align:center; 
}
#left span{
	font-size: 12px;
	color: #007dda;
	font-weight: 900;
	display:inline;
	margin-left:8px;
}
#right {
	float:right;
	width:260px;
	background-color:#397eb7;
	color:#FFFFFF;
	font-weight:900;
	padding: 10px 20px;
	margin: 30px 20px 20px 0px;
	display:inline;
}
#right p{
	padding: 7px 0px;
}
#right a{
	color:#FFFFFF;
    color: #052d4e;
	display:inline;
	font-weight:900;
}
#right a:hover{
	color: #052d4e;
}
.post {
	font-weight:900;
}
#rightheader {
      /*font-size: 16px;
      color:#FFFFFF;
      color: #052d4e;
	  /*display:inline;
	  font-weight:900;*/
      text-align:center;     
}
#right h4{
	font-size: 16px;
    color:#FFFFFF;
    color: #052d4e;
    text-decoration:underline;
	display:inline;
	font-weight:900;
}

#right h3{
	font-size: 8px;
    color:#000000;
    color: #052d4e;
    text-decoration:underline;
	display:inline;
	font-weight:900;
}

#right ul{
	color:#FFFFFF;
    color: #052d4e;
	display:inline;
	font-weight:900;
}
#bottom {
	float:left;
	width:700px;
	display:inline;
	margin: 20px 0px 30px 20px;
}
.post a{
}

.post a:hover{
}

.post p{
}
.center p{
	width:710px;
	display:block;
	margin: 0px 0px 10px 0px;
	font-size: 12px;
    text-align: left;
    background-color:#a5cae5;
	color: #000000;
    font-weight:900;
	padding: 5px 0px;
}

.center h3{
	width:710px;
    font-size: 14px;
	color: #ffffff;
    text-decoration:underline;
	/*display:inline;*/
    background-color:#a5cae5;
	font-weight:900;
    text-align:center;
}

/******************** Footer ********************/
#footer {
	width:800px;
	text-align:center;
	color:#FFFFFF;
	margin: 10px 0px;
}
#footer ul {
}
#footer li {
	display:inline;
	float:none;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	font-weight:900;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer span {
	display:block;
	clear:both;
	color:#FFFFFF;
	margin: 10px 0px;
}
.clear{
	clear:both;
}

/*Code for tumbnail views */ 

#higallery  {     /*  narrow gallery next to At-A-Glance */
         /* border: 3px solid gray;  */
          margin: 0px;
          width: 350px;   /*  this value is the only differance between hi and lo gallery  */
          padding: 0.5em;}  
          
#higallery h2 {
         margin: 0;
         font-size: 12px;
	     color: #000000;
         text-align: center;
         text-decoration:underline;}
         
#higallery div {
         float: left;
         margin: 10px;   /*  Spacing around/between images  */
}

#higallery h2 {
         clear: left
} 
.logallery  {
      /*    border: 1px solid black;    */
          margin: 15px;
          width: 680px;
          padding: 0.5em;
}
.logallery h2 {
         margin: 0;
         font-size: 12px;
	     color: #000000;
         text-align: center;
         text-decoration:underline;
}
.logallery div {
         float: left;
         margin: 17px;
}
.logallery h2 {
         clear: left 
}     
form {
	margin: 12px;
	padding: 10px;
	display: block;
	border: medium ridge #397eb7;
}
