/* :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: ::

                NCDD MAIN SECTION STYLESHEET
                                           
                                    !!! BLUE  !!!
               
                 Version 1 - September 2006

NOTES:  

1. In headers, use <em> to italicize.
2. In paragraphs, use <small> (now set to 80%) to have small text.

:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: */



/* :: :: :: :: :: :: :: :: :: :: PAGEWIDE STYLES  :: :: :: :: :: :: :: :: :: :: */

html { padding: 0; margin: 0; }

body { margin: 0; padding: 0; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; }

img { display: block; border: 0; margin: 0; padding: 0; }

.hide { display: none; }

div#page { margin: 0 auto; padding: 15px 15px 15px 15px; height: 100%; }

fieldset { margin: 0; padding: 0; border: 0; }

#base { clear: both; color: white; font-size: 1px; }



/* :: :: :: :: :: :: :: :: :: :: PAGEWIDE SECTION COLOR STYLES  :: :: :: :: :: :: :: :: :: :: */

.color { color: #4682b4; }

.color_bold { color: #4682b4; font-weight: bold; }

.color_italic { font-weight: normal; font-style: italic; color: #4682b4; }

.color_bold_italic { color: #4682b4; font-weight: bold; font-style: italic; }

.warning { color: #ff0000; }



/* :: :: :: :: :: :: :: :: :: ::  HEADER STYLES  :: :: :: :: :: :: :: :: :: :: */

div#master_header { margin: 0; padding: 0; width: 100%; height: 60px; background: transparent url(images/header_background.jpg) repeat; }

div#logo_level { margin: 0; padding: 0; width: 100%; height: 60px; background: transparent url(images/header_logoside.jpg) top right no-repeat; }

div#title_level { margin: 0; padding: 0; width: 100%; background: transparent url(images/header_leftside.jpg) top left no-repeat; height: 60px; }

div#title_level h2 { margin: 0; padding: 15px 5px 0 15px; font-size: 22px; font-weight: bold; color: white }

div#title_level p { margin: 0; padding: 0 0 0 15px; font-size: 11px; font-weight: bold; color: white; }



/* :: :: :: :: :: :: :: :: :: ::  MENU STYLES  :: :: :: :: :: :: :: :: :: ::  */

div#top_menu { margin: 0; padding: 10px 0 5px 0; width: 100%; border-bottom: solid 1px black; background-color: #fff; text-align: right; }

div#top_menu ul { margin: 0; padding: 0; }

div#top_menu li { margin: 0; padding: 0; font-size: 11px; display: inline; list-style: none; }


/* -- -- -- TOP MENU LINKS -- -- -- */

div#top_menu a:link { margin: 0; text-decoration: none; padding: 0 0 10px 24px; color: #4682b4; font-weight: normal!important; }

div#top_menu a:visited { margin: 0; text-decoration: none; padding: 0 0 10px 24px; color: #4682b4; font-weight: normal!important; }

div#top_menu a:hover { margin: 0; text-decoration: none; padding: 0 0 10px 24px; color: #000; font-weight: normal!important;  }

div#top_menu a:active { margin: 0; text-decoration: none; padding: 0 0 10px 24px; color: #000; font-weight: normal!important; }



/* :: :: :: :: :: :: :: :: :: ::  SIDEBAR STYLES  :: :: :: :: :: :: :: :: :: :: */


div#sidebar { float: left; margin: 0; padding: 0; width: 250px;  }

div#sidebar h3 { margin: 0 10px 0 15px; font-weight: bold; font-size: 11px; }

div#sidebar h4 { margin: 7px 10px 0 15px; font-weight: bold; font-size: 10px; }

div#sidebar h5 { margin: 7px 10px -4px 15px; font-weight: bold; font-size: 10px; } /* tight header */

div#sidebar p { margin: 7px 10px 0 15px; font-size: 10px; line-height: 13px; }


/* -- -- -- SIDEBAR LIST -- -- -- */

div#sidebar ul { margin: 7px 0 0 5px; padding: 0; }

div#sidebar li { font-size: 10px; list-style-type: none; margin: 0 15px; padding: 0; }

div#sidebar ul.go { margin: 7px 0 0 15px; padding: 0; }

div#sidebar ul.go li { font-size: 10px; list-style-image: url(images/bullet_go.png); margin: 0 15px 5px 15px; padding: 0; }

ul#category_list li {
color: #4682b4; font-weight: bold;
}

ul#category_list li ul li {
color: #4682b4; 
font-weight: bold;
list-style-type: circle;
}

#events ul#category_list li ul.children li {
list-style-type: none;
}


/* -- -- -- SIDEBAR SOLID BOX -- -- -- */


div#sidebar .solid_box { margin: 5px 0 15px 0; padding-bottom: 3px; }

div#sidebar .solid_top { margin: 0; padding: 0; font-size: 1px; width: 250px; height: 33px; background: transparent url(images/solid_tr.jpg) no-repeat; }

div#sidebar .solid_content { width: 250px; background: transparent url(images/sidebar_solidback.jpg) repeat; overflow: hidden; }

div#sidebar .solid_bottom { margin: 0; padding: 0; font-size: 1px; width: 250px; height: 16px; background: transparent url(images/sidebar_solid_bottom.jpg) no-repeat; }


div#sidebar .solid_box a:link { margin: 0; text-decoration: none; padding: 0; color: #fff; font-weight: bold; }

div#sidebar .solid_box a:visited { margin: 0; text-decoration: none; padding: 0; color: #fff; font-weight: bold;  }

div#sidebar .solid_box a:hover { margin: 0; text-decoration: none; padding: 0; color: #000; font-weight: bold;  }

div#sidebar .solid_box a:active { margin: 0; text-decoration: none; padding: 0; color: #fff; font-weight: bold;  }


/* -- -- -- SIDEBAR OPEN BOX -- -- -- */


div#sidebar .open_box { margin: 5px 0 5px 0; }

div#sidebar .open_top { margin: 0; padding: 0; font-size: 1px; width: 250px; height: 16px; background: transparent url(images/sidebar_open_top.jpg) no-repeat; }

div#sidebar .open_content { margin: 0; padding: 0;  width: 250px; background: transparent url(images/sidebar_openback.jpg) repeat; overflow: hidden; }

div#sidebar .open_bottom { margin: 0; padding: 0; font-size: 1px;  width: 250px; height: 33px; background: transparent url(images/open_bl.jpg) no-repeat; }


div#sidebar .open_box a:link { margin: 0; text-decoration: none; padding: 0; color: #4682b4;  font-weight: bold; }

div#sidebar .open_box a:visited { margin: 0; text-decoration: none; padding: 0; color: #4682b4; font-weight: bold;  }

div#sidebar .open_box a:hover { margin: 0; text-decoration: none; padding: 0; color: #000; font-weight: bold; border-bottom: 0 !important;  }

div#sidebar .open_box a:active { margin: 0; text-decoration: none; padding: 0; color: #4682b4; font-weight: bold;  }



/* :: :: :: :: :: :: :: :: :: ::  CONTENT STYLES  :: :: :: :: :: :: :: :: :: :: */


div#content { margin: 10px 225px 0 275px; padding: 0; padding-top: 5px; }

div#content p { font-size: 11px; }


/* -- -- --  Introduction <div> Style  -- -- -- */

#intro { margin-bottom: 15px; padding: 0 0 5px 0; border-bottom: dotted 1px #4682b4; }


/* -- -- --  Introduction <div> Text Styles  -- -- -- */

#intro h1 { font-size: 18px; margin: 5px 0 7px 0; }

#intro h2 { font-size: 16px; margin: 5px 0 7px 0; }

#intro h3 { font-size: 14px; margin: 3px 0 7px 0; }

#intro h4 { font-size: 13px; margin: 3px 0 7px 0; }

#intro h5 { font-size: 11px; margin: 3px 0 7px 0;  }

#intro h6 { font-size: 10px; margin: 3px 0 7px 0;  }

#intro p { font-size: 11px; line-height: 14px; margin: 0 0 10px 0; } 


/* -- -- --  Introduction <div> Link Styles  -- -- -- */

div#intro a:link { margin: 0; text-decoration: none; font-weight: bold; color: #4682b4; } 

div#intro a:visited { margin: 0; text-decoration: none; font-weight: bold; color: #4682b4; } 

div#intro a:hover { margin: 0; text-decoration: none; font-weight: bold; color: #000; } 

div#intro a:active { margin: 0; text-decoration: none; font-weight: bold; color: #000; }



/* -- -- --  Main Content <div> Style  -- -- -- */

#main { margin-bottom: 20px; padding: 0; }


/* -- -- --  Main Content <div> Text Style  -- -- -- */

#main h1 { font-size: 18px; margin: 5px 0 7px 0; }

#main h2 { font-size: 14px; margin: 5px 0 7px 0; }

#main h3 { font-size: 14px; margin: 20px 0 7px 0; }

#main h4 { font-size: 13px; margin: 15px 0 7px 0; }

#main h5 { font-size: 11px; margin: 3px 0 7px 0; }

#main h6 { font-size: 10px; margin: 3px 0 7px 0; }

#main p { font-size: 11px; line-height: 16px; margin: 0 0 10px 0; }

#main p.indent { font-size: 11px; line-height: 16px; margin: 0 0 7px 20px; }


/* -- -- -- Main Content <div> Link Style -- -- -- */

div#main a:link { margin: 0; text-decoration: none; font-weight: bold; color: #4682b4; } 

div#main a:visited { margin: 0; text-decoration: none; font-weight: bold; color: #4682b4; } 

div#main a:hover { margin: 0; text-decoration: none; font-weight: bold; padding-bottom: 1px; color: #000; } 

div#main a:active { margin: 0; text-decoration: none; font-weight: bold; color: #000; }


/* -- -- -- Photo and Artwork Styles -- -- -- */

div#main img { float: right; max-width: 200px; padding 0; margin: 7px 0 10px 10px; }

div#main img.block { float: none; max-width: 400px; padding 0; margin: 10px 0; }

div#main img.full { float: none; max-width: 600px; padding 0; margin: 10px 0; }


/*  -- -- --  List Styles  -- -- --  */

ol { margin: 0 0 12px 30px; padding: 0; }

ol.letters { margin: 0 0 12px 35px; padding: 0; list-style-type: lower-alpha; }

ol.capitals { margin: 0 0 12px 35px; padding: 0; list-style-type: upper-alpha; }

ol.roman { margin: 0 0 12px 35px; padding: 0; list-style-type: lower-roman; }

ul { margin: 0 0 12px 30px; padding: 0; }

ul.bullet { margin: 0 0 15px 30px; padding: 0; width: 800px; }

ul.square { margin: 0 0 12px 30px; padding: 0; list-style-type: square; }

ul.circle { margin: 0 0 12px 30px; padding: 0; list-style-type: circle; }

ul.nobullet { margin: 0 0 15px 15px; padding: 0; list-style-type: none; }

ul.paragraphs { margin: 0 50px 12px 25px; padding: 0; list-style-type: none; }

li { font-size: 11px; line-height: 16px; margin: 0 0 7px 0; padding: 0; }

dl { margin: 0 0 11px 10px; padding: 0; }

dt { font-size: 11px; line-height: 16px; margin: 0 0 0 5px; padding: 0; font-weight: bold; }

dd { font-size: 11px; line-height: 16px; margin: 0 150px 7px 15px; padding: 0; }

dl.resource_list { margin: 0 0 11px 0; padding: 0; }

dl.resource_list dt { font-size: 11px; line-height: 16px; margin: 0 0 3px 0; padding: 0; font-weight: bold; }

dl.resource_list dd { font-size: 11px; line-height: 16px; margin: 0 0 10px 0; padding: 0; }


/* -- -- -- In-Paragraph Content-Based Styles -- -- -- */

strong { }

em { }

abbr { border-bottom: dotted 1px #4682b4; color: #4682b4; }

acronym { border-bottom: dotted 1px #4682b4; color: #4682b4; }

cite { }

dfn { border-bottom: dotted 1px #cd5c5c; color: #4682b4; font-style: normal; }

sub { }

sup  {padding-left: 1px; font-weight: bold; font-size: 10px;}

big { font-size: 120%; }

small { font-size: 85%; }


/* -- -- -- Seperate Paragraph Content-Based Styles -- -- -- */

code { font-size: 11px; font-family: Courier, "Courier New", monospace; }

pre { font-size: 11px; font-family: Courier, "Courier New", monospace; }

blockquote { font-size: 11px; font-style: italic; line-height: 18px; margin: 0 50px;  }

.quote_attribute { color: #4682b4;  font-style: normal; }


/* -- -- -- Bottom of Page Styles -- -- -- */

#bottom { border-top: solid 1px #000; margin: 25px 0; padding-top: 7px; text-align: right; }

#bottom p { margin: 0; padding: 0; font-size: 11px; line-height: 16px; }

#bottom a { font-weight: normal!important; }



/*  :: :: :: :: :: :: :: :: :: ::  WORDPRESS SPECIFIC STYLES  :: :: :: :: :: :: :: :: :: ::  */


img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden}


/* -- -- -- Post Content -- -- -- */

#main div.post {margin-bottom: 40px;}

.storytitle { margin-top: 16px!important; }

.author { font-size: 9px!important; border-top: dotted 1px #4682b4; padding-top: 5px; margin-top: 15px!important; }

.comment_link { font-size: 10px!important; margin-top: -26px!important; text-align: right!important; }

#comments { margin-top: 45px!important; }

#main div.post p.bookmarks {
margin-top: -5px;
text-transform: lowercase;
font-weight: bold;
}

#main div.post p.bookmarks a {
margin-left: 3px;
}


/* -- -- -- Category Links in Post -- -- -- */

#main div.similar a:link { margin: 0; text-decoration: none; font-weight: normal; color: #4682b4; } 

#main div.similar a:visited { margin: 0; text-decoration: none; font-weight: normal; color: #4682b4; } 

#main div.similar a:hover { margin: 0; text-decoration: none; font-weight: normal; color: #000; } 

#main div.similar a:active { margin: 0; text-decoration: none; font-weight: normal; color: #000; }


/* -- -- -- Sidebar -- -- -- */

div#sidebar ul.children { margin: 5px 0 0 0; padding: 0; }

div#sidebar ul.children li { margin-top: -5px; padding: 0; }

div#sidebar ul#category_list { margin: 5px 0 0 15px; }

div#sidebar ul#category_list li { margin-bottom: 5px; }

div#sidebar ul#blogroll_list li { margin-bottom: 5px; }


/* -- -- -- Wordpress Pages -- -- -- */

ul.post-meta {  margin: 10px 15px; padding: 0; list-style-type: none;  }

ul.post-meta li {  font-size: 10px; margin: 0 0 0 0; font-style: italic; font-weight: bold; color: #4682b4;  }

.post-meta-key {  color: #000; font-style: normal; font-weight: bold;  }

#page_comments { margin-top: -35px!important; }

div.wp_photo { float: right; margin: 5px 0 0 15px; }

div.wp_photo .wp_photo_image { border: solid 1px #000; }

div.wp_photo .wp_photo_text { font-size: 10px!important; padding: 5px 5px; margin-left: 15px!important; clear: right; font-style: italic; line-height: 12px!important; }

div#nav_link {font-size: 11px; text-align: center; }

form#commentform { width: 95%; }

div#main img.wp-smiley { float:none!important; display:inline; margin-bottom:-3px; }


/* -- -- -- Search Tool -- -- -- */

#search_header { height: 65px; background: #fff url(images/search_result.jpg) top left no-repeat; border-bottom: dotted 1px #4682b4; margin: 0; padding: 0; margin-bottom: 15px; }

.search_item  { padding: 42px 0 0 150px; font-size: 12px!important; }

div#sidebar h3.search_title { margin-top: 15px; }

div#sidebar form.search_form { margin: 0; padding: 0; }

div#sidebar form.search_form input { margin: 10px 10px 0 30px; padding: 3px; font-size: 10px; color: #4682b4; }

div#sidebar form.search_form p { margin: 3px 10px 0 30px; padding: 0; font-size: 9px; color: #666; }


div#right_sidebar form.search_form { margin: 0; padding: 0; }

div#right_sidebar form.search_form input { margin: 0 15px 0 15px; padding: 3px; font-size: 10px; color: #4682b4; }

div#right_sidebar form.search_form p { margin: 3px 15px 0 15px; padding: 0; font-size: 9px; color: #666; }


/* -- -- -- Events Box List -- -- -- */

div#sidebar div#events { margin: -7px 0 -5px 0; }

div#sidebar div#events ul#category_list li { margin: 0 0 3px 0; padding: 0; font-size: 11px; }


div#sidebar div#events ul#category_list li a:link { margin: 0; text-decoration: none; padding: 0; color: #000;  font-weight: bold; }

div#sidebar div#events ul#category_list li a:visited { margin: 0; text-decoration: none; padding: 0; color: #000; font-weight: bold;  }

div#sidebar div#events ul#category_list li a:hover { margin: 0; text-decoration: none; padding: 0; color: #000; font-weight: bold; border-bottom: 0 !important;  }

div#sidebar div#events ul#category_list li a:active { margin: 0; text-decoration: none; padding: 0; color: #4682b4; font-weight: bold;  }


div#sidebar div#events ul#category_list ul.children li { margin: 0 0 0 15px; padding: 0; font-size: 10px; }


div#sidebar div#events ul#category_list ul.children li a:link { margin: 0; text-decoration: none; padding: 0; color: #fff;  font-weight: bold; }

div#sidebar div#events ul#category_list ul.children li a:visited { margin: 0; text-decoration: none; padding: 0; color: #fff; font-weight: bold;  }

div#sidebar div#events ul#category_list ul.children li a:hover { margin: 0; text-decoration: none; padding: 0; color: #000; font-weight: bold; border-bottom: 0 !important;  }

div#sidebar div#events ul#category_list ul.children li a:active { margin: 0; text-decoration: none; padding: 0; color: #4682b4; font-weight: bold;  }


/*  :: :: :: :: :: :: :: :: :: ::  PAGE SPECIFIC SPECIAL STYLES  :: :: :: :: :: :: :: :: :: ::  */

/* -- -- -- Glossary -- -- -- */

p.alphabet { font-weight: bold; font-size: 24px!important; font-style: Courier, "Courier New", monospace; border-bottom: solid 1px #4682b4; color: #4682b4; padding-bottom: 6px; padding-top: 20px!important; }

p.term { font-weight: bold; margin-bottom: 3px!important; }