/* SEE See Turtles MAIN.CSS */

body {
font: 0.70em Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin:20px;
padding:0;
}

div {
margin:0;padding:0;
}

p {
margin:0px;padding:0;
line-height:1.5;
}

h6 {
padding:0;
margin: 0px 0 10px 0;
line-height:1.5;
font-size: .95em;
font: 0.70em Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.arrow {
margin: 0px 30px 0px 45px;
}

ul,ol,li {
margin: 5px 30px 15px 20px;
}

#content-body {
width: 900px;
margin: 0 auto;
margin-top: 0px;
padding:0px 0px;
border:0px solid #333333;
background: transparent url('/sites/see/assets/background.gif') repeat-y;
}

a {
color:#aaf04c;
}

a:link, a:visited {
text-decoration: none;
letter-spacing:0.075em;
color:#aaf04c;
}

a:hover {
text-decoration: underline;
color:#aaf04c;
}

#logo {
position: absolute;
margin:25px 0 20px 26px;
z-index:1000;
}

#title {
color:#aaf04c;
font-size:1.30em;
letter-spacing:0.065em;
text-transform: uppercase;
margin:10px 0 0 0;
}

#subtitle {
color:#999999;
text-transform: capitalize;
font-size:1.15em;
letter-spacing:0.065em;
}

#top-navigation {
width:870px;
color:#999999;
font-size:0.95em;
letter-spacing: 0.15em;
padding: 0 30px 20px 0;
text-align:right;
}

#top-navigation p {
margin: 0 50px 20px 0;
}

#top-navigation p a:link {
color: #666666;
}

/* SIDEBAR1 */

#secondary_nav {
width:auto;
color:#CCCCCC;
font-size:1.15em;
line-height:2.50;
letter-spacing: 0.15em;
padding: 0;
text-align:right;
}

#secondary_nav li {
background-image: url('/sites/see/assets/tree_menu_closed.gif');
background-position: 144px 7px;
background-repeat: no-repeat;
}

#secondary_nav li:hover {
	cursor: pointer;
}

#secondary_nav li a {
margin-right: 20px;
background-color: transparent;
}

#secondary_nav li li.end_node a {
	margin-right: 0px;
}

#secondary_nav li.end_node {
background: none;
}

#secondary_nav li {
list-style: none;
}

#secondary_nav li a:link, #secondary_nav li a:visited {
color:#CCCCCC;
text-decoration:none;
}

#secondary_nav li a:hover {
text-decoration:underline;
color:#FFFFFF;
}

#secondary_nav li a.active {
text-decoration:none;
color:#aaf04c;
}

#secondary_nav_sub_page li {
list-style: none;
}

#secondary_nav_sub_page {
width:157px;
color:#666666;
font-size:0.85em;
line-height:1.50;
letter-spacing: 0.15em;
padding: 0;
margin: 0 20px 8px 0;
text-align:right;
}

#secondary_nav_sub_page li a:link, #secondary_nav_sub_page li a:visited {
color:#666666;
}

#secondary_nav_sub_page li a:hover {
text-decoration:underline;
color:#FFFFFF;
}

#secondary_nav_sub_page li a.active {
text-decoration:none;
color:#FFFFFF;
}

/* LAYOUT BUILDER */

html {
color:#FFFFFF;
background: #19191d url('/sites/see/assets/fade.gif') repeat-x;
}

/* dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0px;padding:0;} */

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:text-top;}

sub{vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

input,textarea,select{*font-size:100%;}

legend{color:#19191d;}

del,ins{text-decoration:none;}

h1 {
font-size:120%;
letter-spacing:0.075em;
margin:8px 0;
}

h2 {
font-size:105%;
letter-spacing:0.075em;
font-weight: bold;
margin:8px 0px 0 0;
}

h3{font-size:100%;}

/* h1,h2,h3,h4,h5,h6,strong{font-weight:normal;} */

abbr,acronym{border-bottom:1px dotted #19191d;cursor:help;}

em{font-style:italic;}

blockquote,ul,ol,dl{margin:1em;}

ol,ul,dl{margin-left:2em;}

dl dd{margin-left:1em;}

/* th,td{border:0px solid #19191d;padding:.5em;} */

th{font-weight:bold;text-align:center;}

caption{margin-bottom:.5em;text-align:center;}

p,fieldset,table,pre{margin-bottom:1em;}

input[type=text],input[type=password]{width:20em;*width:20em;}

textarea{width:30em;*width:30em;}

/* End reset + base */


/* Start grid basics */

.layout-row {
display: table;
position: relative;
table-layout: fixed;
padding: 0;
margin: 0;
/* Override the following properties if necessary */
width: 100%;
border-collapse: separate;
}

.layout-column-container {
display: table-row;
padding: 0;
margin: 0;
}

.layout-column {
display: table-cell;
padding: 0 1px 0 0;
vertical-align: top;
overflow: hidden;
}

.layout-column-content-container {
position: relative;
top: 0;
left: 1px;
width: 100%;
height: 100%;
/* Prevents inappropriate margin collapsing */
padding: 1px 0 0 1px;
margin: 0 -1px;
}

/* IE < 8 */

.layout-row, .layout-column-container {
*display: block;
*word-wrap: break-word;
*overflow-x: hidden;
}

.layout-column {
*display: inline;
*zoom: 1; /* Turns on "hasLayout", making blocks display like inline-block */
*width: 100%;
*height: 100%;
*line-height: inherit;
*word-wrap: break-word !important;
*overflow-x: hidden;
}

/* End grid basics */


/* Start decorations - by default form an 8px border around the middle, alter as necessary */

.layout-decoration {
display: block;
position: absolute;
}

.tl, .tr, .bl, .br {
width: 24px;
height: 24px;
}

.t, .b, .m {
left: 24px;
right: 24px;
height: 24px;
}

.l, .r, .m {
top: 24px;
bottom: 24px;
width: 24px;
}

.m {
width: auto;
height: auto;
}

.tl, .t, .tr {
top: 0;
}

.bl, .b, .br {
bottom: 0;
}

.tl, .l, .bl {
left: 0;
}

.tr, .r, .br {
right: 0;
}

/* End decorations */


/* Dimensions */

#header {
width:900px;
height:230px;
}

.header ol li{list-style:none outside;}

.header ul li{list-style:none outside;}

#layout-header-row {
width: 900px;
}

#layout-header {
width: 900px;
height:200px;
}

#layout-header .main_image {
height: 200px;
width: 900px;
margin:-1px 0 0 0;
}

#layout-header ul,li {
margin: 0px;
padding: 0px;
}

#layout-main-row {
width: 900px;
}

#layout-sidebar1 {
width: 200px;
margin: 0;
padding: 0;
border:0px solid #222222;
}

#layout-special {
width: 400px;
height: 70px;
border:0px solid #222222;
}

#layout-special-right {
width: 225px;
height: 70px;
border:0px solid #222222;
}

.special {
margin: 0 0 0 0;
padding: 3px 0;
color:#FFFFFF;
font-size: 11px;
border-bottom: 0px dotted #444444;
}

.special a:link, .special a:visited {
color:#FFFFFF;
font-size: 11px;
text-decoration:none;
}

.special a:hover {
color:#FFFFFF;
font-size: 11px;
text-decoration:underline;
}

.center {
text-align: center;
font-size: 12px;
}

body.layout1 #layout-content {
width: 400px;
padding: 0 0 0 0;
border-top: 1px solid #010103;
background: #29292d url('/sites/see/assets/content.gif') top left no-repeat;
border:0px solid #222222;
}

body.layout2 #layout-content {
width: 670px;
padding: 0 0 0 0;
border-top: 1px solid #010103;
background: #29292d;
position: relative;
}

body.layout3 #layout-content {
width: 700px;
padding: 0 0 0 0;
border-bottom: 1px solid #666666;
background: #000000;
position: relative;
}

body.layout4 #layout-content {
width: 700px;
padding: 0 0 0 0;
border-bottom: 1px solid #666666;
background: #000000;
position: relative;
}

body.layout1 #layout-content p {
margin: 15px 30px 15px 45px;
}

body.layout2 #layout-content p {
margin: 15px 70px 15px 45px;
}

body.layout3 #layout-content p {
margin: 0;
}

body.layout4 #layout-content p {
margin: 0;
}

.content ul, .content li {
color: #CCCCCC;
list-style:square outside #999999;
margin-left: 0;
padding-left: 1em;
margin: 5px 30px 10px 25px;
}

.content ul li ul, .content ul li ul li {
color: #CCCCCC;
list-style:square outside #999999;
margin-left: 0;
padding-left: 1em;
margin: 3px 10px 5px 2px;
}

.content ol, .content li {
color: #CCCCCC;
list-style:square outside #999999;
margin-left: 0;
padding-left: 1em;
margin: 5px 30px 10px 25px;
}

.content h2 {
margin:8px 45px 0px 45px;
}

#layout-sidebar2 {
width: 270px;
padding: 0;
border-top: 1px solid #010103;
background: #29292d;
border:0px solid #222222;
}

#layout-sidebar2 p {
margin: 15px 15px 15px 0px;
}

.sidebar2 p {
padding: 0 15px 0 0;
}

#layout-sidebar3 {
width: 30px;
padding: 0;
border-top: 1px solid #010103;
background: transparent;
border:0px solid #222222;
}

#layout-footer-row {
width: 900px;
text-align:right;
}

body.layout1 #layout-edge {
width: 900px;
height: 186px;
background: #19191d url('/sites/see/assets/edge-turtle.gif') top left no-repeat;
}

body.layout2 #layout-edge {
width: 900px;
height: 30px;
background: #19191d url('/sites/see/assets/edge-blank.gif') top left no-repeat;
}

#layout-footer {
width: 900px;
height: 30px;
color:#48484c;
font-size:0.65em;
padding:7px 33px 4px 0;
border:0px solid #222222;
background: #19191d;
}

#layout-footer a:link, #layout-footer a:visited {
text-decoration: none;
color:#636369;
}

#layout-footer a:hover {
text-decoration: underline;
color:#FFFFFF;
}

.footer {
margin: 0 30px 0 0;
}

#credits a:link, #credits a:visited {
text-decoration: none;
color:#353538;
}

#credits a:hover {
text-decoration: underline;
color:#636369;
}

img {
border: none;
}

.image-default {
margin: 0px;
}

.image-default img {
border: 1px solid #19191d;
margin-top:6px;
}

.image-default table {
border-collapse:collapse;
}

.image-default p.caption {
font-size: 0.86em;
color: #999999;
text-align:center;
width: 220px;
margin: 5px 0 15px 0;
}

.image-content-area img {
margin:6px 0 0 35px;
border: 0;
}

/* 
Login page
-----------------------------------------  */

#login {
margin: 20px auto;
margin-top: 100px;
width: 200px;
border: 1px solid #474649;
padding: 30px;
background: #19191d;
text-align: left;
font-family: Verdana, Arial, Sans-serif;
}

#login img {
margin: 0 0 30px -8px;
}

#login p {
margin: 5px;
margin-left: 0;
padding: 0;
color: #999999;
font: 0.85em Verdana, Arial, Helvetica, sans-serif;
}

#login p a:link, #login p a:visited {
font-size: 10px;
text-decoration: none;
color: #aaf04c;
}

#login p a:hover {
font-size: 10px;
color: #FFFFFF;
text-decoration: underline;
}

#login p.loginSubmit{
margin:6px 0;
}

#login p.loginForgot {
margin:10px 0 0 0;
}

#login .error {
color:#c00;
}

#login input {
padding: 3px;
margin-top:4px;
}

#login p.loginReminderText {
margin: 10px 0;
padding:4px;
color:#333;
border:1px solid #474649;
background: #ffc;
}

#login input.loginUserBox, #login input.loginPassBox {
margin:0;
border:1px solid #ccc;
}

div.login-link {
margin: 10px;
}

div.login-link a:link, div.login-link a:visited {
font-size: x-small;
text-decoration: underline;
}

#facebook {
width:178px;
height: 30px;
padding: 0;
margin:10px 0 0 0;
text-align:right;
}

#twitter {
width:178px;
height: 30px;
padding: 0;
margin:10px 0 0 0;
text-align:right;
}

#flickr {
width:178px;
height: 30px;
padding: 0;
margin:10px 0 0 0;
text-align:right;
}

#addtoany {
width:178px;
height: 30px;
padding: 0;
margin:20px 0 0 0;
text-align:right;
}

#flickrOLD {
width:178px;
height: 100px;
padding: 20px 20px 0 0;
margin:20px 20px 0 0;
text-align:right;
}

#sitemap p {
color: #FFFFFF;
}

#sitemap p a:link, #sitemap p a:visited {
color: #FFFFFF;
text-decoration: none;
}

#sitemap p a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#subscribe {
text-align:right;
padding:21px;
}

#subscribe input.textbox-tiny {
width: 51px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe input.textbox-small {
width: 70px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;	
}

#subscribe input.textbox-medium {
width: 130px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe p label {
width: 158px;
text-align: right;
font: 95%/1.2em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin: 0 0 2px 0;
padding: 0;
display: block;
}

#subscribe-form {
text-align:left;
padding:0px;
}

#subscribe-form input.textbox-tiny {
width: 51px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe-form input.textbox-small {
width: 70px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;	
}

#subscribe-form input.textbox-medium {
width: 130px;
padding: 1px;
color: #FFFFFF;
background: #29292d;
border: 1px solid #666666;
}

#subscribe-form p label {
width: 158px;
text-align: left;
font: 95%/1.2em Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin: 0 0 2px 0;
padding: 0;
display: block;
}

#sponsors {
width: 630px;
}

#sponsors .image-sponsors img {
border: 10px solid #FFFFFF;
margin:5px;
}

.hiddenPic {
display:none;
}