html,body{
margin:0;
padding:0;
margin-top:5px;
background-color:#ffffff;
}

*	{margin: 0; padding: 0;}

img{
border:0;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

body	{font-size:14px; font-family: Geneva, Verdana, sans-serif;}

p	{margin-top:0}

h1	{font-size:16px;}
h2	{font-size:15px;}
h3	{font-size:16px;}
h4	{font-size:14px;}

div#container{
position:relative;
width:1000px;
margin:5px auto 10px;
padding:3px 0px 0px 0px;
text-align:left;
/* this background color is actually the left and right border */
background-color:#CFE6FF;
overflow:hidden;
}

div#content{
width:998px;
margin:0px 1px 0px 1px;
padding:10px 0px;
text-align:left;
background-color:#CFE6FF;
}

div#breadcrumbs{
width:998px;
margin:0px 0px 0px 0px;
padding:0px 5px 5px 5px;
color:#003388;
font-size:13px;
}

div#breadcrumbs a 			{text-decoration: none; color:#003388;}
div#breadcrumbs a:visited 	{text-decoration:none; color:#003388;}
div#breadcrumbs a:active 		{text-decoration:none; color:#003388;}
div#breadcrumbs a:hover 		{text-decoration:underline; color:#452b0a;}

div#leftLinks{
display:inline;
float:left;
width: 240px;
padding:0px;
margin:0px 10px 10px 10px;
background-color:#FFFFFF;
}

div#leftLinks ul{
width:238px;
list-style-type:none;
margin:-5px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#ffffff;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
}

div#leftLinks li			{margin:0 0 5px 5px;}

div#leftLinks a			{text-align:center; background-color:#ffffff; text-decoration: none; color:#003388;}
div#leftLinks a:visited	{text-decoration: none; color:#003388;}
div#leftLinks a:active	{text-decoration: none; color:#003388;}
div#leftLinks a:hover		{text-decoration: underline; color:#452b0a;}

div#leftLinks p			{margin:5px 0 10px; padding:0 10px;}

#pageContent			{background-color:#ffffff; display:inline; float:left; width:735px;}
html>body #pageContent	{width:725px;} /* this creates a different width to non-ie browsers */

#pageContent p			{margin:5px 0 5px; padding: 0 5px;}

#pageContent h1{
text-align:center;
color:#003388;
font-size:20px;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 5px;
}
/* this is the image replacement h1 info  */
#mainH1 {
margin:0; padding:0;
position:relative;
width:725px; height:45px;
overflow:hidden;
}
/* this is the image replacement h1 info continued  */
#mainH1 span {
display:block;
position:absolute; left:0; top:0; z-index:1;
width:725px; height:45px;
margin:0; padding:0;
}

#pageContent h2{
color:#003388;
font-size:18px;
margin:5px 0px 0px 0px;
padding:0px 5px 0px 5px;
text-align:left;
}

#pageContent h2 a				{text-decoration: none; color:#003388;}
#pageContent h2 a:visited		{}
#pageContent h2 a:active		{}
#pageContent h2 a:hover		{text-decoration: underline; color:#452b0a;}

#pageContent h3				{color:#003388; font-size:16px; margin:5px 0px 0px 0px; padding:0px 5px 0px 5px;}

#pageContent b				{color:#000033;}

#pageContent.rightFloatImg	{float:right; margin:10px 0px 10px 10px;}

div#rightLinks				{float:right; width:240px; margin:10px 5px 10px 0px;}
div#rightLinks li				{margin:5px 0px 0px 5px;}

ul.mainContentList			{margin-left:10px; padding-left:10px;}
ul.mainContentList li			{margin-bottom:5px; margin-right:5px;}

div.boxTop{
background-color:#6da9e8;
color:#000033;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
font-weight:bold;
}

div.boxTop a				{width:100%; display:block; text-decoration: none; color:#000033;}
div.boxTop a:visited		{}
div.boxTop a:active		{}
div.boxTop a:hover		{}

h1.boxTop, h1.boxTop2	{background-color:#ffffff; color:#000000; padding: 10px 0 3px; text-align:center; display:block;}
h1.boxTop				{width:555px;}
h1.boxTop2				{width:352px;}

/* this sets the border for the bottom of a 'topped' box */
.boxBottom				{border:1px solid #003388; margin-bottom:5px; background-color:#ffffff;}
.boxBottom2				{border:1px solid #cccccc; background-color:#ffffff;}

ul.twoBoxRow,ul.twoBoxRow li{list-style-type:none;margin:0;padding:0}
ul.twoBoxRow{width:100%;overflow:hidden;margin-bottom:0px;margin-top:10px;}
ul.twoBoxRow li{float:left;width:302px;margin-left:0px;padding:0} 

ul.twoBoxRow li span.boxTop{
width:302px;
background-color:#cccccc;
color:#003388;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
/* font-weight:bold; */
}

span.boxTop3{
width:644px;
background-color:#CCCCCC;
color:#003388;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
/* font-weight:bold; */
}

span.boxTop3 a			{color:#003388; text-decoration: none; font-weight:bold;}
span.boxTop3 a:visited	{text-decoration: none;}
span.boxTop3 a:active	{text-decoration: none;}
span.boxTop3 a:hover		{text-decoration: underline;}

span.boxTop a			{color:#003388; text-decoration: none; font-weight:bold;}
span.boxTop a:visited	{text-decoration: none;}
span.boxTop a:active		{text-decoration: none;}
span.boxTop a:hover		{text-decoration: underline;}

ul.rightLinkList{
width:238px;
list-style-type:none;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
z-index:100;
background-color:#ffffff;
}

ul.rightLinkList li{
margin-bottom:5px;
margin-left:5px;
}

.rightLinkList a{
text-align:center;	
background-color:#ffffff;
text-decoration: none; 
color:#003388;
}

.rightLinkList a:visited {
text-decoration: none; 
color:#003388;
}

.rightLinkList a:active {
text-decoration: none; 
color: #003388;
}

.rightLinkList a:hover {
text-decoration: underline; 
color:#452b0a;
background-position:bottom left;
}

.required{
color:#FF0000;
}
.redlink{
font-size:10px;
float:right;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 0px;
}
.redlink a:link {text-decoration: none; color:#FF0000;}
.redlink a:visited {text-decoration: none; color:#FF0000;}
.redlink a:active {text-decoration: none; color: #FF0000;}
.redlinka:hover {text-decoration: underline; color:#FF0000;}

div#rightLinks{
float:right;
width:240px;
margin:10px 5px 10px 0px;
padding:0px 0px 0px 0px;
}

/* this sets the width of the floated right nav  (the box is a modified list li) */
ul#floatedRightNavBox,ul#floatedRightNavBox li{list-style-type:none;margin:0;padding:0;}
div#rightLinks div.boxTop{
width:240px;
background-color:#003388;
color:#ffffff;
margin:0px;
padding: 5px 0 3px;
text-align:center;
display:block;
}

span.boxFooter{
width:350px;
background-color:#003388;
color:#ffffcc;
margin:-5px 0px 0px0px;
padding: 5px 0 3px;
text-align:center;
display:block;
}

#contactEmailIframe 		{width:725px; height:925px; border:0;}

div#footer{
width:770px;
margin:0px 0px 10px 10px;
padding: 6px 0px;
background-color: #33599c;
color: #FFF;
text-align:center;
}

div#footer ul				{list-style-type:none;}
div#footer li				{display:inline; margin:0px 15px;}

div#footer a				{text-decoration: none; color:#ffffff; background-color: #33599c;}
div#footer a:visited		{}
div#footer a:active		{}
div#footer a:hover		{text-decoration: underline;}



div#aboveheaderImageAdspace001{
padding:10px;
}

div#aboveheaderImageAdspace001 img{
}

div#leftNavFooterAdspace001{
margin:10px 0px 0px 0px;
}


/*  this next is used for the table cells on the homepage  */
p.homepageTableCell{
text-align:center;
width:95px;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
border:1px solid #67223b;
}

p.homepageTableCell a{
text-decoration:none;
display:block;width:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

p.homepageTableCell span.boxTitle{
color:#476A23;
font-weight:bold;
font-size:14px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}


p.homepageTableCell img{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:75px;
height:50px;
border:1px solid #5d8139;
}


/* styling for email contact form start here */
/*the html and body tags can have margins and styles different fro main page */
html#contactFormHtml{
/* this broken link allows the background color of the iframe to be differnt from the main page */
background-image: none ; 
background-color:#ffffff;
}

body#contactFormBody{
background-color:#ffffff;
}

div#contactFormRequiredText{
float:right;
margin-right:10px;
font-size:0.85em;
color:#ff0000;
}

/* this is the asterisk before the word 'Required' */
div#contactFormRequiredText span#theAsterisk{
color:#ff0000;
}

/* this is the asterisk after the input box */
span.requiredField{
color:#ff0000;
}

form#emailContactForm{
padding:0px 0px 0px 25px;
margin:0px 10px 0px 0px;
}

form#emailContactForm legend{
color:#ff0000;
background-color:#ffffff;
font-weight:bold;
font-size:15px;
}

form#emailContactForm input{
margin:0px 0px 5px 0px;
}

form#emailContactForm label{
color:#000000;
font-weight:bold;
font-size:14px;
}

form#emailContactForm fieldset{
padding:10px;
border:1px solid #cccccc;
background-color:white;
}

form#emailContactForm textarea{
padding:10px;
}

.alertBox{
font-size:0.85em;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 20px;
}
.alertbox ul{
list-style-type:none;
}
.alertBox li{
color:#ff0000;
padding-top:3px;
padding-bottom:3px;
}
/* thankyouContainer holds the content for successful contact form submission */
div#thankyouContainer{
margin:10px;
}
div#thankyouContainer h2{
color:#212121;
text-align:center;
}

div#thankyouContainer h3{
color:#212121;
}

div#thankyouContainer p{
font-size:.90em;
margin:4px 10px 4px 10px;
}
/* styling for email contact form ends here */



/* Styling for blog starts here */

/* this first one controls the box and it's cotnents for display of a blog entry on the home page or soem other page */

div#homePageBlogDisplay{
float:right;
width:250px;
border:1px solid #013479;
margin:10px 0px 10px 10px;
padding:5px;
background-color:#F8F8F8;
} /* e4e7ec - light grey */
div#homePageBlogDisplay h2{
font-size:16px;
color:#bf1e2e;
margin-bottom:5px;
text-align:center;
}

div#homePageBlogDisplay .serendipity_entry_body{
font-size:12px;
line-height:1.3em;
padding:3px;
}

div#homePageBlogDisplay .serendipity_entry{
padding:0px;
}
div#homePageBlogDisplay .serendipity_title{
font-size:12px;
}

/*  blogPageHeaderAd shows up at the tops of any blog page */
#blogPageHeaderAd{
margin:0px auto;
text-align:center;
}

#blogPageHeaderAd a:link {font-weight:bold;font-size:16px;text-decoration: underline; color:#ffffff;}

/*  blogPostFooterAd shows up below all the comments of each blog post */
.blogPostFooterAd{
width:100%;
margin:10px 0px 0px 0px;
padding: 6px 0px;
background-color: #33599c;
color: #FFF;
text-align:center;
}
div.blogPostFooterAd a:link {font-weight:bold;font-size:16px;text-decoration: underline; color:#ffffff;}
/* This shows up at the very bottom of all the the entries - not per entry, but bottom of entries container */
#blogPageFooterAd {
margin:0px auto;
text-align:center;
}




.serendipitySideBarContent input {
    width: 150px;
}

#mainpane {
    
    margin:0px 10px 10px 0px;
    width: 98%;
    border-top: 0px;
    background-color: #FFFFFF;
    
}

#serendipityRightSideBar {
    width: 170px;
    border-left: 1px dashed #000000;
    padding: 10px;
    vertical-align: top;
}

#serendipityLeftSideBar {
    width: 100%;
    padding: 10px;
    vertical-align: top;
	text-align:right;
}


a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    color: #003388;
    font-size : 16px;
    
    padding-top: 10px;
    margin: 0px;
    text-decoration: none;
}

a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #003388;
    
    font-size: 14px;
    margin: 0px;
    text-decoration: none;
}

.serendipity_title {

    font-size: 14px;
    font-weight: bold;
    color: #333333;
    padding-left: 5px;
    border-bottom: 1px solid #33599c;
}

.serendipity_title a:link,
.serendipity_title a:visited {
   text-decoration: none;
   border: 0;
   color: #000000;
}

.serendipity_title a:hover {
   color: #FF0000;
}

.serendipity_entry {

    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding: 10px;
    width: 100%;
margin-bottom:20px;

}

.serendipity_entry_body{
line-height:1.8em;
padding:10px;
}
.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}

.serendipity_entry_date {
    margin: auto;
}

.serendipity_date {
    margin: 0;
    margin-right:10px;
    text-align: right;
}

.serendipity_commentsTitle {

    font-size: small;
    font-weight: bold;
    margin-top: 0px;
	margin-bottom:5px;
    color: #333333;
    padding-left: 5px;
    border-bottom: 1px solid #33599c;
}

div.serendipity_entryFooter {

    font-size: x-small;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 4px;
    clear: both;
	border-bottom: 1px solid #33599c;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

td.serendipity_commentsLabel {
    font-size: 12px;
    font-weight: bold;
    vertical-align: top;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select,
td.serendipity_commentsValue textarea {
    font-size: 12px;
    padding: 2px;
    width: 400px;
}


.serendipity_commentForm {
    font-size: 13px;
    color: #404040;
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}
.serendipity_comment {
    font-size: 13px;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    color: #404040;
    padding: 3px;
    background-color: #FFFFFF;
    overflow: auto;
}

.serendipity_comment_source {
    margin-top: 5px;
    padding-left: 5px;
    margin-bottom: 5px;
    padding-bottom: 3px;
}


table.serendipity_calendar td {
    font-size:11px;
    padding: 3px;
}
table.serendipity_calendar a {
    color: #FF0000;
    font-weight: bold;
    text-decoration:none;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
}

td.serendipity_weekDayName {
    font-size:11px;
    font-weight:bold;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

div.serendipityPlug {
    padding-left: 10px;
}

div.serendipityPlug a {
    text-decoration: none;
    border: 0px;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
   
    margin-bottom: 10px;
    font-size: 12px;
    font-weight:normal;
	/*
    border-bottom: 1px solid #33599c;
	*/
}

/* title of an individual item */
.serendipitySideBarTitle {
    margin: 0;

    color: #000000;
    font-size: 12px;
    font-weight:bold;
    padding-left:2px;
    padding-bottom:2px;
}

.serendipityImageButton {
    cursor: pointer;
}
.serendipity_entry p {
    margin-top: 0px;
    padding-bottom: 0px;
}

/** Embedded images with the s9y image manager **/
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #DDDDDD;
    background-color: #EFEFEF;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

.serendipity_comments {
margin-left:10px;
width: 90%;
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}

.serendipity_comment_author_self .serendipity_comment_source {
    background-color: #EEEEFF;
}

input, textarea, select {
    margin-bottom:5px;
}