@charset "utf-8";

body {background-color:#cccccc; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:15px;}
#containerTop{width:960px;  margin:auto; background-color:#cccccc; border-style:none;}

#container{width:960px;  margin:auto; background-color:#ffffff; border-style:solid; border-width:1px; border-color:#000000; }

/* id that creates the logo box on top of page*/
#logo{width:960px; height:30px; /*border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000;*/ color:#000066; background-color:#cccccc; vertical-align:bottom; font-family:Garamond, "Arial black",  Georgia,"Times New Roman", Times, serif; }

/* alters appearance of h1 for logo*/
#logo h1 {font-size:200%; text-transform:uppercase; letter-spacing:0px; display:inline; vertical-align:bottom; }
/*makes the logo link with no underline*/
#logo a:link, a:visited {text-transform:capitalize; letter-spacing:1px; display:inline; vertical-align:bottom; color:#00346B; text-decoration:none;}

/*box for the banners. keep them a max of w=600 h=62*/
#banner{width:960px; background-color:#FFFFFF; height:62px;}

/*top level navbar*/
#navbar{width:957px; height:20px; /*background-color:#e5e5e5;*/ background-color:#00346B; font-family:verdana, Georgia, "Times New Roman", Times, serif; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#000000; border-top-style:solid; border-top-width:1px; border-top-color:#ffffff; font-size:90%; color:#000000; text-align:right; color:#FFFFFF;}

/*links for top navbar */
#navbar a:link{font-size:85%; text-decoration:none; color:#ffffff;}
#navbar a:visited{font-size:85%; text-decoration:none; color:#ffffff;}
#navbar a:hover{font-size:85%; text-decoration:underline; color:#fffffa;}

/*leftmost column. Hide this for print pages and */
#announce{width:284px; background-color:#FFFFFF; float:left; padding-left:5px;}

/*link format for announce id */
#announce a:link{font-size:85%; text-decoration:underline; color:#333333;}
#announce a:visited{font-size:85%; text-decoration:underline; color:#333333;}
#announce a:hover{font-size:85%; text-decoration:underline; color:#333333;}

/* column for main text. */
#mainContent {width:448px; background-color:#FFFFFF; border-left-style:solid; border-left-width:1px; border-left-color:#cccccc; float:left;  border-right-style:solid; border-right-width:1px; border-right-color:#cccccc; padding-left:10px; font-size:95%;}

/* for larger columns on main section pages. */
#mainContentS {width:548px; background-color:#FFFFFF; border-left-style:solid; border-left-width:1px; border-left-color:#cccccc; float:left;  border-right-style:solid; border-right-width:1px; border-right-color:#cccccc; padding-left:10px; font-size:95%; padding-right:5px;}

/*links that appear inside mainContent*/
#mainContent a:link{font-size:95%; text-decoration:underline; color:#00346B;}
#mainContent a:visited{font-size:95%; text-decoration:underline; color:#00346B;}
#mainContent a:hover{font-size:95%; text-decoration:underline; color:#00346B;}

/*links that appear inside mainContentS*/
#mainContentS a:link{font-size:95%; text-decoration:underline; color:#00346B;}
#mainContentS a:visited{font-size:95%; text-decoration:underline; color:#00346B;}
#mainContentS a:hover{font-size:95%; text-decoration:underline; color:#00346B;}
#mainContentS h1 {font-size:160%; letter-spacing:2px; line-height:22px; font-family:verdana, "Arial black", Arial, Helvetica, sans-serif; color:#00346B; font-variant:small-caps; font-style:oblique;}

/* column for article on article.php. */
#mainArticle {width:510px; background-color:#FFFFFF; float:left;  border-right-style:solid; border-right-width:1px; border-right-color:#cccccc; padding-left:20px;}

.morespace{line-height:200%;}

/*links that appear inside mainArticle*/
#mainArticle a:link{font-size:95%; text-decoration:underline; color:#00346B;}
#mainArticle a:visited{font-size:95%; text-decoration:underline; color:#00346B;}
#mainArticle a:hover{font-size:95%; text-decoration:underline; color:#00346B;}

/* h1 for the mainArticle id*/
#mainArticle h1 {font-size:160%; letter-spacing:2px; line-height:22px; font-family: verdana; "Arial black", Arial, Helvetica, sans-serif; color:#00346B; font-variant:small-caps; font-style:oblique;}

/* h1 for the mainContent id*/
#mainContent h1 {font-size:160%; letter-spacing:2px; line-height:22px; font-family:verdana, "Arial black", Arial, Helvetica, sans-serif; color:#00346B; font-variant:small-caps; font-style:oblique;}

/* posted class that formats posted date of article*/
.posted {font-weight:100; font-size:85%;}

/* intro class that formats first introductory paragraph*/
.intro {font-weight:bold;}

/* author id for formating author names*/
#author{font-size:85%;}

/* side nav. put under maintext column above for print and mobiles*/
#sidenav {width:204px; background-color:#FFFFFF; float:right;  height:100%; padding-left:5px;}

/* sidenavS. for smaller side nav on main section pages*/
#sidenavS {width:104px; background-color:#FFFFFF; float:right;  height:100%; padding-left:5px;}

/* footer. Keep in all pages including mobiles*/
#footer {width:955px; background-color:#00346B; float:none; clear:both; color:#FFFFFF; padding-left:5px;}

/* This sits in the #mainContent id. holds word for the day*/
/* #wordbox { border-style:dashed; border-width:1px; border-color:#000000; padding:10px; width:248px; font-size:85%; margin:auto; background-color:#e5e5e5;}*/

/* This styles for header for word for today inside wordbox id */
#wordforday {color:#00346B; font-size:100%;}
/* This alters the hi in wordbox */
#wordbox h2 {display:inline;}

/*boxTop creates the box header with red bg and white colour*/
.boxTop{background-color:#901A1F; width:266px; padding:2px; text-align:center; color:#ffffff; font-weight:800; font-size:84%; font-family:verdana;}



/*SitemapTop creates the box header for the sitemap*/
#SitemapTop{background-color:#000000; width:200px;  color:#ffffff; font-weight:800; font-size:84%; font-family:verdana;}

/*boxBody compliments boxTop id*/
.boxBody {border-style:solid; border-width:1px; border-color:#00346B; padding:5px; width:258px; padding-top:0px; font-size:85%;}

h2{font-size:120%;}

/* id that formates left side sitemap */
#sitemap {background-color:#ffffff; font-size:85%; width:200px; border-style:dotted; border-width:1px; border-color:#000000; color:#901A1F;}
#sitemap a:link{background-color:#e5e5e5; display:block; color:#00346B; text-decoration:none;}
#sitemap a:visited{background-color:#e5e5e5; display:block; color:#00346B;; text-decoration:none;}
#sitemap a:hover{background-color:#00346B; display:block; color:#FFFFFF; text-decoration:none;}


/*For neatness on side nav. creates line white line */
.makeBreak {line-height:1px;}

/*  for header of sitemap text*/
.MakeWhite{color:#ffffff; font-family: verdana, "Arial black", Helvetica, sans-serif; font-size:120%;}
.MakeRed{color:#000000; font-family: verdana, "Arial black", Helvetica, sans-serif; font-size:120%;}


.myLinks a:link {text-decoration:none; color:#000000; font-size:85%; display:block;}
.myLinks a:visited {text-decoration:none; color:#000000; font-size:85%; display:block;}
.myLinks a:hover {text-decoration:none; color:#000000; font-size:85%; display:block; background-color:#6699FF;}