﻿/* CSS Document */

/*
this method fixes float issues in Firefox
Thanks to: http://www.positioniseverything.net/easyclearing.html
Place clearfix class inside container that holds the floats..
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body {
	margin:0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #383d44;
	background-color:#fffee9;
}

#header {
/*	background-color:#fff;*/
	background-color:#09c;
	padding: 0;
	/*border-bottom: #ccc solid 5px;*/
	border-bottom: #666 solid 2px;
	border-top: #214086 solid 3px;
	
	}
#header #header-topnavigation {
	width:760px;
	margin:0 auto;
	/*padding-top: 2px;*/
	/*background:#fff;*/
}	

#header #header-title {
	color:#383d44;
/*	margin:.25em 0;*/
	margin:.25em 0 -.2em 0;	
	font-size:1.85em;
/*	font-weight:bold;*/
	font-family: Garamond, "Arial Narrow", Arial, Helvetica, sans-serif;
}

#header #header-title a{
	text-decoration:none;
	/*color:#383d44;*/
	color:#000;
}

#header #header-title .case{
	font-size:1.45em;
	color:#000;
	font-weight:normal; /*normal*/
}


/*header image*/
#header #header-top {
/*	background-color:#262C32;*/
	/*background-color:#fff;*/
/*	padding: .5em 0 .75em 0;*/
	padding: 0 0 .75em 0;
	width:760px;
	margin:0 auto;
	font-weight:bold; /*all bold*/
}

/*#header #header-topimage {
	width:760px;
	margin:0 auto;
}*/

/*navigation--------------*/
.navigation	{
	list-style-type: none;
	padding: 0;
	/*margin: 0 0 10px;*/
	
	margin: 1px 0 .5em 0;
	width: 100%;
	float: left;
	/*no border */
	/*border-top: 1px solid #1B468D;
	border-bottom: 1px solid #1B468D;
	border-left: 1px solid #1B468D;
	border-right: 1px solid #1B468D;*/
	/*background: #f1f1f1; /*grey*/
	/*background: #fff;*/
}

.navigation li	{
	display:block;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
}

.navigation li a:link, .navigation li a:visited {
	font-size: 11px;
	display: block;
	margin: 0;
	padding: 2px 10px;
	/*No border*/
	
	/*border-right: 1px solid #1B468D;*/
	border-bottom: none;
	text-decoration: none;
	color: #fff; /*white*/
	text-align: center;
	font-weight: bold;
}

.navigation #current, .navigation #current a {
	color: #09c;
	/*background:#1B468D;*/
	background:#fff;
/*	border: 1px solid #18626F;*/
}

.navigation li a:hover {
	background: #f1f1f1;
	color: #383d44;
}


#wrapper{
	width:770px;
	margin:0 auto; /*this is to center the content*/
	overflow:auto; /* IE Hack*/
	/*background-color:#f2f8e8;*/ /*green*/
	/*background-color:#fff; light green*/
	/*border-left:#ccc solid 1px; 
	border-right:#ccc solid 1px;*/
	clear:both;
}

#main1column {
	margin:0;
	top: 0;
	left:0;
}


/*content 1 column */
#content1column { 
	width:760px;
	min-height:400px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:400px; /* for IE5.x and IE6 */
	/*background-color:#fff;*/
	padding: 5px;
	/*margin-top:10px;*/
	/*background:#ccc url('../image/behindContent.jpg') repeat-y;*/

}


/*footer*/
#footer { 
	border-top: #B6D8DE solid 1px;
	border-bottom: #1B468D solid 3px;
/*	background:#EAFAFD; green blue*/
	background:#f8f8f7;
	/*clear:left;*/
	color:#1B468D; /*make all of footer blue*/
}



#footer #footer-inside {
	width:760px;
	margin:0 auto;
	padding:5px;
	font-size:.9em;
	text-align:center;
}

#footer #footer-inside a{
	color:#1B468D;
}


#footer .blue {
	color: #1B468D;
	font-weight:bold;
}

/*table.homepagetable img {
	border:2px solid #09c;
}

table.homepagetable {
	font-size:1.35em;
	
	color:#09c;
}*/


#mainHomepage {
	/*font-size:1.2em;*/
	/*color:#09c;*/
	margin:.8em 0;
}

#mainHomepage .title{
	font-size:1.2em;
/*	background:#09c;
	color:#fff;
	background:#f4f4f4;*/
	color:#09c;
	padding:.25em .25em .25em 0;
	font-weight:bold;
	margin-bottom:.3em;
	width:15em;
	
}

#mainHomepage img {
	border:2px solid #09c;
	/*float:right;
	margin: 0 .5em .5em .5em;*/
}


#mainHomepage a{
/*	font-size:.85em;*/
	color:#FF6600;
}

.contentTitle {
	color:#000;
	font-size:1.5em;
	font-weight:bold;
}

.contentSubTitle {
	color:#09c;
	font-size:1.15em;
	font-weight:bold;
	text-transform:capitalize;

}

a.contentSubTitle {
	color:#09c !important;
	font-size:1.15em;
	font-weight:bold;

}

#content1column a {
	color:#630;
}

#content1column a:hover {
	color:#300;
}
img.staff {
	float:left;
	margin: .5em 1em 1.25em 0;
}

img.right {
	float:right;
	margin: 0 0 .25em 1em;
}


br.clear {
	clear:left;
}

.staff-individual {
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
	padding-bottom:.5em;
/*	height:150px;*/
	width:730px;
}

.staff-right {
	text-align:right;
}

.staff-right a{
	color:#fff!important;
	background:#630;
	padding:.2em .35em;
}

a.staff-more {
	color:#09c !important;
}

/*speeches*/

table.tblSpeeches {
/*	border:#036 solid 1px;*/
	border-top:#036 solid 1px;
	border-right:#036 solid 1px;
}

table.tblSpeeches th{
	font-weight:bold;
	font-size:.9em;
	background:#036;
	color:#fff;
	text-align:left;
}
table.tblSpeeches th, table.tblSpeeches td{
	/*set border*/
	border-left:#036 solid 1px;
	border-bottom:#036 solid 1px;	
}

table.tblSpeeches td{
	background:#fff;
}

.speechYear {
	background:#036;
	padding: .25em .75em 0 .75em;
	color: #fff;
}

/*contact us*/

#contactus {
	padding: 5px;
	/*margin: -10px 10px 0 10px;*/
	background:#f4f4f4;
	border: 	1px solid #09c;
	/*margin: 20px;*/
}

#contactus fieldset {

	border: 0;
	margin: 0;
	padding: 1em;
}
/*don't display legend*/
#contactus legend{
	display: none;
}

#contactus fieldset label {
	font-size: 0.85em;
	float:left;
	font-weight:bold;
	display: block;
	line-height: 2.5em;
	color:#666;
	width:11em;
	text-align: right;
	padding-right:10px;
	margin-left:25px;
}  

#contactus .labelbutton{
	margin-top: 1em;
	visibility:hidden;

}	

#contactus fieldset br {
	clear: left;
	}	
textarea {
	width:20em;
}

table.links {
  width: 760px;
/*  line-height: 1.4em;*/
  border-collapse: collapse;
  color: #4f6480;
  background: #fff;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}

table.links td {
	vertical-align:top;
	padding:2em;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;

}

table.links td a.parent{
	font-weight: bold;
    margin-bottom: 5px;
    font-size: 1.1em;
	color:#4f6480 !important;
}

table.links td ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


.breadcrumbs	{
	list-style-type: none;
	padding: 0;
	margin: 1px 0 .5em 0;
	width: 100%;
	float: left;
}

.breadcrumbs li	{
	display:block;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}

.breadcrumbs li a:link, .breadcrumbs li a:visited {
	display: block;
	text-decoration:none;
	margin: 0;
	padding: .25em .5em .25em 0;
	color:#4f6480 !important;
	text-align: left;
	font-weight: bold;
}

.breadcrumbs li a:hover{
	text-decoration:underline;
}

#outline {
	border: 1px solid #ccc;
	margin:1em;
	padding:.5em;
	width:70%
}

#outline .title {
	color:#036;
	font-weight:bold;
	font-size:1.15em;
}