/*IM 2.00, Site Lite CSS - Washed Ashore*/
/*general use CSS, no not modify--------------------------------------------------------------------------------------*/
.font-xxl {font-size:xx-large;}
.font-xl {font-size:x-large;}
.font-l {font-size:large;}
.font-m {font-size:medium;}
.font-s {font-size:small;}
.font-xs {font-size:x-small;}
.font-xxs {font-size:xx-small;}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

.indent {text-indent:15px;}
.exdent {text-indent:-15px;}

.shift-r {position:relative; left:15px;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.ital {font-style:italic;}

.border-0 {border-width:0px;}
.border-1 {border:1px solid #000000;}

.float-left {float:left;}
.float-right {float:right;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.clear-both {clear:both;}

.error {color:red; text-decoration:underline;}
.validator, .validator a:link, .validator a:visited {font-size:xx-small; text-align:left; background-color:#fff; color:#000; text-decoration:none;}
.validator a:hover {text-decoration:underline; color:#f00;}

/*site layout CSS--------------------------------------------------------------------------------------*/
body {
font-family:"Palatino Linotype", "Book Antiqua3", Palatino6, serif;
font-size:100%;
color:#0a5e5d; /*color of link in copyright set inline*/
padding:0px;
margin:0px;
background-image:url(images/bg-sandsunset.jpg);
background-color:#ffc;
text-align:center;
}

#container {
width:800px; /*page width*/
margin:20px auto; /*centers main divs*/
background-image:url(images/bg-sea.jpg);
background-color:#fff;
overflow:hidden;
border:2px solid #000;
border-top-color:#ccc;
border-left-color:#ccc;
border-bottom-color:#555;
border-right-color:#555;
}

#header {
position:relative;
z-index:100;
text-align:center;
padding:0px;
margin:0px;
}

/*uncomment declarations in next 4 IDs to enable double sidebar CSS (adjust width and margin-left per design)*/
#main {
padding:0px;
margin:0px;
clear:both;
/*float:left;
display:inline;
width:460px;
margin-left:150px;*/
}

#main-content {
padding:0px;
margin:0px;
text-align:left;
}

#left-sidebar {
float:left;
padding:0px;
margin:0px;
/*width:150px;
margin-left:-630px;*/
}

#right-sidebar {
float:left;
padding:0px;
margin:0px;
/*width:150px;*/
}

#footer {
clear:both;
margin:0px;
}

form {
margin:0px;
}

fieldset {
border-width:0px;
}

legend {
display:none;
}

/*contact form CSS--------------------------------------------------------------------------------------*/
#con-form {
width:580px; /*contact form width*/
text-align:right;
background-color:#addbed;
margin:20px 100px;
padding:0px 10px;
font-weight:bold;
}

#con-form input, #con-form textarea {
padding:1px;
margin:1px;
}

/*menu links CSS--------------------------------------------------------------------------------------*/
/*Uncomment desired version*/

/*verticle links*/
/*
*/

/*horizontal links*/
div.links-main {
position:relative;
float:left;
width:100%;
background-color:#168eaa;
font-family:"Lucida Console", Monaco5, monospace;
height:26px;
border-bottom:1px solid #000;
}

div.links-main ul {
clear:left;
float:left;
position:relative;
left:50%;
padding:0px;
margin:0px;
list-style:none;
}

div.links-main ul li {
float:left;
position:relative;
right:50%;
padding:0px;
margin:0px;
display:block;
list-style:none;
height:26px;
line-height:26px;
border-right:1px solid #04748e;
}

div.links-main ul li ul {
position:relative;
left:-1000px;
background-color:#168EAA;
width:100%;
display:none;
}

div.links-main ul li:hover ul {
position:relative;
left:0px;
display:block;
width:155px;
}

div.links-main ul li ul li {
clear:left;
position:relative;
background-color:#168EAA;
border-right:1px solid #04748e;
left:0px;
display:block;
height:20px;
line-height:20px;
width:100%;
}

div.links-main ul li ul li a:link, div.links-main ul li ul li a:visited, div.links-main ul li ul li a:hover {
font-size:14px;
text-align:left;
}

.links-main a:link, .links-main a:visited, .links-main a:hover {
color:#CBECF9;
font-size:16px;
display:block;
padding:0px 8px;
}

.links-main a:hover {
background-color:#1899b8;
text-decoration:none;
}

.links-main ul li ul li a:hover {
background-color:#1899b8;
}

div.links-sec {
float:left;
width:100%;
}

div.links-sec ul {
clear:left;
float:left;
position:relative;
left:50%;
padding:0px;
margin:0px;
list-style:none;
}

div.links-sec ul li {
float:left;
position:relative;
right:50%;
padding:10px;
margin:0px;
display:block;
list-style:none;
font-size:13px;
}

.links-sec a:link, .links-sec a:visited, .links-sec a:hover {
color:#000;
}

/*copyright notice CSS--------------------------------------------------------------------------------------*/
#copyright {
font-size:13px;
margin-bottom:5px;
}

/*custom CSS, add additional CSS declarations here--------------------------------------------------------------------------------------*/
#header img {
border-width:0px;
display:block;
}

a:link, a:visited {
text-decoration:none;
color:#509db7;
border-width:0px;
}

a:hover {
text-decoration:underline;
}

#banner-wrapper {
height:240px;
width:800px;
}

#banner-text {
position:relative;
margin:0px auto;
width:700px;
padding:0px 10px;
font-size:20px;
text-align:center;
}

.wrapper-300 img, .wrapper-400 img {
position:relative;
display:block;
}

.wrapper-600 {
float:left;
position:relative;
width:600px;
margin-left:33px;
margin-top:33px;
display:inline;
}

.wrapper-400 {
float:left;
position:relative;
width:400px;
margin-left:33px;
margin-top:33px;
display:inline;
}

.wrapper-450 {
float:left;
position:relative;
width:450px;
margin-left:33px;
margin-top:33px;
display:inline;
}

.wrapper-300 {
float:left;
position:relative;
width:300px;
margin-left:33px;
margin-top:33px;
display:inline;
}

.text-top-300 {
height:27px;
background-image:url(images/text-border-top-300.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

.text-bottom-300 {
height:27px;
background-image:url(images/text-border-bottom-300.gif);
background-position:right top;
background-repeat:no-repeat;
}

.text-top-450 {
height:40px;
background-image:url(images/text-border-top-450.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

.text-bottom-450 {
height:40px;
background-image:url(images/text-border-bottom-450.gif);
background-position:right top;
background-repeat:no-repeat;
}

.text-top-450-2 {
height:40px;
background-image:url(images/text-border-top-450-2.gif);
background-position:right bottom;
background-repeat:no-repeat;
}

.text-bottom-450-2 {
height:40px;
background-image:url(images/text-border-bottom-450-2.gif);
background-position:left top;
background-repeat:no-repeat;
}

.text-top-600 {
height:53px;
background-image:url(images/text-border-top-600.gif);
background-position:left bottom;
background-repeat:no-repeat;
}

.text-bottom-600 {
height:53px;
background-image:url(images/text-border-bottom-600.gif);
background-position:right top;
background-repeat:no-repeat;
}

.page-text {
margin:0px;
padding:20px 15px 0px;
background-color:#addbed;
background-image:url(images/text-bg.gif);
font-weight:bold;
overflow:hidden;
}

.page-text p {
padding:0px 0px 20px;
margin:0px;
}

.page-text ul {
padding:0px 0px 20px;
margin:0px;
}

.page-text ul li {
margin:10px 0px 0px 20px;
list-style-image:url(images/spiral-20.gif);
font-size:14px;
font-weight:normal;
}

.page-text ul li a {
font-size:16px;
font-weight:bold;
}

.artula-logo {
float:left;
margin:0px 20px;
border-width:0px;
}

.artula-link a:link, .artula-link a:visited {
color:#CBECF9;
font-size:16px;
}

.artula-link a:hover {
text-decoration:underline;
}

.footer-text {
float:left;
position:relative;
top:100px;
width:600px;
margin:0px auto;
padding:0px 10px;
font-weight:bold;
font-size:16px;
color:#000;
}

.artula-link {
clear:both;
font-weight:bold;
margin:0px;
padding:10px 0px;
}

.soc-media img {
border-width:0px;
}

.soc-media {
display:inline;
}

.slideshow {
}

.slide-th img {
margin:20px 0px 0px;
border-width:0px;
}

hr {
border-color:#0a5e5d;
height:3px;
margin:0px 0px 10px;
}

span.donate {
display:block;
border:1px solid #168EAA;
background-color:#bde0ed;
padding:3px 5px;
font-weight:normal;
text-align:center;
font-style:italic;
}

span.donate a {
font-weight:bold;
color:#168EAA;
}

div.headlines {
border:1px solid #168EAA;
background-color:#bde0ed;
padding:5px 5px 5px 10px;
margin-bottom:10px;
}

span.headlines {
display:block;
margin-right:15px;
text-align:left;
}

div.headlines li {
list-style-image:url(images/spiral-15.gif);
}

.pic-caption {
text-align:center;
font-weight:bold;
margin-bottom:30px;
}

.pic-caption a {
color:#0a5e5d;
text-decoration:underline;
}

.read-more {
font-size:11px;
font-weight:normal;
}

.img-left {
float:left;
margin:0px 20px 20px 0px;
}

.img-right {
float:right;
margin:0px 0px 20px 20px;
}