body{background:  #000000 url(../images/template/topbg_teen.jpg) repeat-x left top;font-family: Arial, Helvetica, sans-serif;}
#wrap{width:783px; text-align:left;}
#header {height: 100px; background:url(../images/template/logo.png) no-repeat left top;}
#header h1{display:none;}
#title {height:46px; padding-top:10px; text-align:left; margin-left:200px; color:White; font-family:Warnock Pro Display, New Roman, Serif;}
#title .large{font-size:2em;}
#title .small{font-size:1.2em; font-style:italic;}
#title a{text-decoration:none; color:White;}

#content{height:auto; padding:10px;font-size:12px; background: url(../images/template/contentbg.jpg) White top left repeat-x;}
#content #colright{width:200px; font-size:12px; float:right; margin-left:4px; margin-right:0px; color:White; margin-top:0px; background-color:Black; padding:0px;}
#content #colright h1 {background-color:#B6314D; color:White; width:194px; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}
#content #colright a {color:white;}
#content #colrightanime{width:230px; font-size:12px; float:right; margin-left:4px; margin-right:0px; margin-top:0px; background-color:Black; padding:0px;}
#content #colrightanime h1 {background-color:#B6314D; color:White; width:224px; font-size:16px; font-weight:bold; margin:0; padding:3px;}
#content #colrightanime a {color:white; text-decoration:none;}



#contentsub{height:auto; margin-left:170px; padding:0px;}
#contentsub #colright{width:175px; font-size:11px; float:right; margin-left:6px; background-color:#D2D2C8; padding:0px;}
#contentsub #colright h1 {background-color:#B6314D; text-align:center; color:White;  width:169px; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}
#contentsub #colright a {color:#6F3F3F;}

#contentadmin{height:auto; margin-left:0px; padding:0px;}
#contentadmin #colright{width:200px; font-size:11px; float:right; margin-left:4px; background-color:#D2D2C8; padding:0px;}
#contentadmin #colright h1 {background-color:#6F3F3F; color:White; font-size:14px; font-weight:bold; margin-top:0px; padding:3px;}
#contentadmin #colright a {color:#6F3F3F;}
#adminnnav {width:100%;}


#content a, #contentsub a{color:Black;}

#libraryrightcol{float:right; width:175px; margin-top:25px; margin-right:8px; padding-top:5px; text-align:left; border-left:solid 1px #A36E42;border-right:solid 1px #A36E42;border-bottom:solid 1px #A36E42;}


#topnav {height: 20px; text-align:right; font-size:.7em; color:White; padding-right:20px; white-space: nowrap;}
#topnav a, #topnav a:visited{color:White; text-decoration:none;}
#topnav a:hover{color:#AFC1CF; text-decoration:underline;} 
#tabs {text-align:right; margin-left:200px; margin-bottom:-1px;text-decoration: none; padding:0px; font-size: .75em;}
#tabs a, #tabs a:link, #tabs a:hover, #tabs a:visited{text-decoration: none;}
/* top tabs */
.tab_extra {width: 100%;}
.tab_node {vertical-align: middle; float:left; height:24px; text-decoration: none; white-space: nowrap; padding: 3px; width:auto; background: url(../images/template/tab_bg.jpg) repeat-x top center; }
.tab_node_blue {vertical-align: middle; float:left; height:24px; white-space: nowrap; padding: 3px; width:auto; background: url(../images/template/tab_bg_blue.jpg) repeat-x top center; }
.tab_node a:link, .tab_node a:visited,.tab_node_blue a:link, .tab_node_blue a:visited{color: #000; text-decoration: none; }
.tab_node a:hover, .tab_node_blue a:hover {color: #4681A4; text-decoration: none; }
.tab_start {float:left; height:24px; width:3px; white-space: nowrap; margin-left:1px; background: url(../images/template/tab_start.jpg) #fff top right no-repeat; }
.tab_start_blue {float:left; height:24px; width:3px; white-space: nowrap; margin-left:1px; background: url(../images/template/tab_start_blue.jpg) #fff top right no-repeat; }
.tab_end {float:left; height:24px; width:3px; white-space: nowrap; margin-right:1px; background: url(../images/template/tab_end.jpg) #fff top left no-repeat; }
.tab_end_blue {float:left; height:24px; width:3px; white-space: nowrap; margin-right:1px; background: url(../images/template/tab_end_blue.jpg) #fff top left no-repeat; }
.tab_search{color:White;}

#breadcrumb{text-align:left; vertical-align:top;width:777px; font-size: .8em; height:14px; padding:3px; font-family:Verdana, Arial, Helvetica, Sans-Serif; color:#cccccc;}
#breadcrumb table{width:100%;}
#breadcrumb table td.bread_node_current{font-weight:bold;}
#breadcrumb a{color:#cccccc; white-space:nowrap; text-decoration:none;}
#breadcrumb a:hover{text-decoration:underline;}



#mainnav{height:139px;width:100%;}
/* menu */

#mainnav table.menu{width:100%; text-align:center; padding:0px; background-color:Transparent; font-size:.9em; font-weight:bold;}
#mainnav table.menu table{width:100%;}
#mainnav .menu_teen_hapenings{background:#FF9900 url(../images/menu/happenings_teens.jpg) no-repeat top center; vertical-align:bottom; color:White; height:139px; width:131px;}
#mainnav .menu_teen_homework{background:#9BC142 url(../images/menu/homework_teens.jpg) no-repeat top center; color:White; height:139px; width:131px;}
#mainnav .menu_teen_links{background:#3366CC url(../images/menu/links_teens.jpg) no-repeat top center; color:White; height:139px; width:130px;}
#mainnav .menu_teen_myspace{background:#2D8787 url(../images/menu/myspace_teens.jpg) no-repeat top center; color:White; height:139px; width:131px;}
#mainnav .menu_teen_anime{background:#663399 url(../images/menu/anime_teens.jpg) no-repeat top center; color:White; height:139px; width:130px;}
#mainnav .menu_teen_gallery{background:#B6314D url(../images/menu/galleries_teens.jpg) no-repeat top center; color:White; height:139px; width:130px;}
#mainnav .menu_teen_hapenings div, #mainnav .menu_teen_homework div, .menu_teen_links div, #mainnav .menu_teen_myspace div, #mainnav .menu_teen_anime div, .menu_teen_gallery div{padding-top:120px;}

#mainnav .menu_teen_gallery_child{background:#D86D83; padding:3px; width:150px; font-size:.7em; font-weight:bold; color:Black;}
#mainnav .menu_teen_gallery_child a:link, #mainnav .menu_teen_gallery_child a:visited {color:Black;}
#mainnav .menu_teen_gallery_child a:hover {color:White;}

#footer{height: 40px; margin-top:10px; line-height:.6em; font-family: Arial, Helvetica, sans-serif; font-size: .7em; color: #FFFFFF; text-decoration: none;}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* breadcrumb */
.AspNet-SiteMapPath { width: 100%; }
.bread_extra {width: 100%; }
.bread_node {margin: 0;}
.bread_node_current { margin: 0; font-weight:bold;}
.bread_node_current a {text-decoration: none; }

/* virtual library containers */

/* services section pages containers */
.reference { text-decoration: underline; }
.bg_spacer { width:200px;float:right;height:60px; }

/* tiny blocks for refer to styling */

/* page sections - typically a header/content/link back to top */
div.page_sect_body ul { margin-top: .5em; }
div.page_sect_head { color: #333; font-size: 1.2em; font-weight: bold; padding: 2px;  border-bottom: 1px solid #ccc; }
div.page_sect_body { margin: .5em 10px 1em 10px;  }
div.page_sect { margin: 1em 0 1em 0; }
div.page_sect_top { text-align: right; clear: both;  }
div.page_sect_top a { padding-left: 16px; background: url(../images/back-up.png) bottom left no-repeat; }

tr.trgreen, tr.trgreen a{background-color: #94937A; font-size:1.1em; font-weight:bold; color:White; text-decoration:none;}
tr.trgreen a:hover{text-decoration:underline;}

div.contentBoxGray{width:550px; clear:left; margin-bottom:10px;margin-top:5px;  background-color:#eeeeee; border:2px solid gray;}