
/********************************************************

Global styles

*********************************************************/

* {
	margin:0;
	padding:0;
	}

body {
    font-size:100%;
    line-height:1.125em; /* 16/1.125=18 */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/design/bg-body.gif) left top repeat-x;
	}

img#logo {
	border:0;
	float:left;
	margin:10px 0 52px 0;
}


#content {
	width:800px;
	padding:0 0 30px 0;
	clear:both
	}

#wrapper {
	width:800px;
	margin:0 auto 0;
	padding:10px 10px 0 10px;
	background:#fff;
	}

#mainContent {
	width:525px;
	margin-top:10px;
	padding-left:10px;
	padding-right:30px;
	float:right;
	}

#mainContent1Column {
	float:left;
	width:775px;
	margin-top:10px;
	padding-left:10px;
	padding-right:30px;
}
	
a {
	color:#03418c;
	}
	

ul {
	list-style:circle;
	}
	
/*_#mainContent and _#mainContentColumn1 headings and paragraphs*/

#mainContent p,#mainContent1Column p{
margin:5px 0 15px;
}

#mainContent h1,#mainContent1Column h1 {
color:#013a7e;
font-size:1.25em;
font-weight:100;
line-height:1.5em;
}

#mainContent h1,#mainContent1Column h1 {
margin:0 0 20px;
}

#mainContent h1.NoBottomMargin {
margin:5px 0 7px;
}

#mainContent h1.Title {
font-size:1.25em;
font-weight:100;
line-height:1.5em;
margin-bottom:0;
}

#mainContent h2+h3 {
margin-top:10px;
}

#mainContent h2,#mainContent1Column h2 {
font-size:.85em;
line-height:1.5em;
margin-top:20px;
padding-bottom:5px;
}

#mainContent h2.clear {
clear:none;
margin:10px 0 0;
padding:0 0 5px;
width:100%;
}

#mainContent h2.moreMargin {
padding-bottom:10px;
}

#mainContent h2.SubTitle {
clear:both;
font-size:.85em;
font-weight:400;
margin-bottom:15px;
margin-top:0;
}

#mainContent h2.SubtitleNoBottomMargin {
clear:both;
font-size:.85em;
font-weight:400;
margin:0;
padding:0;
}

#mainContent h3,#mainContent1Column h3,.calendar li p,select,option {
font-size:11px;
}

#mainContent h3.NoBottomMargin {
font-size:.6875em;
margin-bottom:-15px;
}

#mainContent h3.Subtitle {
font-weight:400;
margin-bottom:15px;
}

h1.clear,h2.clear,h3.clear {
clear:both;
float:none;
width:100%;
}

h2.NoBottomMargin {
padding-bottom:15px;
}

h3.title a {
font-size:.95em;
}

#mainContent1Column h2.NoBottomMargin a,#subNav a {
text-decoration:none;
}

#mainContent1Column h2.NoBottomMargin, #mainContent h2.NoBottomMargin {
font-size:.75em;
margin-bottom:-15px;
}

/* _#mainContent and #mainContentColumn1 img styles */
#mainContent img {
border:0;
float:right;
margin:0 10px 15px 15px;
}

#mainContent img.left {
float:left;
margin:5px 15px 15px 10px;
}

/* link styles */

#mainContent a.download {
background-image:url(../images/design/bg-download.gif);
background-position:left bottom;
background-repeat:no-repeat;
padding:3px 0 3px 20px;
}

a.listen {
background-image:url(../images/design/audio.png);
background-position:left top;
background-repeat:no-repeat;
padding:4px 20px;
}

a.photo {
background-image:url(../images/design/cameraIcons.gif);
background-position:left bottom;
background-repeat:no-repeat;
display:block;
padding:2px 0 0 30px;
}
	
/*_#mainContent and _#mainContentColumn1 list styles*/

#mainContent ul li ul {
margin:0 0 10px 25px;
}

#mainContent ul li ul.left {
float:left;
list-style:circle;
margin:15px 0;
padding:0 0 0 20px;
width:200px;
}

#mainContent li {
padding-bottom:5px;
}

#mainContent ul,#mainContent ol,#mainContent1Column ul,#mainContent1Column ol {
margin:15px 0 15px 25px;
}

#mainContent ul.BottomMargin li ul li {
margin-bottom:0;
}

#mainContent ul.BottomMargin li,ul.eventslist li,#mainContent #events ul.eventslist li {
margin-bottom:10px;
}

#mainContent ul.left {
float:left;
list-style:circle;
margin:15px 0;
padding:0 0 0 25px;
width:200px;
}

#mainContent ul.noListStyle {
list-style-type:none;
margin-left:0;
}

#mainContent ul.noListStyle li {
margin:10px 0;
padding:0;


}

#mainContent ul.right {
float:right;
margin:15px 0;
padding:0 0 0 25px;
width:250px;
}

#mainContent1Column ul li ul,.moreInfo ul {
margin:0 0 0 25px;
}

li.doc {
list-style-image:url(../images/design/docIcon.gif);
margin-left:10px;
}

li.doc a {
margin-bottom:3px;
}

li.pdf {
list-style-image:url(../images/design/pdficon_small.gif);
margin-left:5px;
}

dt,dd {
font-size:.6875em;
}

ul.rss li {
list-style-image:url(../images/rss-feed.png);
margin-left:5px;
}

dd {
margin-bottom:15px;
}

dt {
font-weight:700;
margin-bottom:5px;
margin-top:15px;
}

ol ul li {
    font-size:11px;
}

/* _.threeColumn */

#mainContent .threeColumn {
	width:155px;
	float:left;
	margin:0 10px;
	text-align:center;
	}
#mainContent .threeColumn img {
	float:none;
	margin:0;
	padding:0;
}

.threeColumn ul {
list-style:none;
margin:0;
padding:0;
}


	
/********************************************************

 _#accessibility 
 
*********************************************************/

#accessibility {
float:right;
width:250px;
}

#accessibility a {
float:left;
padding:0 3px;
text-decoration:none;
}

#accessibility img {
border:none;
}

.accessibility {
left:-9999px;
position:absolute;
top:0;
}

/********************************************************

_#actions 

*********************************************************/

/*_#actions styles*/

#actions {
	width:500px;
	float:right;
	padding-top:20px;
	}

#actions ul{
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	}

#actions ul.search-box {
    margin-left:240px;
}


#actions ul.nav-actions {
    margin:10px 0 0 95px;
}
	
#actions li form {
	padding:0;
	margin:0;
	}

#actions li {
	display:inline;
	font-size:1.1em;
	}

#actions a {
	color:#333;
	background:url(../images/design/bg-link.gif) center left no-repeat;
	padding:0 7px 2px 14px;
	text-decoration:none;
	}

#actions a.first {
	background:none;
	}

#actions fieldset {
	border:none;
	margin:0;
	padding:0;
	}

#actions input {
	border:none;
	}

#actions input#q {
	border:1px solid #ccc;
	padding:2px;
}
	
#actions a, #footer a{
	line-height:2.1em;
	}

#actions input.search {
	background:url(../images/design/bg-search.png);
	border:none;
	width:65px;
	height:22px;
	color:#fff;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-bottom:2px;
	}


/*******************************************************

_#breadcrumb 

*********************************************************/

#breadcrumb {
float:left;
width:700px;
}

#breadcrumb a {
background-image:url(../images/design/bg-breadcrumb.gif);
background-position:right center;
background-repeat:no-repeat;
display:block;
padding:0 1.2em 0 .7em;
text-decoration:none;
}

#breadcrumb li {
float:left;
list-style:none;
}

#breadcrumb li.last {
padding-left:.7em;
}
	
/*******************************************************

_#footer 

*********************************************************/

#footer {
border-top:1px solid #787878;
clear:both;
}

#footer #left-column {
float:left;
width:400px;
}

#footer .nav {
padding-top:10px;
width:500px;
}

#footer img {
border:none;
}

#footer .nav a {
background:url(../images/design/bg-link.gif) center left no-repeat;
color:#333;
padding:0 7px 2px 14px;
text-decoration:none;
}

#footer a {
	line-height:2.1em;
}

#footer a.first {
background:none;
}

#footer img {
border:none;
}

#footer ul {
list-style:none;
margin:0 0 5px;
padding:0;
}

#footer li {
float:left;
font-size:10px;
}

#footer p {
margin:10px 0 0 15px;
}

#footer p.address {
line-height:18px;
}

/* _#social-media styles within the #footer */

#social-media {
float:right;
margin-top:10px;
text-align:right;
width:190px;
}

#social-media a {
background:none;
margin:0;
padding:0;
}

#social-media h4 {
font-size:11px;
padding:5px 7px 10px 0;
}

#social-media ul {
list-style:none;
margin:0;
padding:0;
}

#social-media ul li {
float:left;
margin:0;
padding:0 7px;
}

/*******************************************************

_#mainNav 

*********************************************************/
/* _#mainNav */	
#mainNav {
	width:800px;
	height:55px;
	padding:0;
	position:absolute;
	top:95px;
	background:url(../images/design/bg_navBar.gif) top left repeat-x;
	list-style:none;
	float:left;
	clear:both;
	}

#mainNav li {
   
	float:left;
	}

#mainNav li.afterHere {
	
	}
	



#mainNav a {
	display:block;
	padding:6px 20px;
	text-decoration:none;
	color:#fff;
 background:url(../images/design/bg-linkseparator.gif) no-repeat bottom left;
	}


#mainNav a {
	font-size:11px;
	line-height:2.5em;
	}

/*******************************************************

_#secondaryContent 

*********************************************************/

#secondaryContent {
float:left;
margin-top:15px;
width:225px;
}

#secondaryContent .relatedLinks li {
margin-left:30px;
padding:2px 0;
}

#secondaryContent h2 {
background-color:#013a7e;
color:#fff;
font-size:.85em;
font-weight:400;
padding:5px 10px;
}

#secondaryContent h3 {
font-size:.8em;
font-weight:400;
margin:15px 0 5px 10px;
}

/* _#subNav stles within _#secondaryContent */

#subNav {
list-style:none;
}

#subNav li {
border-bottom:1px dotted #ccc;
padding:5px 10px;
}

#subNav li.first {
padding-top:10px;
}

/*

Calendar styles currently used on news/calendar.php and news/raisers.php pages

*/

.calendar {
list-style-type:none;
margin:15px 0 0 -15px;
padding:0;
}

.calendar li {
margin:0 0 0 -25px;
padding:0;
}

.calendar li p,select,option {
font-size:11px;
}

.calendar li.date {
font-size:12px;
font-weight:100;
}

.calendar li.heading {
font-size:12px;
font-weight:700;
}

h2.date {
border-bottom:1px dotted #333;
font-size:12px;
font-weight:100;
margin-bottom:10px;
}

/* .sidebar style used on contact.php page */

ul.sidebar {
background-color:#eceff4;
background-image:url(../images/design/bg-sidebar.gif);
background-position:left top;
background-repeat:no-repeat;
float:right;
font-size:1.5em;
list-style:none;
margin:0;
padding:0;
width:250px;
}

ul.sidebar h2 {
padding:0 15px;
}

ul.sidebar li {
margin:0;
padding:0;
}

ul.sidebar li p {
margin:0;
padding:0 15px;
}

ul.sidebar li.last {
background-image:url(../images/design/bg-sidebar-bottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

/* Forms */

form label {
text-align:right;
}

fieldset {
border:1px solid #e1e6ef;
margin:15px 0;
padding:5px;
}

#mainContent form fieldset p {
margin:10px 0;
}


input:focus,textarea:focus {
background-color:#e1e6ef;
}

legend {
background-color:#fff;
color:#000;
font-size:.75em;
font-weight:700;
}

select {
font-size:1em;
padding:3px 0;
}

select, option {
font-size:11px;
}


/*_.moreInfo styles*/

.moreInfo {
background-image:url(../images/design/bg_moreInfo.gif);
background-position:left top;
background-repeat:repeat-x;
border-bottom:1px dotted #013a7e;
border-top:1px dotted #013a7e;
clear:both;
margin:15px 0;
padding:7px 5px 0;
}

.moreInfo h3 {
font-size:.7em;
margin-bottom:10px;
}

.moreInfo li {
font-size:.6875em;
list-style:circle;
}

/* styles used on biography pages */

#mainContent .bioDivide {
border-top:1px solid #e1e6ef;
clear:both;
width:100%;
padding:15px 0;
}

#mainContent .bioDivide h2 {
clear:none;
margin:0;
padding:0;
}

#mainContent .bioDivide h2 a {
font-size:.75em;
text-decoration:none;
}

#mainContent .bioDivide img {
float:left;
margin:0 15px 15px 5px;
}

#mainContent .bioDivide p {
margin:5px 0;
}

#mainContent .bioDivide#first {
border-top:none;
}

#mainContent .photoWithCaption {
float:right;
margin:0 0 20px 15px;
width:150px;
}

/* styles for photos with captions */

#mainContent .photoWithCaption150px p,#mainContent .photoWithCaption200px p,#mainContent .photoWithCaption250px p,#mainContent .photoWithCaption300px p {
margin:5px;
}

#mainContent .photoWithCaption150px,#mainContent .photoWithCaption200px,#mainContent .photoWithCaption250px,#mainContent .photoWithCaption300px {
background-color:#f4f4f4;
float:right;
margin:0 0 20px 15px;
padding:3px;
}

#mainContent img.nofloat,#mainContent .photoWithCaption150px img,#mainContent .photoWithCaption200px img,#mainContent .photoWithCaption250px img,#mainContent .photoWithCaption300px img,#mainContent .photoWithCaption150px_whitebackground img,#mainContent .photoWithCaption200px_whitebackground img { 
float:none;
margin:0;
} 

#mainContent .photoWithCaption150px {
width:150px;
}

#mainContent .photoWithCaption200px {
width:200px;
}

#mainContent .photoWithCaption250px {
width:250px;
}

#mainContent .photoWithCaption300px {
width:300px;
}

/* styles for tables */

table caption {
font-size:.75em;
margin-top:25px;
text-align:left;
}

table p,dt,dd {
font-size:.6875em;
}

table th {
padding-bottom:3px;
text-align:left;
}

table.info {
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
margin-bottom:15px;
margin-left:5px;
}

table.info td,table.info th {
font-size:.6875em;
padding:2px 0;
}

/* _.inline */

.inline {
display:block;
margin-bottom:15px;
}

.inline h3,.inline p {
display:inline;
}

.inline h4 {
display:inline;
font-size:.6875em;
}

/************************************************

Need to organize 

*************************************************/

#content p,li,#secondaryContent p,#actions li,#breadcrumb p,#subNav li,#footer p {
font-size:0.6875em;
}

.required {
color:#900;
}

/********************************************************

Clear hack

*********************************************************/

.clear {
display:inline-block;
}

.clear:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

