/* bm~styles.css -----------------------------------------------------
   CSS styles for Dare County Schools,
   generated 2009-08-06 13:02:40 GMT by Big Medium v2.0.3
   
   DO NOT EDIT THIS FILE MANUALLY
   This file is generated automatically, and any changes that you
   make to it will be overwritten. To add your own custom styles,
   use the "Edit Theme CSS" option in the Big Medium control panel.
   You may also remove theme styles via the "Remove Design Theme"
   option. Navigation styles may be removed via the navigation options
   in "HTML Preferences."
   ------------------------------------------------------------------- */

/* START BASE BIG MEDIUM STYLES
------------------------------------------------------ */
/* $Id: base.css 3097 2008-06-03 16:33:08Z josh $ */

/* margins and containers
---------------------------------------------------------- */
p {
    margin-top:0;
    margin-bottom:1em;
}

div.bmw_link {  /* container for each page link */
    margin-bottom: 1.4em;
}

div.bmw_pagetools span { /* page tool spacing */
    margin-right: 1em;
}

div.bmw_pageContent,
div.bmw_anncContent,
div.bmw_tipContent,
div.bmw_link,
div.bmc_aboveContent,
div.bmc_belowContent,
div.bmw_images,
div.bmw_gallery,
form.bmf_form p {
    overflow: hidden;
    zoom:1; /* not standard, but necessary to make ie observe overflow */
}

/* navigation bars
---------------------------------------------------------- */
div.bmw_navigation ul, div.bmw_navigation li {
    list-style:none;
    padding:0;
    margin:0;
}
div.bmw_navigation a {
    display:block;
}
div.bmw_navigation iframe { /* for ie dropdowns */
	position: absolute;
	left: -1px;
	top: -1px;
	z-index: 0;
}
select.bmHide { visibility: hidden; } /* for IE 5.0 dropdowns */
div.bmw_navigation div.bmn_skipnav a,
div.bmw_navigation div.bmn_skipnav a:visited,
div.bmw_navigation div.bmn_skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}


/* big medium link
---------------------------------------------------------- */
a.bmw_bigmedium {
    width: 90px;
    height: 16px;
    background: url(bm~assets/powered_by_big_medium.gif) no-repeat;
    display:block;
    text-indent:-10000em;
    font-size:0em;
    line-height:0em;
}

/* images
---------------------------------------------------------- */
img { border: 0; }

img.bma_leftthumb {
    float:left;
    margin-right: .5em;
}
img.bma_rightthumb {
    float:right;
    margin-left: .5em;
}

/* image wrappers
---------------------------------------------------------- */

div.bmc_image {
    padding: .5em
}
div.bmc_leftContentImage {
    float:left;
    margin-right: .5em;
}
div.bmc_rightContentImage{
    float:right;
    margin-left: .5em;
}
div.bmc_centerContentImage{
    margin-left: auto;
    margin-right: auto;
}

/* pullquotes
---------------------------------------------------------- */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote {
    padding: 0 1em;
    margin: 0;
    width: 200px;
}

blockquote.bmc_bigPullquote {
    font-size: small;  /* fake size for ie5 */
    voice-family: "\"}\""; voice-family:inherit;
    font-size: medium; /* real font size for everyone else */
}

blockquote.bmc_rightPullquote {
    float:right;
    margin-left: .5em;
}
blockquote.bmc_leftPullquote {
    float:left;
    margin-right: .5em;
}
blockquote.bmc_centerPullquote{
    margin-left: auto;
    margin-right: auto;
}


/* document wrappers
---------------------------------------------------------- */

div.bmc_document {
    padding: 0 1em;
    width: 200px;
}
div.bmc_rightDocument {
    float:right;
    margin-left: .5em;
}
div.bmc_leftDocument {
    float:left;
    margin-right: .5em;
}
div.bmc_centerDocument{
    margin-left: auto;
    margin-right: auto;
}
div.bmc_Document {
    margin-bottom: 0.8em;
}

/* feed icon
---------------------------------------------------------- */

a.bma_feed {
    padding-left: 18px;
    background-image: url(bm~assets/feed-icon-12x12.gif);
    background-repeat: no-repeat;
    background-position: 1px 1px;
}

/* document icons
---------------------------------------------------------- */
a.bm_docicon {
    padding-left: 20px;
    background-image: url(bm~assets/docIconSm_generic.gif);
    background-repeat: no-repeat;
}
a.bm_gifDocIcon, a.bm_pngDocIcon, a.bm_jpgDocIcon, a.bm_jpegDocIcon, a.bm_icoDocIcon,
a.bm_bmpDocIcon, a.bm_jfifDocIcon, a.bm_tifDocIcon, a.bm_tiffDocIcon, a.bm_psdDocIcon,
a.bm_epsDocIcon {
    background-image: url(bm~assets/docIconSm_image.gif);
}
a.bm_pdfDocIcon {
    background-image: url(bm~assets/docIconSm_pdf.gif);
}
a.bm_docDocIcon {
    background-image: url(bm~assets/docIconSm_doc.gif);
}
a.bm_xlsDocIcon, a.bm_xlwDocIcon {
    background-image: url(bm~assets/docIconSm_excel.gif);
}
a.bm_rtfDocIcon {
    background-image: url(bm~assets/docIconSm_rtf.gif);
}
a.bm_txtDocIcon {
    background-image: url(bm~assets/docIconSm_txt.gif);
}
a.bm_xmlDocIcon {
    background-image: url(bm~assets/docIconSm_xml.gif);
}
a.bm_zipDocIcon, a.bm_gzDocIcon, a.bm_gzipDocIcon, a.bm_tazDocIcon,
a.bm_tgzDocIcon, a.bm_hqxDocIcon, a.bm_binDocIcon, a.bm_tarDocIcon {
    background-image: url(bm~assets/docIconSm_zip.gif);
}
a.bm_sitDocIcon {
    background-image: url(bm~assets/docIconSm_sit.gif);
}
a.bm_dmgDocIcon {
    background-image: url(bm~assets/docIconSm_dmg.gif);
}
a.bm_pptDocIcon, a.bm_ppsDocIcon {
    background-image: url(bm~assets/docIconSm_powerpoint.gif);
}
a.bm_mppDocIcon {
    background-image: url(bm~assets/docIconSm_project.gif);
}
a.bm_sxwDocIcon, a.bm_stwDocIcon, a.bm_sxgDocIcon, a.bm_sdwDocIcon, a.bm_sglDocIcon {
    background-image: url(bm~assets/docIconSm_oo-write.gif);
}
a.bm_sxcDocIcon, a.bm_stcmDocIcon, a.bm_sdcDocIcon {
    background-image: url(bm~assets/docIconSm_oo-calc.gif);
}
a.bm_sxiDocIcon, a.bm_stiDocIcon, a.bm_sddDocIcon, a.bm_sdpDocIcon {
    background-image: url(bm~assets/docIconSm_oo-impress.gif);
}
a.bm_sxdDocIcon, a.bm_stdDocIcon, a.bm_sdaDocIcon {
    background-image: url(bm~assets/docIconSm_oo-draw.gif);
}
a.bm_mp3DocIcon, a.bm_mpuDocIcon, a.bm_m4aDocIcon, a.bm_midDocIcon, a.bm_midiDocIcon,
a.bm_rmiDocIcon, a.bm_m4pDocIcon, a.bm_aacDocIcon, a.bm_aifDocIcon, a.bm_aiffDocIcon,
a.bm_aifcDocIcon, a.bm_wavDocIcon, a.bm_wmaDocIcon, a.bm_ramDocIcon, a.bm_rmDocIcon {
    background-image: url(bm~assets/docIconSm_audio.gif);
}
a.bm_wmvDocIcon, a.bm_aviDocIcon, a.bm_mpegDocIcon, a.bm_mpeDocIcon, a.bm_mpgDocIcon,
a.bm_mp4DocIcon {
    background-image: url(bm~assets/docIconSm_winvideo.gif);
}
a.bm_swfDocIcon {
    background-image: url(bm~assets/docIconSm_flash.gif);
}
a.bm_movDocIcon, a.bm_qtDocIcon, a.bm_moovDocIcon, a.bm_qtmDocIcon {
    background-image: url(bm~assets/docIconSm_quicktime.gif);
}

/* overflow navigation
---------------------------------------------------------- */
ul.bmw_overflowNav, ul.bmw_overflowNav li {
    margin: .5em 0em;
    padding: 0;
    list-style:none;
    position:relative; /* helps ie6 show the bottom link borders */
}
ul.bmw_overflowNav li {
    display:inline;
}
ul.bmw_overflowNav a, span.bma_inertPage {
    border:1px solid #999;
    padding: .2em .4em;
    text-decoration:none;
    background-color: #fff;
    line-height: 200%;
}
ul.bmw_overflowNav a.bma_thisPage {
    background-color: #ffa;
}
span.bma_inertPage {
   color: #999;
   border-color: #ccc;
}

/* search form 
---------------------------------------------------------- */

form.bmw_search button {
    vertical-align: top;
}

/* email, comment, widget-builder forms
---------------------------------------------------------- */
form.bmf_form {
    margin:.5em 0em;
    border: 1px solid #999;
    padding:.5em;
}
form.bmf_form p {
    overflow:hidden;
    zoom: 1;
}
form.bmf_form label {
    width: 30%;
    display: block;
    float:left;
    text-align: right;
    margin-right: .5em;
}
form.bmf_form input,
span.bmf_caption {
    width: 60%;
    display: block;
    float:right;
    margin-right: .5em;
}
label.bmf_req, p.bmf_req label {
    font-weight:bold;
}
form.bmf_form .bmf_comment {
    float:none;
    width: 99%;
    margin: 0;
    display:inline;
}
form.bmf_form label.bmf_auto,
form.bmf_form input.bmf_auto {
    width: auto;
    display:inline;
    float:none;
}
p.bmf_authorintro-sent,
p.bmf_authorintro-,
p.bmf_sendintro,
p.bmf_confirm,
div.bmf_tomail,
div.bmf_emailform-sent,
form.bmf_form input.bmf_honey,
.bmf_honey {
    display:none;
}
p.bmf_sendintro-,
div.bmf_tomail-,
p.bmf_confirm-sent {
    display:block !important;
}
p.bmf_privacy {
    font-size: smaller;
}
#bmjsFeed { width:95% }

/* gadget preview styling */
#bmjsSample div.bmfeedItem{margin-bottom:1em;overflow:hidden;zoom:1}
#bmjsSample img{float:left;margin-right:5px;}
#bmjsSample div div > p:first-child{margin-top:0}
#bmjsSample div div > p:last-child{margin-bottom:0}

/* workaround for mozilla hidden field bug */
input[type="hidden"] {
    display: none !important;
    visibility: hidden !important;
    padding: 0;
    border: 0;
}

/* comment html
---------------------------------------------------------- */

.bmc_comment {
    zoom: 1;
    overflow: hidden;
    border:1px solid #666;
    padding:.3em;
    margin-bottom: 1em;
    background-color: #fff;
}
.bmc_comment_staff {
    background-color: #ffc;
}
.bmc_comment_meta {
    background-color: #ddf;
    padding: .1em .5em;
    overflow: hidden;
    zoom: 1;
}
.bmc_comment_name {
    font-weight:bold;
    float: left;
    width: 40%;
}
.bmc_comment_timestamp {
    float:right;
    width: 55%;
    text-align:right;
    padding-top: .2em;
}
.bmc_comment_date,
.bmc_comment_time {
    padding-right: .5em;
    border-right: 1px solid #999;
    margin-right: .2em;
}

/* tag cloud
---------------------------------------------------------- */

ul.bmw_tagcloud, ul.bmw_tagcloud li {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul.bmw_tagcloud li {
    display: inline;
    margin-right: 1em;
}
ul.bmw_tagcloud li a {
    text-decoration: none;
}
a.bmw_tagcloud_xsmall { font-size: x-small; }
a.bmw_tagcloud_small { font-size: small; }
a.bmw_tagcloud_medium { font-size: medium; }
a.bmw_tagcloud_large { font-size: large; }
a.bmw_tagcloud_xlarge { font-size: x-large; }

/* edit links
---------------------------------------------------------- */

p.bmEditPanel {
	padding: 1px 10px 1px;
	font-size: 11px;
	line-height: 15px;
	height: 16px;
	text-align: left;
	background: url(bm~assets/edit-panel.png) no-repeat right top;
}
p.bmEditPanel a,
p.bmEditPanel a:visited {
    font-size:11px;
    line-height: 15px;
    color: #fff;
    padding-left: 18px;
    background-position: 1px 1px;
    background-repeat: no-repeat;
}
p.bmEditPanel a:hover {
    color: #ccc;
}
a.bmEdit,
a.bmNewPage {
    padding-right: 10px;
    border-right:1px solid #fff;
    margin-right: 5px;
}
a.bmEdit {
    background-image: url(bm~assets/bmcp_edit.gif);
}
a.bmNewPage {
    background-image: url(bm~assets/bmcp_newpage.gif);
}
a.bmDel {
    background-image: url(bm~assets/bmcp_delete.gif);
}

/* image lightbox
---------------------------------------------------------- */

#bmlbox_lightbox {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#bmlbox_lightbox a img { border: none; }

#bmlbox_outerImageContainer {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#bmlbox_imageContainer { padding: 10px; }

#bmlbox_loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#bmlbox_hoverNav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 99%; /* 100% can cause 1-pixel overhang */
    z-index: 10;
}

#bmlbox_imageContainer>#bmlbox_hoverNav { left: 0; }
#bmlbox_hoverNav a { outline: none; }

#bmlbox_prevLink,
#bmlbox_nextLink {
    width: 49%;
    height: 100%;
    display: block;
}

#bmlbox_prevLink {
    left: 0;
    float: left;
    background: url(bm~assets/lightbox_prev.gif) left 0% no-repeat;
}

#bmlbox_nextLink {
    right: 0;
    float: right;
    background: url(bm~assets/lightbox_next.gif) right 0% no-repeat;
}

#bmlbox_imageDataContainer {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
	overflow: hidden;
	width: 100%	
}

#bmlbox_imageData {
    padding: 0 10px;
    color: #666;
}

#bmlbox_imageData #bmlbox_imageDetails {
    width: 70%;
    float: left;
    text-align: left;
}

#bmlbox_imageData #bmlbox_caption {
    font-weight: bold;
}

#bmlbox_imageData #bmlbox_numberDisplay {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#bmlbox_imageData #bmlbox_bottomNavClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#bmlbox_overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}

/* sitemap link
---------------------------------------------------------- */
a.bma_sitemap { display:none }

/* START NAVIGATION VNAV STYLES
------------------------------------------------------ */
/* $Id: vnav_dropdown.css 2716 2007-10-31 17:46:37Z josh $
   Thanks to the gang from htmldog.com and the handy suckerfish technique:
   http://www.htmldog.com/articles/suckerfish/dropdowns/

This section controls the color of the navigation;
these may be overridden in the theme styles
-------------------------------------------------------------------    */
div.bmn_vnav li {
    background-color: #fff;        /*background color of main section area*/
}

div.bmn_vnav li ul li {
    background: #eff;              /*background color of dropdown menus */
}

div.bmn_vnav li:hover, div.bmn_vnav li.bmn_hover {
    background: #dee;              /* rollover background color */
}

div.bmn_vnav li {
    border-bottom: 1px solid #dee; /* border between menu items */
}

/*
This section controls the width of the navigation; override in theme styles
-------------------------------------------------------------------    */
div.bmn_vnav, div.bmn_vnav ul, div.bmn_vnav li {
    /* if safari has trouble w/vertical alignment of submenus,
       try setting to a unit-based width, like 100px */
    width:100%;
}

div.bmn_vnav li ul {
    margin-left:100%; /* match width above */
}

/* the rest is the css to handle the layout of the dropdowns
   --------------------------------------------------------- */

/* note: avoid position:relative on "div.bmn_vnav" or
   "div.bmn_vnav ul" -- makes ie7 cover adjacent text
   and links and make them unclickable */

div.bmn_vnav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

div.bmn_vnav a {
    display: block;
    padding: .3em;
}

div.bmn_vnav li {
    line-height:1.2em;
    float: left;
    position:relative;
}

/*hide all subnav*/
div.bmn_vnav li ul {
    /* margin is line height (1.2em) + ( 2 x padding div.bmn_vnav a (.3em) ) */
    margin-top:-1.8em;
    position: absolute;
    z-index: 1001;
    left: -999999em;
}

/*reveal first-level subnav on rollover*/
div.bmn_vnav li:hover ul,
div.bmn_vnav li.bmn_hover ul {
    left: auto;
}
/* ... but keep nested second-level and third-level subnav hidden */
div.bmn_vnav li:hover ul ul,
div.bmn_vnav li.bmn_hover ul ul,
div.bmn_vnav li:hover ul ul ul,
div.bmn_vnav li.bmn_hover ul ul ul {
    left: -999999em;
}
/* ... until their parents are rolled over */
div.bmn_vnav li li:hover ul,
div.bmn_vnav li li.bmn_hover ul,
div.bmn_vnav li li li:hover ul,
div.bmn_vnav li li li.bmn_hover ul {
    left: auto;
}

/*get clear of the floated navigation */
div.bmn_vnav span.bmn_clearNav {
    height:0px;
    font-size:0px;
    display:block;
    width: 0px;
    overflow:hidden;
    clear:left;
}

/* START THEME STYLES
----------------------------------------------------------- */
body { 
    background-color:#003;
    color:#fff;
    font-family:arial, helvetica, sans-serif;
}

a:link,
a:visited {
    color:#fff; 
}
a:hover { 
    color:#9cf; 
}

ul.bmw_overflowNav a:link,
ul.bmw_overflowNav a:visited {
    color: #003;
}

/* PAGE CONTAINERS AND STRUCTURE
   ----------------------------------------------------------------- */

#SiteBox {
	width: 750px;
	margin:0px auto;
	text-align:center;
}

#pageContents {
	text-align:left;
	background-color: #369;
	border: 1px solid #fff;
}

#contentCanvas {
	float: right;
	position:relative;
	width: 583px;
	line-height: 1.2em;
}

.clearCols {
	font-size:3px;
	line-height: 5px;
	clear:both;
}


/* FONT SIZES
   ----------------------------------------------------------------- */

/* default: small body text */
body {
    font-size: 80%;
}

/* x-small fine print */
#Footer,
div.bmc_caption,
div.bmw_pagetools,
div.bmt_pageInfo,
p.bmw_tags,
div.breadcrumbs,
span.bmw_pubdate,
span.bmw_modified {
    font-size: 85%;
}

/* large headlines */
h2.bmw_headline,
div.bmw_spotlightLinks a.bma_head {
    font-size: 165%;
    line-height: 1.3em;
}

/* big blockquote */
blockquote.bmc_bigPullquote {
    font-size: 160%;
    line-height: 1.3em;
}

h3 {
    font-size: 100%;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

h3.bmc_subhead {
    font-size: 130%;
    line-height: 1.3em;
}


/* HEADLINE STYLES
   ----------------------------------------------------------------- */

h2.bmw_headline { 
    color:#fff;
	margin-top: 0;
	margin-bottom: 14px;
}

h3.bmc_subhead { 
    color:#9cf;
}

div.bmw_quickteaseLinks h3.bma_heading { 
    margin-bottom:0px;
}


/* PAGE HEADER
   ----------------------------------------------------------------- */
#DareHeader {
	padding:0 6px 0 16px;
	height: 75px;
	overflow: hidden;
	background-image: url(/bmpix/dare_schools_header.gif);
	background-repeat: no-repeat;
	margin: 0;
}

h1.bmw_sitelogo {
	float:left;
	height: 70px;
	width: 545px;
	overflow:hidden;
	font-size:1px;
	margin: 0;
}

h1.bmw_sitelogo a {
	display:block;
	margin-top: 10px;
	height: 100%;
	text-indent: -5000px;
}

#HeaderLinks {
    list-style: none;
    padding: 26px 6px 0px 0px;
	margin: 0px 0px 0px 574px;
	background-image: url(/bmpix/educate_every_child.gif);
	background-repeat: no-repeat;
	font-size: 11px;
}

div.skipnav a:link,
div.skipnav a:visited,
div.skipnav a:hover {
    position: absolute;
    left: -99999px;
    float: left;
    width: 1px;
    font-size: 1px;
    line-height: 1px;
    text-align:left;
    background-color:transparent;
}



/* LEFT-COLUMN STYLES
   ----------------------------------------------------------------- */

#navElements {
	float: left;
	width: 156px;
	padding-bottom: 215px;
	background-image: url(/bmpix/first_in_flight.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.roundedBox {
	background-image: url(/bmpix/blue_sm_tl.gif);
	background-repeat:no-repeat;
	margin-left: 6px;
}


.topRight {
	background: url(/bmpix/blue_sm_tr.gif) no-repeat top right;
	height:5px;
	margin-left: 5px;
	overflow:hidden;

	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:145px;
}

.roundedBottom {
	background: url(/bmpix/blue_sm_bl.gif) bottom left no-repeat;
	margin-bottom: 1em;
}

.bottomRight {
	background: url(/bmpix/blue_sm_br.gif) no-repeat;
	background-position:bottom right;
	margin-left: 5px;

	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:145px;

	/*Force the line to be exactly 5px high */
	height:5px;
	font-size: 0px;
	line-height: 5px;
	overflow:hidden;
}


#SpanishInfo {
	background-image: url(/bmpix/globe.gif);
	background-repeat:no-repeat;
	margin-left: 6px;
}

#spanishContent {
	border-right: 1px #9cf solid;
	border-left: 1px #9cf solid;
	padding: 1.3em 3px 1.3em 68px;
	
	/* ie win can have trouble when using enlarged font size;
	   this helps keep things static */
	font-size: 12px; 
}


/* SEARCH
------------------------------------------------------------------------- */
form.bmw_search {
    font-size: 100%;
    margin: 0px;
    padding: 10px 0px 10px 6px;
}

form.bmw_search input {
    width:95px;
    border:1px solid #003;
    background: #eef;
    padding:1px;
    font-size: 12px;
    height: 15px;
}
form.bmw_search button {
    border:none;
    background: transparent url(/bmpix/button-bg.gif) no-repeat;
    width:40px;
    height:17px;
    padding:0;
    margin:0px 0px 0px 3px;
    text-align:left;
    text-indent:-99999em;
    overflow:hidden;
}


/* NAVIGATION STYLES
   Supplement Big Medium's built-in dropdown styles
   ----------------------------------------------------------------- */

div.bmw_navigation {
    width: 146px;
	border-right: 1px #9cf solid;
	border-left: 1px #9cf solid;
	padding: 0 1px;
	position:relative;
	z-index:1;
}

div.bmw_navigation li { 
    background-color:transparent; 
    border: none;
}
div.bmw_navigation a { 
    font-weight:bold;
    text-decoration: none;
}

/* sections with subsections get an arrow */
div.bmw_navigation li.bmn_parent {
    width:130px;
    padding-right: 16px;
	background-image: url(/bmpix/link_arrow_up.gif);
	background-repeat: no-repeat;
	background-position: 98% 4px;
}

/* hover has light blue background, dark blue text */
div.bmw_navigation li.bmn_hover,
div.bmw_navigation li:hover {
    background-color:#9cf; 

}

div.bmw_navigation li.bmn_hover a,
div.bmw_navigation li:hover a,
div.bmw_navigation a:hover { 
    color:#006;
}
div.bmw_navigation a:hover { 
    text-decoration: underline;
}

/* active section has white background, black link text */
div.bmw_navigation li.bmn_active {
    background-color: #fff;
}
div.bmw_navigation li.bmn_active a:link,
div.bmw_navigation li.bmn_active a:visited {
    color: #000;
}

/* dropdowns have white background, smaller text */
div.bmw_navigation li ul li {
    background: #9cf; /*background color of dropdown menus */
    font-size: 90%;
}
div.bmw_navigation li li {
    background: #fff;
}
div.bmw_navigation li li a:link,
div.bmw_navigation li li a:visited {
    color: #003;
}
div.bmw_navigation ul li ul li a:hover {
    background-color: #fff;
}

/* transparent background menu (except ie) */
div.bmw_navigation ul ul {
    border-right:1px solid #003;
    border-bottom:1px solid #003;
    -moz-opacity:0.85;
    -khtml-opacity: 0.85;
    opacity: 0.85;

/*  The menu disappears completely for internet explorer;
    removing this filter fixes it:
    filter:alpha(opacity=85); */
}



/* LINK STYLES
   ----------------------------------------------------------------- */

div.bmw_link a.bma_head { 
    font-weight:bold;
}

div.bmw_spotlightLinks a.bma_head { 
    text-decoration: none;
}
div.bmw_spotlightLinks div.bmw_link { 
    margin-bottom: 0px;
}
div.bmw_spotlightLinks a.bma_head:hover { 
    text-decoration: underline;
}


/* TIPS
   ----------------------------------------------------------------- */

h3.bmw_tips { 
    color:#003;
}

div.bmw_tips_tip { 
    color:#003; 
}


/* HOME AND MAIN SECTION PAGES
   ----------------------------------------------------------------- */

#indexMainColumn {
	float:left;
	width: 415px;
}

#homeSpotlight {
	position:relative;
	width:414px;
	background-image: url(/bmpix/spotlight.jpg);
	background-repeat:no-repeat;
	padding-top: 95px;
	margin-bottom: 1em;
}

#mainSpotlight {
	position:relative;
	width:414px;
	background-image: url(/bmpix/spot_top.gif);
	background-repeat:no-repeat;
	padding-top: 1.5em;
	margin-bottom: 1em;
}

#spotlightText {
	padding: 0 10px;
	border-right: 1px #fff solid;
	border-left: 1px #fff solid;
	line-height: 1.5em;
}

#spotlightText a {
	line-height:1.3em;
}

#spotBottom {
	clear:both;
	background: url(/bmpix/spot_bottom.gif) no-repeat bottom left;
	line-height:1.5em;
}

#moreLinks {
	padding-left: 11px;
	margin-top: 1em;
}

#subsectionLinks,
#ArticleBox {
	padding-left: 11px;
	padding-right: 6px;
	
}

/* HOME AND MAIN SECTION PAGES
   ----------------------------------------------------------------- */

#indexSidebar {
	float: right;
	width: 158px;
}

#NewsFlash div.bmw_link {
	font-weight: bold;
	margin: 0px 6px 15px 0px;
	border: 1px #003 solid;
	color: #900;
	padding: 36px 8px 8px 8px;
	background: #ffc url(/bmpix/news_flash.gif) 8px 8px no-repeat;
}
#NewsFlash a:link,
#NewsFlash a:visited {
    color: #900;
}

div.bmw_announcements {
	margin: 0px 6px 15px 0px;
	border: 1px #fff solid;
	color: #003;
	padding: 0px 8px 8px;
	background-color: #69c;
    
}

.sideBox {
	margin-right: 6px;
	background: #69c url(/bmpix/sidebar_top.gif) no-repeat;
	padding-top:5px;
}

.sideBottom {
	clear:both;
	background: url(/bmpix/sidebar_bottom.gif) no-repeat bottom;
	height: 7px;
	line-height: 7px;
	font-size: 3px;
}

#DistrictNews a {
	color: #003;
	font-weight:normal;
}

#DistrictNews {
	border-left: 1px #fff solid;
	border-right: 1px #fff solid;
	padding: 28px 8px 8px;
	color: #003;
	font-weight:normal;
	background: url(/bmpix/district_news.gif) 8px 8px no-repeat;
}

#moreNews {
	margin-top: 1em;
	background: url(/bmpix/dots.gif) top center no-repeat;
	padding-top: 18px;
}


/* ARTICLE PAGE STYLES
   ----------------------------------------------------------------- */

#ArticleBox {
	background: #fff url(/bmpix/article_tl.gif) no-repeat top left;
	padding:0;
	margin-right: 6px;
	margin-bottom: 1em;
	width:577px;
	overflow:hidden;
}

.articleTopRight {
	background: url(/bmpix/article_tr.gif) no-repeat top right;
	margin-left: 10px;
	height:15px;
	
	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:567px;
}

#Article {
	position:relative; /* otherwise ie win loses side borders */
	border-left: 1px #003 solid;
	border-right: 1px #003 solid;
	border-top-style:none;
	padding: 0 10px;

	/* inexplicably, ie6 win requires top padding or border,
	   or else, it creates a 3px top margin */
	padding-top: 1px;
}

.articleBottom {
	background: url(/bmpix/article_bl.gif) bottom left no-repeat;
}

.articleBottomRight {
	background: url(/bmpix/article_br.gif) no-repeat bottom right;
	overflow:hidden;
	margin-left: 10px;

	/*Force the line to be exactly 15px high */
	height:15px;
	font-size: 0px;
	line-height: 1px;
	overflow:hidden;

	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:567px;
}

#Article {
	color: #333;
	line-height: 1.4em;
}

#Article a,
#Article a:visited {
	color: #369;
}

#Article a:hover {
	color: #003;
}

#ArticleBox h2.bmw_headline {
	color: #003;
	line-height: 1.4em;
}

#articlePanel {
	background-image: url(/bmpix/tool_tl.gif);
	background-repeat:no-repeat;
	float:right;
	width: 180px;
	margin-left: 10px;
	background-color: #69c;
	margin-bottom: 1em;
}

#articlePanel a,
#articlePanel a:visited,
#articlePanel div {
	color: #003;
}

div.bmv1ToolPanel,
div.bmv1ToolPanel,
div.bmv1ToolPanel {
	background-color: #69c;
	border-left: 1px solid #003; 
	border-right: 1px solid #003;
	padding-top: -1em;
	padding-bottom:1em;
	
	/* Have to fake out win ie5 */
	width: 180px;
	
	/* Real size */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 178px;

}

.panelTopRight {
	background: url(/bmpix/tool_tr.gif) no-repeat top right;
	height:6px;
	margin-left: 5px;
	overflow:hidden;

	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:175px;
}

.panelBottom {
	background: url(/bmpix/tool_bl.gif) bottom left no-repeat;
}

.panelBottomRight {
	background: url(/bmpix/tool_br.gif) no-repeat bottom right;
	margin-left: 5px;

	/*have to specify width or curve won't come in
	  for the whole width in ie5 mac */
	width:175px;

	/*Force the line to be exactly 6px high */
	height:6px;
	font-size: 0px;
	line-height: 6px;
	overflow:hidden;
}


/* RELATED LINKS
------------------------------------------------------------------------- */
div.bmw_related ul,
div.bmw_related li,
div.bma_related ul,
div.bma_related li {
    margin: 0em 0em 0em 0.6em;
    padding: 0;
}


/* CONTENT PAGE: PULLQUOTES, DOCUMENTS, CODE BLOCKS, AUTHOR BLURBS
------------------------------------------------------------------------- */

/* misc boxes */
div.bmw_authorblurb,
div.bmc_download,
div.bmc_document,
pre {
	background: #eef;
    border:1px solid #69c;
    padding: 1em;
}

pre {
    width: 94%;
    padding: 2%;
    overflow: auto;
    zoom:1;
}
pre,
div.bmw_authorblurb {
    margin: 1em auto;
}

/* pullquotes */
blockquote.bmc_bigPullquote,
blockquote.bmc_smallPullquote { 
    border-top: #69c 1px solid;
    border-bottom: #69c 1px solid;
    padding: 10px 15px 10px 45px;
    background-image: url(/bmpix/quote.png);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    color:#003;
}

/* document downloads */
div.bmc_aboveContent div.bmc_document,
div.bmc_belowContent div.bmc_document,
div.bmc_centerDocument,
div.bmc_download {
    text-align:center;
    margin: 0em auto 1em;
    width: auto;
}


div.breadcrumbs {
    padding: 12px 0px;
}

div.bmw_breadcrumbs,
div.bmw_breadcrumbs a:link,
div.bmw_breadcrumbs a:visited { 
    color:#9cf;
    display: inline;
}
div.bmw_breadcrumbs a:hover { 
    color:#fff; 
}

/* byline */
div.bmw_byline { 
    color:#369;
    font-weight:bold;
    margin: 1em 0em;
}

/* container for email/print links */
div.bmw_pagetools {
    padding: 3px 6px;
    margin: 1px 7px 15px 0px;
    border-top: 1px solid #69c;
    border-bottom: 1px solid #6699cc;
}
div.bmw_pagetools img {
    vertical-align: text-bottom;
}

/* publication and modification dates */
span.bmw_pubdate,
span.bmw_modified { 
    color:#369;
}

/* document and image captions */
div.bmc_caption { 
    color:#003; 
}




/* IMAGES
------------------------------------------------------------------------- */

/* misc images */
div.bmc_image {
    padding:10px;
    background-color: #eef;
    border:1px solid #69c;
}

div.bmc_centerContentImage {
    margin-bottom: 1em;
}


/* image gallery */
div.bmw_gallery div.bmc_image {
    padding: 3px;
    margin-bottom: 0.5em;
}
div.bmw_gallery h3 {
    margin-top: 0;
}


/* FORMS
------------------------------------------------------------------------- */
form.bmf_form {
    border: 1px solid #69c;
    margin-bottom: 0em;
    padding:.5em;
    font-size:100%;
}

input, button, textarea {
	color: #003;
    font-family:arial, helvetica, sans-serif;
	font-size: 100%;
}


/* COMMENTS
------------------------------------------------------------------------- */

/*blue border for comments */
.bmc_comment {
    background-color: #fff;
    border:1px solid #69c;
    padding:4px;
}

/* blue header bar for each comment */
.bmc_comment_meta {
    background-color: #69c;
    color: #fff;
    padding: 2px 4px;
}
#Article .bmc_comment_meta a,
#Article .bmc_comment_meta a:visited,
#Article .bmc_comment_meta a:hover {
    color: #fff;
}

/* orange header/border for staff comments */
.bmc_comment_staff {
    border-color: #003;
    background-color: #ffc;
}
.bmc_comment_staff .bmc_comment_meta {
    background-color: #003;
}

.bmc_comment_timestamp {
    padding-top: 2px;
}
.bmc_comment_date,
.bmc_comment_time {
    border-right: 1px solid #fff;
}


/* NEWS FEED LIST
------------------------------------------------------------------------- */
div.bmw_sectionfeeds {
    margin-top: 1.5em;
}

div.bmw_sectionfeeds ul,
div.bmw_sectionfeeds ul li {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    list-style: none;
}

div.bmw_newsgadget {
    margin: .8em 0em;
}


/* FOOTER STYLES
   ----------------------------------------------------------------- */

#Footer,
#Footer a:link,
#Footer a:visited {
	text-align:center;
	margin: 1em auto;
	color: #fff;
}

a.bmw_bigmedium { margin:0 auto; }


/* HOMEPAGE SCROLL
   ----------------------------------------------------------------- */

#Scroller {
    background-image: url(http://www.darecountyschoolsonline.com/bmpix/dots.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom:18px;
    margin: 1em 0em;
    width:134px;
    overflow:hidden;
}
marquee {
    height: 150px;
    border-top: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
}
