/* 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 Front' */
#outer {
background: transparent url(uploads/images/cssimages/kayak_girls.jpg) no-repeat 50% -100px;
width: 775px;
}
#header {
  float: left;
  position: relative;
  top:0;
  left:0;
  margin:0px;
  padding:0px;
  height: 163px;
  width:775px;
  border-bottom: 1px solid #016;
}
#headerLink {
 background: #EEF url(uploads/artistboat/logo_medium.png) no-repeat center center;
  margin:0px;
  padding:0px;
  float: left;
position: absolute;
top:0;
left: 0;
  width: 175px;
  height: 163px;
 }
#headerLink h1 a{
    display: block;
	height: 160px;
	width: 140px;
	text-indent: -999em;
	text-decoration: none;
  }
* html #headerLink h1 a {
	height: 127px;
}

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

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


.contentwrapper {
padding: 10px;
width: 480px;
}
/* End of '2 Total Front' */

/* Start of CMSMS style sheet 'Basic News' */
div#news {
  /* margin: 2em 0 1em 1em; */  /* margin for the entire div surrounding the news list */
width: 224px;
margin: 0 auto;
  border: 1px solid #000; 
font-weight: bold;
text-align: left;
background: transparent url(uploads/images/cssimages/contentbg3.png);
background-repeat:repeat;
behavior: url(uploads/jscss/tiling_bg_iepngfix.htc);
}

* html #news {
width: 230px;
}
div#news h3 {
   line-height: 2em;
  padding: 3px;
   background: #fff;
font-size: 16px;
text-align: center;
border-bottom: 1px solid #000;
}
 * html #news h3 {
margin-top: -5px;
}
.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #000; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 14px;
 }
.NewsSummarySummary p, .NewsSummaryContent p {
  margin-bottom: 10px;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'Basic News' */

/* 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' */