/* Start of CMSMS style sheet '2 Total' */
/* accessibility */
span.accesskey {
   text-decoration:none;
}
/*
accessibility divs are hidden by default
text, screenreaders and such will show these
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}
/*
definition tags are also hidden
these are also used for menu links
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */
/* clearing */
/*
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block;
		width: 100%;
	}

	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

.clear {
	clear: both;
}
.clearright {
	clear: right;
}
.clearleft {
	clear: left;
}

/* end clearing */
/* layout */
* {
    margin: 0;
    padding: 0;
  }
  body {
    font-family: 'Lucida Grande',Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin: 10px 0 10px 0;
  }
  p {
    margin-bottom: 16px;
  }
  ul {
   /* margin-bottom: 18px; */
  }
  ol {
    margin-bottom: 18px;
  }
ul {
    list-style-type: square;
    margin-left: 2em;
  }
  h1 {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 18px;
  }
  h2 {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 18px;
  }
  h3 {
    font-size: 12px;
    line-height: 18px;
  }
#printheader {
	display: none;
}
img {
	border-style: none;
}
blockquote, pre {
	padding: 0.25em 40px;
}
blockquote {
	font: italic 1.05em Georgia, Times, serif;
	margin: 0.25em 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	padding: 0;
	margin: 0;
    border-width: 0;
    border-style: none;
}
img {behavior: url(uploads/jscss/iepngfix.htc); }

a { outline: none; }

/* **************  END BASE ************************************** */

#page_wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 775px;
  text-align: left;
  border: 1px solid #016;
}

#flashDiv {
float: right;
position: relative;
top: 0px;
right: -1px;
width: 600px;
height: 163px;
background: #016;
}

.contentwrapper {
padding: 0 10px 0 0;
text-align: justify;
font-weight: bold;
background: transparent url(uploads/images/cssimages/contentbg3.png);
behavior: url(uploads/jscss/tiling_bg_iepngfix.htc);
background-repeat:repeat;
}
/* ****************** footer ******************** */
#footer {
  margin: 0 auto;
  width: 775px;
  height: 80px;
  clear: both;
  text-align: center;
  font-size: 10px;
  font-variant: small-caps;
  line-height: 11px;
  letter-spacing: 0.75px;
  font-weight: normal;
}
#bottomlinks {
	width : 775px;
	padding: 1px 10px;
	margin : 0 auto;
	font-size: 10px;
	text-align : right;
}
/* ******************* end footer **************************** */
.float_left {
  float: left;
  margin: 10px;
  width: 200px;
}

.float_right {
  float: right;
  margin: 10px;
  width: 200px;
}
.float_left_W_border {
  float: left;
  margin: 10px;
  border: 1px solid #016;
  padding: 5px;
  width: 200px;
}

.float_right_W_border {
  float: right;
  margin: 10px;
  border: 1px solid #016;
  padding: 5px;
  width: 200px;
}
/* end layout */

#search-box {
text-align: right;
float: right;
position:relative;
top: 10px;
right: 0px;
width: 200px;
text-size: 5px;
height:20px;
/* margin-bottom: -20px; */
}
#search-box input {
background-color: #CDF;
border: 1px solid #016;
font-size: 11px;
padding: 0 3px;
height: 15px;
}
#search-box input.search-button {
font-size: 11px;
height: 17px;
padding: -2px 2px 0 2px;
background-color: #CDF;
border:1px solid #016;
margin-top: -4px;
}
* html .search-button {
margin-top: -2px;
}

table.stafftbl {
width: 100%;
padding: 0px; border: none;
}

table.stafftbl img {
border: 1px solid #000;
padding: 0px;
}
table.stafftbl  td {
padding: 10px;
}


/* -----------------> DMG Desings box <------------------------ */
#donatesite { display: inline; float: right; position: relative;/* top: 0; right: 15px; */}
.credits { width:258px; float:left; display:inline; }
/***************************************************************/
/* --------------> Color Scheme <----------------------------- */
/***************************************************************/

body, html {
color: #000;
background-color: #338899;
}

#nav {
background: #379;
border-bottom: 1px solid #016;
}
#left {
color: #000;
}

#footer {
background: transparent;
color: #FFF;
}
#footer a {
color: #FFF;
}
#footer a:hover {
color: #DDD;
}

.NewsSummaryLink a {
color: #000;
}

.NewsSummaryLink a:hover {
color: #666;
}

.NewsSummaryMorelink a {
color: #000;
}

.NewsSummaryMorelink a:hover {
color: #DDD;
}
/* End of '2 Total' */

/* Start of CMSMS style sheet '2 Total Content' */
#outer {
/* background: transparent url(uploads/images/cssimages/kayak_girls.jpg) no-repeat 50% -100px; */
width: 775px;
/* overflow:hidden; */
}
#header {
   float: left;
  position: relative;
  top:0;
  left:0;
 background: #FFF url(uploads/artistboat/logo_large_marsh.jpg) no-repeat center center;
  margin:0px;
  padding:0px;
  height: 163px;
  width:775px;
  border-bottom: 1px solid #016;
}
#header h1 a{
    display: block;
	height: 140px;
	text-indent: -999em;
	text-decoration: none;
  }

#left_side {
  background: transparent;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-bottom: 20px;
  float: left;
  position: relative;
  width: 175px; /* 250 */
/*height : 380px; */
z-index: 99;
/* overflow : auto; */
}

#content_box {
  background: transparent;
  float:right;
  width:595px;/* 520 */
  position: relative;
  /* margin-top: 20px; */
  margin-top: 10px;
  padding-bottom: 20px;
  /* margin-left: 250px; */
  /* margin-right: 180px; */
/*   min-height: 250px; */
  height : 380px;
overflow : auto;
display: inline;
}

* html #content_box {

}

.contentwrapper {
padding: 10px;
width: 555px;/* 480px; */
/* margin:10px; */
}
* html .contentwrapper {
/* padding: 0; */
}
/* End of '2 Total Content' */

/* Start of CMSMS style sheet '2 Total TopNav' */
/********************
MENU
*********************/

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

/*
background-color for the entire menu row,
covering 100% of the width and text center-aligned
*/
div#menu_horiz {
   margin: 0;
margin-left: 0px;
}
div#menu_horiz ul {
   margin: 0;
   padding: 0;
}
/* menu list items */
div#menu_horiz li {
   float: left; /* makes the list horizontal */
   list-style: none; /* hides the list bullet */
   margin: 0 ;
}


/* the links, that is each list item */
div#menu_horiz a {
   padding: 3px 5px 3px 8px; /* padding inside the list item box */
   margin: 0; /* margin outside each list item box */
   text-decoration: none; /* no underline for links */
   color: #FFF;
font-size: 11px; 
   display: block; /* IE has problems with this, fixed above */
   border-right: 1px solid #379;
   border-left: 1px solid #379;
}


/* hover state for links */
div#menu_horiz li a:hover {
   background-color: #6Ac;
   color: #000;
   border-right: 1px solid #016;
   border-left: 1px solid #016;
}
div#menu_horiz a.activeparent:hover {
   background-color: #9dd;
   color: #000;
}

/* active parent, that is the first-level parent of a child page that is the current page */
div#menu_horiz li.activeparent a {
   color: #DDD;
}
/* End of '2 Total TopNav' */

/* Start of CMSMS style sheet '2 Menu Vert' */
#menuwrapper {
width: 165px;
margin: 0 auto;
line-height: normal;
}

#navmenu ul { margin-bottom: 0; }
/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 165px; /*For KHTML*/
  list-style: none;
  margin-bottom: 0;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  margin-top: -1px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #016;
  /*border-right-color: #379;
  border-bottom-color: #379; */
  padding: 0 6px;
  display: block;
  background: #379;
  color: #FFF;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #6AC;
  color: #000;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #379;
  color: #FFF;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #6AC;
  color: #000;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #379;
  color: #FFF;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #6AC;
  color: #000;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #379;
  color: #FFF;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #6AC;
  color: #000;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 3px;
  left: 165px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* End of '2 Menu Vert' */