/*

yellow bg F8F7E2
headline blue & link blue 1857c1
link hover green 1bd980
borders 1857c1


*/

html, body {
margin: 0;
padding: 0;
}
body {
background: #C7EFD6 url(/images/template/bg.jpg) repeat-x;
}
body, table, td {
margin:0;
padding:0;
border:0;
border-collapse:collapse;
vertical-align:top;
font-family: Verdana, Tahoma, "Trebuchet MS", sans-serif;
font-size: 12px;
line-height: 150%;
color: #000000;
}
table, td {
border-collapse:collapse;	
}
img, a img {
border:0;
display:block;
}

/* header pic row and silver bar */
div#headerpics {
width:100%;
margin: 0 auto;
background: url(/images/template/HeaderPics.jpg) repeat-x left;
padding: 0px;
height: 100px;
}

#silverbar {
font-size: 8px;
line-height: 8px;
background: #CCCCCC url(/images/template/SilverBar.jpg) repeat-x;
margin: 0px;
padding: 0px;
height: 8px;
border-top: 1px solid #2b2d33;
border-bottom:1px solid #2b2d33;
}
/* end header pic row */

table#wrapper {
margin:0 auto;
width:94%;
border-left:1px solid #1857c1;
border-right:1px solid #1857c1;
border-bottom:1px solid #1857c1;
background-color: #ffffff;
}

#wrapper .header {
background: url(/images/template/Header.jpg) repeat-x;
height: 55px;
}
.header #headernav {
margin: 0px;
padding: 0px;
float: right;
/*min-width:370px;*/
}
.header #headernav a {
display: block;
float: right;
height: 55px;
width: 91px;
margin-left: 2px;
}

#headernav #TopNavCharters {
background: url(/images/template/TopTriNavCharters.jpg) no-repeat;
}

#headernav a#TopNavCharters:hover {
background: url(/images/template/TopTriNavCharters.jpg) no-repeat -91px;
}

#headernav #TopNavBoats {
background: url(/images/template/TopTriNavBoats.jpg) no-repeat;
}

#headernav a#TopNavBoats:hover {
background: url(/images/template/TopTriNavBoats.jpg) no-repeat -91px;
}

#headernav #TopNavContact {
background: url(/images/template/TopTriNavContact.jpg) no-repeat;
}
#headernav a#TopNavContact:hover {
background: url(/images/template/TopTriNavContact.jpg) no-repeat -91px;
}


#headernav #TopNavLessons {
background: url(/images/template/TopTriNavLessons.jpg) no-repeat;
}

#headernav a#TopNavLessons:hover {
background: url(/images/template/TopTriNavLessons.jpg) no-repeat -91px;
}


#wrapper #container {
margin: 0px auto;
width: 100%;
}

#shadow .shadowwhite {
background: url(/images/template/ShadowWhite.jpg) repeat-x;
height: 9px;
}

#shadow .shadownav {
background: url(/images/template/ShadowNav.jpg) repeat-x;
width: 150px;
border-left: 1px solid #1857c1;
border-right: 1px solid #1857c1;
}

#content #nav {
background: url(/images/template/Nav.jpg) repeat;
border-left: 1px solid #1857c1;
border-right: 1px solid #1857c1;
border-bottom: 1px solid #1857c1;
width: 180px;
padding: 0;
}


/* Navigation styles */
#nav table {
/*margin-top:18px;*/
width:180px;
margin: 18px 0 0 0;
border-bottom: 1px solid #0637C2;
}
#nav table td {
/*width: 100%;*/
/*width:180px;*/
margin: 0 !important;
padding:0 !important;
}
#nav table td a {
/*width:170px;*/
width:180px;
margin: 0 !important;
padding: 3px 5px;
border-top: 1px solid #0637C2;
display:block;
float:left;
color: #0637C2;
text-decoration: none;
font-weight:normal;
font-size:11px;
font-family: Tahoma, "Trebuchet MS", Verdana, sans-serif;
}
#nav table td a:hover, #nav table td a:active  {
/*border:1px solid orange;*/
color: #F0FBE5;
background: url(/images/template/NavOber.jpg) repeat right top;
text-decoration:none;
}
#nav a {
color: #0637C2;
}
#nav a:hover, #nav a:active  {
color: #F0FBE5;
}

#footer {
width: 94%;
margin: 6px auto;
}

#footer td, #footer td a {
font-size: 10px;
font-style: oblique;
font-variant: normal;
color: #547EE1;
text-decoration:none;
}
#footer td a:hover, #footer td a:active {
border-bottom: 1px solid #547EE1;
}


.top {
margin:15px 0 0 0;
float:right;
clear:right;
text-align:right;	
}







#contenttd {
padding: 12px 30px;
border-right: 1px solid #1857c1;
border-bottom: 1px solid #1857c1;
line-height:150%;
}

.bold, tr.bold td {
font-weight:bold;	
}
.notopmgn {
margin-top:0 !important;
padding-top:1px !important;	
}

.right, tr.right td, td.right {
text-align:right !important;
}
.center, tr.center td, td.center {
text-align:center !important;
}

#contenttd a:link, #contenttd a:visited {
color: #1857c1;
font-weight:bold;
}
#contenttd a:hover, #contenttd a:active {
color: #1857c1;
color: #1bd980;
}


#contenttd h1, #contenttd h2, #contenttd h3, #contenttd h4, #contenttd h5, #contenttd h6 {
color: #1857c1;
line-height:124%;
}

h2 span {
font-size:14px;	
}
#contenttd h1 {
font-size:20px;	
}
#contenttd h2 {
font-size:18px;	
}
#contenttd h3 {
font-size:16px;	
}
#contenttd h4 {
font-size:14px;	
}
#contenttd h5 {
font-size:13px;	
}
#contenttd h6 {
font-size:12px;	
}

#contenttd li {
line-height:130%;
margin-bottom:6px;
list-style-image: url(/images/graphics/bluetri.gif);
}

.topbdr {
margin-top:30px;
border-top: 2px solid #1857c1;
padding-top:12px;	
}






/* home page boxes */

table.homebox {
width: 100%;
}

.homebox table {
margin: 0px 5px;
}
table.homebox td {
width: 33%;
padding: 2px;
}

.homebox table.innertable {
width: 90%;
margin: 0 auto;
border: 1px solid #1857c1;
}
.innertable ul {
margin: 1px;
padding:1px;	
}
.innertable ul li {
margin-left:15px;
padding-left:4px;	
}

.homebox table td {
width: 100%;
padding: 12px;
background-color: #F8F7E2;
}

.homebox .innertable td.hdr {
background: #C7EFD6;
background: #C7EFD6 url(/images/graphics/BoxHeaderSliver.jpg) repeat-y top right;
font-weight: bold;
text-align: center;
padding: 4px 12px;
border-bottom: 2px solid #1857c1;
}




/* bordered box */
.calloutright {
float:right;
width:260px;
margin: 0 0 12px 18px;
padding:12px;
border:1px solid #1857c1;	
background-color: #F8F7E2;
}
.calloutright ul {
margin-left:0;
padding-left:12px;	
}


/* table with chart info */
.charttable {
border-top: 1px solid #1857c1;	
border-right: 1px solid #1857c1;	
}

.charttable tr.hdr td {
font-weight:bold;
text-align:center;	
border-bottom: 2px solid #1857c1;	
background: #ebfff6 url(/images/graphics/BoxHeaderSliver.jpg) repeat-y top left;
}


.charttable td {
border-bottom: 1px solid #1857c1;	
border-left: 1px solid #1857c1;	
padding: 8px;
text-align:center;
}
.charttable2 td {
text-align:left !important;
}


table.boatpics {
float:none; 
width:88%; 
margin: 4px auto 12px auto;
}
table.boatpics td img {
display:block;
margin: 2px auto;
}

/* imgs and divs for images */
.imgleft, .imgright, .divimgleft img, .divimgright img, .divimgctr img {
border: 1px solid #1857c1;	
margin-bottom:4px;
}
.imgleft, .imgright, .divimgleft img, .divimgright img, .divimgctr img {
padding:2px;	
}
.imgleft, .divimgleft {
float:left;
clear:left;
margin: 0 18px 12px 0;	
}
.imgright, .divimgright {
float:right;
clear:right;
margin: 0 0 12px 18px;	
}

.divimgleft p, .divimgright p, .divimgctr p {
	margin: 0 3px 3px 3px;
font-weight:bold;
line-height:120%;
color: #5c5c5c;	
}
.imgctr {
border: 1px solid #1857c1;	
border: 1px solid #1857c1;	
}
.imgctr, .divimgctr {
float:none;
clear:both;
display:block;
margin: 0 auto;	
padding:2px;	
}

/* forms */

fieldset {
border: 1px solid #1857c1;	
width:auto;	
}

form {
display:inline;
margin: 0;
width:auto;	
}

.formtab {
margin-bottom:12px;
margin: 12px auto;
}
.formtab td {
padding:2px;
}

.formtab input, .formtab textarea, .formtab select {
padding-left:8px;
padding-top:4px;
}
.formtab input {
width:300px;
}
input.btn, .sorrynotfound td input.btn {
width:auto;
display:block;
margin: 0 auto;
padding:0 4px;
}

div.hr {
width: 100%;
height: 2px;
line-height:2px;
font-size:2px;
background: #1857c1;
color: #1857c1;
margin: 2px auto;
clear:both;
margin-top:10px !important;
margin-bottom:5px;
}



div.toprightbox {
float:right; 
clear:right;
width:260px; 
padding:1px;
border: 1px solid #1857c1;
background-color: #F8F7E2;
padding:8px 10px !important;
}
div.toprightbox p {
margin:0;
padding:0;
}

#map {
width:500px; 
height:400px;
margin:2px auto;
padding:2px;
border:1px solid #f75e00;
}



/* photo galleries */
table.gallery {
margin: 4px auto;
clear:both;	
}
table.gallery td {
text-align:center;	
padding:8px;
}
table.gallery td img {
margin: 2px auto;	
}

div.clickon {
float:right;
display:block;
clear:both;
margin:12px 0 12px 12px;
width:auto;
text-align:right;
white-space:nowrap;
font-size:11px;
font-size:12px;
line-height:1.2;
font-family:"Trebuchet MS", Tahoma, sans-serif;
font-weight:bold;
}

table.gallery td div {
margin: 0 auto 12px auto; 
text-align:center;	
font-weight:bold;
font-size:10px;
line-height:1.2;
color: #1857c1;
}
table.gallery img {
padding:1px;
border:1px solid #1857c1;
margin:0 0 4px 0x;	
}
table.gallery a:hover img {
padding:1px;
border:1px solid #1bd980;	
}


div.pullquote, table.pullquote {
display:block;
margin: 8px 0;
padding: 5px 18px;
font-size:16px !important;
line-height:1.8;
font-style:oblique;
font-style:italic;
border:1px solid #1857c1;
background-color: #F8F7E2;	
font-family: Georgia, Palatino, serif !important;
/*font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;*/
}
table.pullquote td {
padding:5px 18px;
font-family: Georgia, Palatino, serif !important;
font-size:16px !important;
line-height:1.8;
font-style:oblique;
font-style:italic;
}
.pullquote p {
margin:6px;
padding:0;	
}
#contenttd p.pullquote {
font-size:18px !important;
line-height:1.8;
font-style:oblique;
font-style:italic;
font-family: Georgia, Palatino, serif !important;
}