html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, tt, var, dd, dl, dt, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead { margin:0; padding:0; border:0; font-weight:normal; font-style:inherit; font-size:100%; font-family:inherit; text-align:left; vertical-align:top }
a img, :link img, :visited img { border:0 }
table { border-collapse:collapse; border-spacing:0 }
ol, ul { list-style:none }
acronym { border-bottom:1px dotted #000 }
q:before, q:after, blockquote:before, blockquote:after { content:"" }
:focus { -moz-outline-style:none }
body { background-color: #98b5b6; font: 14px Arial, Helvetica, sans-serif; line-height: 150%; height:0; }

/*USE THIS TO CREATE 100% BACKGROUNDS WITHOUT CSS3
===============================================================*/

#background { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: -5; background-color: #98b5b6; }
.stretch { width:100%; height:auto; bottom: 0px; }

*html .stretch { height: 100% !important;}

/*
===============================================================*/

h1, h2, h3, h4, h5, h6 { color: #FFFFFF; font-weight: bold; }
h1 { font-size: 22px; margin: 0 0 .8em 0px; }
h2 { font-size: 18px; margin: 0 0 .7em 0px; }
h4 { font-size: 24px; margin: 0 0 .5em 0px; }
h5, h6 { font-size: 12px; margin: 0 0 .8em 0px; }
#sidebar h2 { border-bottom: 1px dashed #999; }
p { margin: 0 0 .8em 0; }
a { color: #CBD3DE; text-decoration: none; }
a:hover { color: #000; }
#content a { font-weight: bold; }
#content ul li { margin-left:20px; padding-left: 5px; list-style: disc; }
#content ol { list-style:decimal; }
#content ol, #content ul { margin: 20px; }
/*
===============================================================*/
#wrapper { width: 800px; margin: 0 auto; }
#masthead { overflow: auto; padding: 0; margin: 15px 0 0 0; height: 1%; /*IE6*/ }
#logo { background:	url('../images/gbos-logo.png') no-repeat; width: 780px; height: 193px; text-indent: -9999px; float: left }
#logo a { display: block; width: 780px; height: 193px; }
#marquee { width: 390px; float: left; margin: 0 50px 0 0; z-index:5; position:relative;}
#kids { border: #ffffff 10px solid; }
#news { float: left; color: #f7fafb; z-index:5;position:relative;}
#news a { color: #ffffff; }
#news h2{ color: #9bc9e0; }
#news li { margin: 0 0 10px 0;}
/*
===============================================================*/
#navbar { clear: both; float: left; height: 1%; /*IE 6*/ width: 220px; margin: 39px 0 0 0; }

#navbar ul.main-nav { background: url('../images/menu-bg-middle.png') repeat-y top left; width: 220px; padding: 0px 0px 0px 30px; }
#navbartop { background: url('../images/menu-bg-top.png') no-repeat top left; width: 249px; height: 59px;  }
#navbarbottom { background: url('../images/menu-bg-bottom.png') no-repeat top left; width: 249px; height: 86px; }

ul.main-nav { font-size: 20px; }
ul.main-nav li { margin: -8px 0 0 0; }
ul.main-nav li a { display: block; padding: 9px; color: #237ca8; }
ul.main-nav li a:hover { background: url('../images/menu-marker.png') no-repeat left; }
.main-nav li ul{ font-size: 17px; margin: -10px 0 0 125px; padding: 10px; background: url('../images/submenu-bg.png') left; position: absolute; visibility: hidden; width: 125px; z-index:100; color: #c56639; }
ul.main-subnav li{	float: left; clear:left; text-align: left; margin: -5px 0 -5px 0; border: none; width: 125px; }
ul.main-subnav li a{ color: #c56639; }
ul.main-subnav li a:hover{	color: #c56639; }
#content { font-weight:900; color: #255c8d; width: 530px; float: left; margin: 0 0 0 35px; z-index:-1; }
#contentmiddle { background: url('../images/scrapbook-bg-middle.png') repeat-y top center; width: 400px; padding: 0px 50px 15px 60px; margin: -10px 0 0 10px; }
#contenttop { background: url('../images/scrapbook-bg-top.png') no-repeat top center; width: 530px; height: 104px;}
#contentbottom { background: url('../images/scrapbook-bg-bottom.png') no-repeat top center; width: 530px; height: 95px; }
	
/*
===============================================================*/
#content-sub {  width: 720px; height: auto; }

#content-top {  width: 720px; height: 35px; padding: 0px 30px 0 30px; }
#content-middle {  width: 720px; height: auto; margin-top: -30px; padding: 0px 30px 0 30px;  }
#content-bottom {  width: 720px; height: 55px; }


#left-col { float: left; width: 220px;}
#left-col img{ margin: 10px 0 10px 20px; }
#right-col { float: left; width: 430px; margin: 50px 0 0 50px; font-weight:900; color: #FFFFFF; background-color:#2d71a2; padding:10px 10px 20px 10px;  }
#paper-sub { float: right; clear: both; width: 330px; padding: 0 0 0 120px; overflow: hidden; background-color:#2d71a2; }
#fb { margin: 70px 0 0 0;}
/*
===============================================================*/
#paper { clear: both; height: 242px; width: 650px; padding: 20px 0 0 80px; overflow: hidden; background-color:#2d71a2; }
#line1 { width: 600px; }
#quote1 { color: #f6891f; float: left; width: 300px; font-size: 18px; }
#butterfly { float: right; margin: 0 20px 0 0; background-color:#2d71a2; }
#butterfly-main { float: right; margin: 0 20px 0 0; background-color:#2d71a2; }
#line2 { float: left; clear: both; width: 650px; }
#quote2 { color: #FFFFFF; text-align: right; float: right; width: 300px; margin: 0 70px 0 0;}
#socialmedia { float: left; clear: both; width: 600px; }
/*
===============================================================*/
#footer { font-size: 16px; clear: both; padding: 10px 0 0 0; text-align: center; width: 700px;}
#footer p { text-align: center; }
#footer a { color: #000000; font-weight: bold; }
#footer a:hover { color: #c56639; }
#footer ul { margin-left: 170px;}
#footer li { float: left; border-right: #FFF 1px solid; margin: 0 10px 0 0; padding: 0 10px 0 0; }
#footer li.last { border: none;}
/*
===============================================================*/
#copyright { float: left; clear: both; text-align: center; width: 700px;  color: #000000; }