/* ============= */
/* = CSS RESET = */
/* ============= */

/*
CSS reset is designed to minimize browser differences. It essentially allows you to start from scratch with your layout. Don't touch.
*/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;background-color:#BFCCD9;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
li a img{border:0;padding:0;margin:0;}
p {margin-bottom: 15px;}

/*END OF CSS RESET*/

/* ============== */
/* = containers = */
/* ============== */
/*Sets the width of the masthead box*/
.MastheadContainer{width:1007px;clear:both;}
/*Sets the width of the body box*/
.BodyContainer{float:left;height:100%;width:814px;}
/*Sets thw eidth of the footer box*/
.FooterContainer{clear:both;width:1007px;text-align:center;margin-top:20px;}
/*Makes the left column align left and sets the width*/
.SideItemsContainer{float:left;height:100%;width:193px;}
/*Sets the bg image and sizing for the red side bar*/
.RedBarContainer{background-image:url(../images/redSideBar.gif);background-repeat:no-repeat;width:193px;height:85px;}
/*Sets the size of the site sponsored by image*/
.SiteSponsoredByContainer{height:201px;width:193px;}
/*Sets the sizing and blue background for the navigation box*/
.NavigationContainer{background-color:#003366;clear:both;width:1007px;height:60px;padding:0;}
/*Sets the bg color and sizes the accessibility box that contains the text size and contrast buttons*/
.AccessibilityBar{background-color:#003366;height:35px;width:1007px;clear:both;}
/*Sizes and sets white background, positions, and sizes search text box container*/
.SearchBarContainer{height:50px;width:1007px;clear:both;background-color:#FFF;}
/*Positions the masthead*/
.LogoBox{float:left;}
/*.CoupleBox{float:right;}*/
/*Aligns, Positions the breadcrumbs, also sets text color*/
.Breadcrumbs{float:left;margin-top:10px;margin-left:5px;color:#59A566;padding:5px;}
/*Sets the blue background and positions/sizes the blue bar container*/
.BlueBarContainer{background-image:url(../images/blueSideBar.gif);clear:both;background-repeat:no-repeat;height:199px;width:193px;}
/*Aligns and positions the search box*/
.SearchBox{float:right;margin-top:15px;margin-right:25px;}
/*Aligns and positions the print and share buttons*/
.PrintAndShare{vertical-align:middle;float:right;text-align:right;margin-top:50px;}
/*Aligns the donate now and join us buttons in the nav menu*/
.LeftButtons{float:left;padding-top:4px;padding-left:10px;}

/* ========================= */
/* = Navigation Formatting = */
/* ========================= */
/*the following lines just position, align the navigation items*/
.NavigationItems{float:right;margin-right:20px;margin-top:5px;margin-bottom:0px;padding-bottom:0px;}
.NavigationItems li{float:left;}
.NavigationItems li a img{border:0;}
.NavigationItems li img{float:left;}


/*These lines format the links that are displayed in the breadcrumbs*/
.Breadcrumbs a{color:#59A566;text-decoration:underline;}
.Breadcrumbs a:hover{color:#F00;}

/* ====================== */
/* = Content Formatting = */
/* ====================== */
/*Aligns the text and contrast buttons, also sets white text for text size and contrast labels*/
.AccessibilityContent{padding-top:7px;padding-left:10px;color:#FFF;}
/*Sets text color, sizing, positioning for latest news blue bar content*/
.BlueBarContent{color:#FFF;padding-top:20px;padding-right:10px;padding-left:10px;font-size:12px;}
/*Sets "UP" link text color and removes the underline*/
.BlueBarContent a{color:#FFF;text-decoration:none;}
/*Sets "HOVER" link text color and removes underline*/
.BlueBarContent a:hover{color:#FFF;text-decoration:none;}
/*I used lists to display the items uniformly, this just sets the spacing between news items*/
.BlueBarContent li{margin-bottom:15px;}
/*Sets color and positioning for the red bar text "newsletter"*/
.RedBarContent{color:#FFF;padding-top:25px;padding-right:10px;padding-left:10px;}
/*Sets the link color and removes the underline for the red bar content*/
.RedBarContent a{color:#FFF;text-decoration:none;}
/*Sets the link color for the "HOVER" state of the red bar content and removes unlderline*/
.RedBarContent a:hover{color:#FFF;text-decoration:none;}
/*Postiions, aligns the body content*/
.BodyContent{clear:both;margin-left:20px;padding-top:5px;padding-right:25px;}
/*Sizes up the join us and donate now images*/
.LeftButtons img{padding-bottom:2px;border:0;}
/*Sets the text color of the footer navigation links*/
.FooterNavigation{color:#003366;}


/* ============ */
/* = Wrappers = */
/* ============ */
/*Does a number of things, basically sizes the page and centers it in the browser*/
.PageWrapper{height:100%;width:1007px;background-color:#FFF;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;border-top-color:#003366;border-top-width:2px;border-left-color:#003366;border-left-width:2px;border-bottom-color:#003366;border-bottom-width:2px;border-right-color:#003366;border-right-width:2px;border-style: solid;}


/* =================== */
/* = Misc Formatting = */
/* =================== */

/*Formats the link colors and sets the underline*/
a{color:#003366;text-decoration:none;}
a:hover{color:#003366;text-decoration:underline;}
/*Applies heading fonts and colors*/
h1{color:#F00;margin-bottom:15px;}
/*Sets site wide font*/
body{font-family:Arial,Helvetica,sans-serif;}
/*Srts colors, fonts and positions the search functions of the site*/
.SearchTextBox{background-color:#FFF;border-color:#003366;border-width:1px;border-style:solid;height:15px;vertical-align:middle;}
.SearchButton{background-color:#FFCC00;color:#003366;font-family:Arial,Helvetica,sans-serif;font-size:12px;border-style:solid;height:20px;vertical-align:middle;border:none;}

.Breadcrumbs{font-size: 14px;}
.BodyContent{font-size: 14px;}
h2{font-size:18px;}
h1{font-size:18px;}
body{font-size:12px;}

.BodyContent{background-color:#FFF; color:#000;}