/* NOTE: Change image paths to match your site's folder structure.
         Recommended pathing is relative to site root: /img/filename.jpg
         Alternative pathing is relative to .css file, NOT to page file: ../img/filename.jpg  */

/* ********** Defaults - gets all browser baselines in sync ************* */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0; padding:0;}
fieldset,img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
.clear {clear:both; height:0; overflow:hidden; line-height:1px; font-size:1px;}

/* ********** basics - main typography *********** */
body {
background-color: #CCCCCC      ;
color: #000;
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-top: .6em;
margin-bottom: .4em;
}
h1 {
font-size: 175%;

}
h2 {
font-size: 145%;
}
h3 {
font-size: 125%;

}
h4 {
font-size: 105%;
}
h5 {
font-size: 90%;
}
h6 {
font-size: 80%;
}
/* Smaller gray deck */
h1.subhead {
font-size:130%;
color:#555;
margin-top:-.5em;
}
/* removes vertical separator in front of first item in horizontal list */
#outside li.first, #footer li.first {
border-left: 0;
}

/* Skip to main content - for accessibility */
#skip a, #skip2 a {
position: absolute;
left: -1000px;
font-size: 80%;
color:#fff;
}
#skip a:focus, #skipnav a:active {
left: 220px;
top: 10px;
overflow: visible;
}
#skip2 a:focus, #skipnav a:active {
left: 480px;
overflow: visible;
}
hr {
	width: 50%;
	height: 1px;
	background-color: #000;
	border-top-width: 2px;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-top-color: #e3d6bf;
	border-right-color: #e3d6bf;
	border-bottom-color: #e3d6bf;
	border-left-color: #e3d6bf;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

/* ********** banner section ************ */
/* Change background-image to appropriate selection for your logo/icon; max logo height is 170px */
#banr {
width: 100%;
min-height:95px;
background-color: #FFFFFF;
background-repeat: no-repeat;
position:relative;
font-size: 70%;
color:#fff;
text-align:left;

}
#logo {
background-image:url(../img/photostrip3.jpg);
width:900px;
height:95px;



}


/* ******** container divs *********** */
/* Page width fixed at 770px, floated in center of viewport; adjust width: value as desired */
/* 200px left column for main navigation menu uses "faux column" background-image to fill */
#outside {
text-align:center;
width:900px;
margin: 0 auto;
border:solid 1px #ccc;
background-image:url(img/column-bg.gif);
background-repeat:repeat-y;
background-color:#555;
overflow:auto;
margin-top: 3px;
}
#navcol {
float:left;
width:200px;
}
#contentcol {
padding-left:201px;
}



/* ****** side nav ************** */

/* STATIC: vertical list for main site navigation in left column */


#menu {
z-index:100;
width:200px;
font-size:80%;
text-align:left;
float:left;
list-style-type:none;
position:relative;
margin-bottom: .8em;
margin-top:8px;
}
#menu .flytop {
font-size:100%;
font-weight:normal;
display:inline;
}
/* get rid of the table */
#menu table {
position: absolute;
border-collapse:collapse;
top:0;
left:0;
width:0;
height:0;
z-index:10;
font-size:1em;
}
/* style the links */
#menu a {
display:block; 
text-decoration:none;
padding: 6px 7px 7px 23px;
width:170px;
color:#FFFFFF;
text-indent: -8px;						
/* border-bottom:1px dotted #d7d7d7; */
background:#555;
position:relative;
}
#menu ul a {
width:160px;                      
color:#fff;
padding-left:20px;
padding-right:10px;
border-left:1px dotted #616688;
background:#666;
}
#menu ul li a {
text-indent: -10px;
}
/* style the link hover */
* html #menu a:hover {
color:#FFFFFF;
background:#993333;
}
#menu :hover > a {
color:#FFFFFF;
background:#993333;
}
/* hide sublevels, position so they take up no room */
#menu ul {
visibility:hidden;
position:absolute;
left:200px; 
margin-top: -2.4em;
list-style-type:none;
font-size:90%;                        
}
/* make sublevel visible when hover on first level list OR link */
#menu li:hover ul, #menu a:hover ul {
visibility:visible;
}







/* Optional info section below main navigation in left column; images should be 185px max */
#addon {
padding: 0 10px 0 15px;
color: #fff;
font-size: 85%;
text-align:left
}
#addon p, #addon ul, #addon ol {
margin: 1em 0;
}
#addon ul li {
margin-left: 1.3em;
}
#addon ol li {
margin-left: 2em;
}
#addon a, #addon a:visited {
color:#fff;
}
#addon a:hover, #addon a:active {
color:#c19e36;
}

/* *********** Main content content ************ */
/* If section title & photostrip are removed, remove margin-top:70px; line from #content */
#content {
text-align:left;
margin: 2px;
color:#63574F;
padding:6px;
padding-right:20px; 
padding-left:20px;
font-size: 80%;
background-color:#FFFFFF;
}
#content blockquote {
margin-left:60px;
margin-right:60px;

}

#content p {
margin: 1em 0;
}
#content ul li {
margin: .3em 0 .3em 1.3em;
}
#content ol {
margin-left:3em;
}
#content ol li {
margin: .3em 0;
}
#content a {
color:#993333;
text-decoration:underline;
}
#content a:hover, #content a:hover:visited {
color:#669999;
}
#content a:visited {
color:#993333;
}
/* puts all images in #content section on separate line; override for individual img's with display:inline; if required */
#content img {
display:block;
}
#content form {
margin-top:1em;
margin-bottom:1em;
}


/* ************ sidebar container for pagelinks and infobox ************* */
#sidebar {
float:right;
width: 200px;
margin-left: .5em;
}

/* ********** pagelinks - same-page anchors *********** */
#pagelinks {
background-image:url(img/pagelink-bg.gif);
font-size:85%;
border:2px dotted #e3d6bf;
padding:.3em .6em;
margin-bottom:.8em;
}
#pagelinks p {
margin-bottom:.5em;
}
#pagelinks ul {
list-style-image:url(img/list-arrow.gif);
list-style-position:inside;
}
#pagelinks ul li {
font-size: 90%;
padding-left: 20px;
text-indent: -20px;
}
#pagelinks a {
color:#ba7d00;
text-decoration:none;
}
#pagelinks a:hover, #pagelinks a:active {
text-decoration:underline;
}




/* ********* infobox  *********** */
#infobox {
border:1px solid #ccc;
font-size:90%;
padding:.3em .6em;
margin-bottom: .8em;
}
#infobox p {
margin:.5em 0;
}

/* ********* images  *********** */
/* Apply class to <div> containing image and optional caption. Specify div width inline to match img width */

/* For image floated on right of text */
.pixRight {
margin: .1em 0 20px 1.5em;
float: right;
font-size: 75%;

color: #300;
}
/* For image floated on left of text */
.pixLeft {
margin: .1em 1.5em 20px 0;
float: left;
font-size: 75%;
color: #300;
}
.pixGallery {
margin: .1em 15px 20px 0;
float: left;
font-size: 75%;
color: #300;
}

.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;
	line-height:17px;
}

/* ********** footer *********** */
/* Horizontal unordered list for footer links */
#footer {
font-size: 70%;
text-align:center;
padding-bottom:1em;
color: #808080;
}
#footer ul  {
padding: 10px;
}
#footer ul li {
list-style-type:none;
display:inline;
padding: 0 .6em;
border-left: 1px solid #808080;
}
#footer a, #footer a:visited {
text-decoration:none;
color: #993333;
}
#footer a:hover, #footer a:visited:hover {
text-decoration:underline;
color: #669999;
}
#outside #pagebody #contentcol #content hr {
	color: #000;
}