/* CSS Document */

/* Below are core stye elements of the site:  Body style, links headings and paragraph tags */

body {
background-color:#dddddd;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin-top:0px;
}

a {
color:#0079c2;
font-size:12px;
}

a :hover {
color:#990000;
text-decoration: underline;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #006699;
font-weight: 100;
font-size:20px;
margin:10px;
}

h2 {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
color: #006699;
font-size:16px;
margin-bottom:0px;
margin: 10px 0px 0px 10px;
font-weight: 100;
}

h3 {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
margin-left:10px;
margin: 10px;
}

p {
font-family:Arial, Helvetica, sans-serif;
color: #444444;
font-size:13px;
line-height:15px;
margin-top:5px;
margin-bottom:5px;
}


ul {
margin-top:0px;
margin-left:0px;
padding-left:10px;

}

/* Below is the pagemake up - top navigation, background and wires image */

#pageback {
border-top-width:2px;
border-top-style:solid;
border-top-color:#003d76;	
background-color:#dedede;
width: 967px;
margin: 0px 0px 0px 14px;
float:left;
position: relative;
padding-bottom:5px;

}

#page_area {
    text-align:left;
	background-color:#FFFFFF;
	float:left;
	position: inherit;
	min-height:405px; 
	width:720px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 8px;
	padding-left:10px;
	border:solid;
	border-width:1px;
	border-color:#bbbbbb;
}

#page_area p {
	margin-left:10px;
}


#wires{
background-image:url(images/wires.gif);
width:999px;
height:27px;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#wrapper {
width:997px;
background-color:#FFFFFF;
border:#bbbbbb; 
border-style:solid;
border-width:1px;
border-top:0px;
margin-left:0px;
margin-top:0px;
}

#navbar {
float:left;
margin: 0px 0px 0px 14px;
padding-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
width: 968px;
height:24px;
list-style:none;
background-color:#0079c2;
font-weight: bold;
font-size:13px;
word-wrap: break-word;
overflow: hidden;
}

#navbarhome {
background-color: #003d76;
}

#navbar a {
height: 26px;
font-size: 0.9em;
line-height:2em; 
width:106px;
float:left;	
color: #ffffff;
text-decoration: none;
font-weight: bold;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFFFFF;		
 }

#navbar a:hover {
text-decoration: none;
background-color: #003d76;
font-weight: bold;
color: #ffffff;
}	

.navtitle{
float: left;
background-color:#404040;
color:#ffffff;
font-variant:small-caps;
width:192px;
height:20px;
margin-top:0px; 
margin-bottom:0px;
padding-top:10px;
padding-left:0px;
margin-left:0px;
}

.navtitle p {
padding-left:0px;
margin-left:0px;
}

/* Below is the left hand navigation for the different section */

#navigationleft {
float: left;
width:192px;
background-color:#FFFFFF;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
border:solid;
border-width:1px;
border-color:#bbbbbb;
font-size:13px;
line-height:2em;
margin-top: 10px;	
padding-left:0px;
}
 
#navlefthome {
background-color:#c5e1f1;
}

#navigationleft ul {
padding-top: 0px;
padding-left: -10px;
padding-right: 10px;
padding-bottom: 10px;
margin-left:-10px;
margin-right:-10px;
}

#navigationleft li {
list-style: none;
float: left;
width: 192px;
padding-top: 0px;
padding-left: -10px;
padding-right: 0px;
padding-bottom: 0px;
border-bottom-style: solid;
border-bottom-width:1px;
border-bottom-color:#bbbbbb;
}

#navigationleft a {
width:192px;
float: left;	
color: #ffffff;
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}

#navigationleft a:hover {
background-color:#c5e1f1;
}

.navlistbottom  {
text-decoration: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#eeeeee;
}

/* Below is the style for the footer on each page of the site */

#footer {
	float:left;
	margin-left:15px;
	background-color:#404040;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	width: 967px;
	height: 74px;
	margin-left:14px;
	margin-bottom:4px;	
}

#footer p {
	float:left;
	margin-left:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	color:#FFFFFF;	
	margin-top:12px;	
}

#footernav {
color:#666666;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif; 
margin-bottom:4px;	
}

#footernav ul {
margin-top:0px;
padding-left:0px;
}

#footernav li {
display:inline;
color:#666666;
text-decoration:none;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

#footernav li a {
display:inline;
color:#666666;
text-decoration:none;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-left:1px;
margin-top:20px; 
}

#footernav li a:hover {
text-decoration:underline;
color:#000000;
}

/* Below are special areas for the different styles on certain pages */

.dates{
color:#CC6600;
}

#selection {
background-color:#ffffff;
width:175px;
height:245px;
float: left;
display:inline;
margin:5px 20px 5px 20px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:inherit;
vertical-align:middle;
}

#selection img {
border:solid;
border-width:1px;
border-color:#bbbbbb;
vertical-align:middle;
display:block;
float:middle;
vertical-align:middle;
}

#selection a {
float:middle;

}


#selectiondesk {
background-color:#ffffff;
width:200px;
height:140px;
float: left;
display:inline;
margin:5px 20px 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
position:inherit;
vertical-align:middle;


}

#selectiondesk img {

vertical-align:middle;
width:75%;
height:75%;
display:block;
float:middle;
max-height:205px;
vertical-align:middle;
}

#selectiondesk a {
float:middle;
text-align: left;
}


#diary {
width:715px;
font-size:11px;
margin-left:0px;
margin-top:0px;
}