/* layout  */
/* layout width and height */
body{ width:100%; text-align:center;}
#container,#branding-container, #content-container,#site-information-container {width:100%;min-width: 1010px;text-align:center;}
 #branding, #zero,#content,#site-information{width: 980px;}
#branding h2 {height:0px;margin:0; padding:0;line-height:0;}
 #monthly-photos {width: 33.0%;}
 body.news-and-events #zero h2  {width: 34.0%;}
#zero .first,#two .first   {width: 35.0%;}
#zero .second  {width: 64.0%;}
#zero #slide_holder {height:326px ;width: 64.0%;}
#three, #one, #two{width: 100%; }
#one .first {width: 68%;border-right:solid 0px #eee;}
#one .second{width: 31%;}
body#ecology #one .first,body#ecology #two .first,body.about #one .first {width: 33.0%;}
#two .second, body#ecology #one .second, body.about #one .second {width: 64.0%;}
 #archive {width: 46%;}
#more-site-information  {width: 51.0%;}
 #archive .one, .popeye  {width: 47%;}
#more-site-information .three,  #archive .two {width: 46%;} 
#more-site-information .vcard {width: 48.0%;} 
#volunteer {width: 45%}
#news, #upcoming, #join, #donate  {width: 48%}
body.home #two .second {height: auto;}
.image {width:627px;}
.popeye {height:250px;}
body#ecology #zero img {height:264px;width:627px;}
#zero .first  {width: 35.0%;}
#zero .second  {width: 64.0%;}
/* layout margins */
#container,.tab-navigation { margin: 0; }
#branding-container {margin: -12px 0 0 0}
#branding,#main-navigation .navigation, #zero,#site-information{ margin: 0 auto;  text-align:left;}
#site-information {margin-top: 1.2em;}
#content {margin: 0 auto 0.6em auto;text-align:left;}
#three,  #two{ margin: 0;  text-align:left;}
#one .first,#one .second,#two .first,#two .second, #archive, #archive .one, #archive .two  {margin: 0}
body#ecology #one .second  {margin-top:0.2em }
#volunteer {margin: 0.2em 0 1.2em 0.2em;}
.popeye {margin: 1.2em 0 1.6em 1.2em;}

/* layout padding */
#container { padding: 1.0em 0 0 0; }
#branding-container,.tab-navigation, #zero {padding: 0;}
#branding {padding: 0.4em 0 0 0;border: solid 0px #fff}
body.home #two .second .tab-navigation {padding: 0.6em 0;}
#content {padding: 0;}
#two, #three{padding: 2.2em 0 2.2em 0;}
 body.about #one {padding-bottom: 3.2em;}
#one, body.get-involved #two {padding-top: 0;padding-bottom: 1.2em;}
#site-information-container {padding: 10px 0;}
.about #site-information {padding-top: 20px;}
h2, h3, h4 {padding-bottom: 0.4em;}
.vcard {padding: 0.9em 0 ;}
#volunteer {padding: 0.6em;}
#monthly-photos {padding-left: 7px;}
dl { padding:0;}
/* layout positioning float left*/
#three, #one, #two,#one .first, #two .first, #three .first,#zero .first,#more-site-information .three,#archive,#zero blockquote,#monthly-photos {float: left; clear: left;}
/* layout positioning float right*/
#one .second, #two .second, #three .second,#zero .second,#archive .two, #more-site-information, .vcard,#volunteer,#zero #slide_holder,.popeye  {float: right; clear: right;}
/* layout positioning relative and absolute */
h1, h2, h3, h4,#container, #branding,blockquote,#monthly-photos, #content,#three, #one, #two,body,#zero img {position: relative;}
#monthly-photos {top: -7px;left:-4px;}

span.more-information, form#commentform-shipyardschoolblog textarea#honey, span.location{position: absolute;left: -9999px;margin:0; padding:0;width: 900px;}
span.summary, a#skip, span.feed, span.site-navigation-menu,h2 span{position: absolute;}
/*span.feed */{right:252px;display:block;position:absolute;top:8px;z-index:1000;       	}
span.site-navigation-menu { right:8px;display:block;position:absolute;width: 20%;top:0;
            	z-index:100;border-top-width:0px;text-align:center;font-size: 14px;
            	font-weight:bold;padding: 4px 0;}
span.site-navigation-menu  a {text-decoration:none;}
#zero img,.image, #site-information {overflow:hidden;}