@charset "UTF-8";

html {
margin:0;
padding:0;
}

* html #sectionA { 
    min-height: 160px;
}
* html #sectionB { 
    min-height: 250px;
}
* html #sectionC { 
    min-height: 200px;
}
/* Internet Explorer * 

* html #sectionA { 
    height: 160px;
}
* html #sectionB { 
    height: 250px;
}
* html #sectionC { 
    height: 200px;
}
/*\*/ 
body {
	font: 100%/150% Verdana, Arial, Helvetica, sans-serif;
	background: #BEBCAD;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;
}

a:link {
	color: #434343;
	text-decoration: underline;
}

a:visited {
color: #183A51;
text-decoration: underline;
}

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

#container {
	width: 805px;
	background: #BEBCAD;
	background: url(../images/containerbg3.gif) repeat-y top left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0;
	font-size: .75em;
}
#header {
	position:relative; top: 0; left:21px;
	margin: 0;
	padding:0;
	height: 106px;
	width: 765px;
}
#header img {
	border: none;
}

#headerfoto  {
	position:absolute;
	top:0; left:645px;
	width:118px;
	height: 100px;
	background: url(../images/fiona.gif) no-repeat right top;
}

#sidebar {
	float: left;
	display:inline; /*this is supposed to fix the doubled margin bug*/
	width: 7em; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	margin: 10px 1em 0 25px;
	padding: 10px 0 0 10px;
	min-height: 650px;
}
/* Internet Explorer * 
/*\*/ 
#sidebar { 
    height: 650px;
} 
/**/

div#nav {position:relative; top: 170px; left: 14px; z-index:100; width: 6em;}
div#nav ul {margin: 0; padding:0; width: 6em; font-size: 0.9em;}
div#nav li {position:relative; list-style: none; margin: 0; border-bottom: 1px solid #F2D798;}
div#nav li:hover {background: transparent; background-position: 0 0;}
div#nav li.submenu {}
div#nav li.submenu:hover {background: transparent;}
div#nav li a {display: block; padding:10px 0; text-align:center; text-decoration: none; width:6em; color: #FFFFFF;}
div#nav li a:hover {color: #F2D798;}
div#nav>ul a {width: auto;}
div#nav ul ul {position:absolute; top: 0; left: 6em; z-index:100; display: none; font-size:1em;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block; background: url(../images/navbg.gif) repeat-y top right; padding:0 10px 15px 10px;}

/*.............. Main Content Styles ..........................................................*/

#mainContent {
	margin: 0 20px 0 145px;
	padding: 0 20px 0 15px;
	background: #BEBCAD;
}
#mainContent p {
	color: #434343;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 {
	color: #183A51;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-weight: normal;
}
#mainContent h1 {
	padding-top: 5px;
	font-style: italic;
	font-size: 130%;
}
#mainContent h2 {
	margin-top: 25px;
	font-style: italic;
	font-size: 115%;
}
#mainContent h3 {
	font-style: normal;
	font-size: 130%;
}
#mainContent h4 {
	font-style: normal;
	font-size: 100%;
}
#mainContent ul {
	padding-left: 15px;
	color: #434343;
	list-style-position: inside;
}
#mainContent blockquote {
	color: #434343;
}
#mainContent blockquote ul {
list-style-position:outside;
}

#sectionA {
min-height: 160px;
margin: 0;
padding: 10px 0 15px 0;
}
#sectionA img, #sectionB img, #sectionC img, #sectionD img {
margin: 10px;
padding: 7px;
border: 1px solid; border-color: #CCC #AAA #AAA #CCC;
}

#sectionA img.sidebar {
	margin-left: -115px;
}

#sectionB {
	min-height:250px;
	margin: 0;
	padding: 5px 0px 5px 0;
	border-top: #F2D798 solid 1px;
	border-bottom: #F2D798 solid 1px;
}

#sectionC {
min-height:200px;
margin: 0;
padding: 5px 0 0 0;
}

#sectionC img.sidebar {
	margin-left: -115px;
}

#sectionD {
margin-top: 20px;
padding-left:5px;
}

#sectionD h1 {
padding-top:10px;
border-top: #F2D798 solid 1px;
}

.update {
	text-align: right;
	vertical-align: bottom;
	font-size: 85%;
}

#footer {
	margin: 10px 20px 0 30px;
	padding: 0;
	border-top: #738289 solid 1px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 20px 10px 110px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:right;
	font:87%/100% Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	color:#738289;
}
#footer a:link {
text-decoration: none;
color:#738289;
}
#footer a:visited {
text-decoration: none;
color:#738289;
}
#footer a:hover {
text-decoration: none;
color:#FFFFFF;
}

.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearight {
clear: right;
}
.clearleft {
clear:left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.important {
color:#990000;
}

.note {
color: #183A51;
}

.separator {border-bottom: #183A51 1px solid;
	margin-right: 50px;
}

.sidebar {
	float: left;
	position: relative; top: 0; left:0;
	margin-left: -100px;
	padding: 8px 10px 0 0;
}

/*...................... Photo Album styles .........................................*/
div#album {margin-left: 25px;}
div.pic {float: left; height: 150px; width: 130px; padding:15px 13px 13px; margin: 5px 3px; border: 1px solid; border-color: #EEECDB #807E75 #807E75 #EEECDB; overflow-x: hidden;}
div.pic img {border: 1px solid; border-color: #807E75 #EEECDB #EEECDB #807E75;}
div.ls img {height: 102px; width: 128px; margin: 26px 0 0 0;}
div.pt img {height: 128px; width: 102px; margin: 0 13px;}
div.pic ul {margin: 0.25em 0 0; padding: 0!important; font: small Verdana, Arial, Helvetica, sans-serif;}
li.title {width: 128px; display: block; list-style: none; text-align: center;}

div#ImageandCaption {
	width: 400px;
	font: normal 110% Verdana, Arial, Helvetica, sans-serif;
	color: #183A51;
	margin: 50px 0 0 65px;
	padding: 0;
	text-align:center;
}

div#ImageandCaption a {
text-decoration:none;
}
.previous {
	display: inline-block;
	width:103px;
	height: 25px;
	text-align:left;
	margin-right:15px;
	/*padding-left:50px;*/
	background: url(../images/previousarrow.gif) no-repeat 0 2px;
}
.back {
	display: inline-block;
	width:200px;
	height: 20px;
	text-align:center;
	margin: 0;
}
.next {
	display: inline-block;
	width:80px;
	height: 25px;
	text-align:left;
	margin-left: 5px;
	/*padding-right: 60px;*/
	background: url(../images/nextarrow.gif) no-repeat 30px 2px;
}
#ImageandCaption img{
margin-top: 10px;
padding: 25px;
border: 1px solid; border-color: #EEECDB #807E75 #807E75 #EEECDB;
}
.caption {
font: 100%/175% verdana, sans-serif;
color: #434343;
padding: 0 25px 0 25px;
}
/*...................... special section styles .........................................*/
#linkList {
margin-left: 25px;
padding: 10px 10px 0;
border: 1px solid  #807E75;
width: 500px;
height: 100px;
}

#linkList ul {
margin:0;
padding:0 20px;
list-style: none;
}

#linkList ul li a{
color: #434343;
}
#linkList ul li a:hover{
color: #FFFFFF;
}