/* CSS Document Properties

Gray: #505050
Blue: #0D2377
Red: #8A0000
text: #505050

*/

/* +++++++++ [ FRAME and NAVIGATION ] +++++++++ */

body { 
	font-size: 100.01%; 
	font-family: Verdana, Helvetica, sans-serif; 
	margin: 0;
	width: 710px;
	padding: 0;
	}
	
#container { 
	margin: 0px 0px 0px 15px;
	width: 695px;
	color: #4b1e00;
	line-height: 1.2;
	}
	
img { 
	border: 0; }
	
* { outline: none; }

#headerleft {
	 
	width: 695px;
	height: 185px;
	background-image:url(../images/qolc-blue-wave.gif);
	background-repeat: no-repeat;
	}
	
#headerright {
	float: left; 
	width: 547px;}
	
.logo { 
	width: 148px;
	height: 137px;}
	
	
#navigation { 
	float: left;
	margin: 5px 0px 0px 185px ;
	padding: 0px;
	width: 100%;}

#secondnav {
	float: left;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	height: 20px;
	width: 100%;}
}
#navigation ul { 
	float: left; 
	margin: 30px 0 10px 0;
	padding: 0;
	width: 547px;
	text-align: left;}
	
#navigation li { 
	float: left;
	background: none;
	list-style-type: none;
	padding: 0;
	margin: 0;}
	
#navigation a:link, #navigation a:visited { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #919191;
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;}
	
#navigation a:hover { color: #658D2E;}

#navigation #navhome { width: 70px; padding-top: 2px;}
#navigation #navcontact { width: 90px; padding-top: 2px;}
#navigation #navsitemap { width: 140px;}
#navigation #searchbar { float: right;}

.navicon {
	margin-right: 5px;}

.search {
	font-family:"Tahoma", verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #919191;}
	
form {
	display: inline;}
	
input.searchbox {	
	width: 130px;
	font-family:"Tahoma", verdana, arial, sans-serif;
	font-size: 10px;
	border: 1px solid #CCC;}

.button {
	border: 0px;
	vertical-align: text-bottom;}
	
/* third level nav */

#thirdnav {
	height: 50px;
	vertical-align: middle;
	line-height: 18px;
	text-align: left;
	margin-left: 7px;
	margin-top: 3px;}
	
#thirdnavtall {
	height: 65px;
	vertical-align: middle;
	line-height: 18px;
	text-align: left;
	margin-left: 7px;
	margin-top: 3px;}
	
a:link.orange, a:visited.orange, a:visited.orange { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
	background: #ffffff url("../images/arrow_orange.gif") no-repeat 2px 5px;
	padding: 2px 2px 2px 10px;
	font-size: 11px; 
	text-decoration: none;
	margin-right: 18px;}
	
a:hover.orange { 
	color: #ffffff;
	background: #D69304 url("../images/arrow_white.gif") no-repeat 2px 5px;
	margin-right: 18px;
	padding: 2px 2px 2px 10px;}
	
a:link.darkgreen, a:visited.darkgreen, a:visited.darkgreen { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
	background: #ffffff url("../images/arrow_green.gif") no-repeat 2px 5px;
	padding: 2px 2px 2px 10px;
		font-size: 11px; 
	text-decoration: none;
	margin-right: 18px;}
	
a:hover.darkgreen { 
	color: #ffffff;
	background: #7CA545 url("../images/arrow_white.gif") no-repeat 2px 5px;
	margin-right: 18px;
	padding: 2px 2px 2px 10px;}
	
a:link.blue, a:visited.blue, a:visited.blue { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
	background: #ffffff url("../images/arrow_blue.gif") no-repeat 2px 5px;
	padding: 2px 2px 2px 10px;
	font-size: 11px; 
	text-decoration: none;
	margin-right: 18px;}
	
a:hover.blue { 
	color: #ffffff;
		background: #4895E3 url("../images/arrow_white.gif") no-repeat 2px 5px;
	margin-right: 18px;
	padding: 2px 2px 2px 10px;}
	
a:link.red, a:visited.red, a:visited.red { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
	background: #ffffff url("../images/arrow_red.gif") no-repeat 2px 5px;
	font-size: 11px; 
	padding: 2px 2px 2px 10px;
	text-decoration: none;
	margin-right: 18px;}
	
a:hover.red { 
	color: #ffffff;
	background-color: #AD5642;
		background: #AD5642 url("../images/arrow_white.gif") no-repeat 2px 5px;
	margin-right: 18px;
	padding: 2px 2px 2px 10px;}
	
a:link.purple, a:visited.purple, a:visited.purple { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
		background: #ffffff url("../images/arrow_purple.gif") no-repeat 2px 5px;
	padding: 2px 2px 2px 10px;
		font-size: 11px; 
	text-decoration: none;
	margin-right: 18px;}
	
a:hover.purple { 
	color: #ffffff;
	background-color: #424E79;
	background: #424E79 url("../images/arrow_white.gif") no-repeat 2px 5px;
	margin-right: 18px;
	padding: 2px 2px 2px 10px;}
	
a:link.black, a:visited.black, a:visited.black { 
	font-family: Tahoma, Helvetica, sans-serif; 
	color: #535353;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	margin-right: 13px;}
	
a:hover.black { 
	color: #000;
	margin-right: 13px;}

/* +++++++++ [ STRUCTURE STYLES ] +++++++++ */

#whatisit {
	width: 232px;
	float:left;}
	
/* if you edit this also make sure to see the IE specific CSS */
	
#mission {
	width: 463px;
	height: 96px;
	float:left;
	line-height: 16px;
	margin: 0;
	padding: 0;}
	
#mission p {
	line-height: 18px;
	padding: 0px 5px 0px 10px;}
	
	
/* end comment */
	
.leftcontent {
	width: 232px;
	float:left;}
	
.rightcontent {
	width: 463px;
	float:left;
	margin: 0;
	padding: 0;}

.admincontent {
	width: 680px;
	margin: 0px 0px 0px 10px;
	padding: 0;}
	
.padding {
	padding: 0px 0px 0px 20px;}
	
#imgpadding {
	padding: 0px 0px 0px 6px;}

.pulloutborder {
	margin-left: 6px;
	margin-top: 6px;
	width: 198px;
	border: 1px solid #DBDBDB;}

#pullout {
	border: 2px solid #FFF;
	padding: 10px;
	background-color: #F6F7FB;}
	
#pulloutgreen {
	border: 2px solid #FFF;
	padding: 10px;
	background-color: #F6FBF6;}
	
#pulloutlist { 
	margin-left: 0;
	margin-top: 6px;
	padding-left: 0;
	list-style: none; }
	
#pulloutlist li {
	padding-left: 14px;
	margin-left: 5px;
	line-height: 17px;
	margin-bottom: 5px;
	background-image:  url(../images/icon-bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;}
	
#pulloutlistpdf { 
	margin-left: 0;
	margin-top: 6px;
	padding-left: 0;
	list-style: none; }
	
#pulloutlistpdf li {
	padding-left: 24px;
	margin-left: 0px;
	margin-bottom: 5px;
	line-height: 20px;
	background-image:  url(../images/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0 .1em;}
	
#pulloutlisticon1 li {
	padding-left: 24px;
	margin-left: 0px;
	margin-bottom: 5px;
	line-height: 20px;
	background-image:  url(../images/awards/soty.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;}
	
#pulloutlisticon2 li {
	padding-left: 24px;
	margin-left: 0px;
	margin-bottom: 5px;
	line-height: 20px;
	background-image:  url(../images/awards/muffin.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;}
	
#sidebar {
	width: 185px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 5px 12px 15px ;}
	
#midquotes {
	width: 440px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 5px 5px 12px 15px ;}
	
#footerleft {
	float:left;
	width: 252px;
	padding: 0;
	margin: 0;}
	
#footerright {
	float:left;
	width: 458px;
	height: 113px;
	background:  url(../images/footer-bg-wave.gif) no-repeat; 
	margin: 0;
	padding: 0;}

.footer {
	font-size: 10px;
	line-height: 16px;
	color: #00539F;}
	
#footerbase {
	background-color: #00539F;
	width: 689px;
	height: 15px;
	margin: 0px 0px 0px 21px;
	padding: 0;
	clear: both;}

/* +++++++++ [ TYPOGRAPHY ] +++++++++ */

p, li, td, th { 
	font: 11px "Verdana", Helvetica, Tahoma;
	line-height: 18px;
	color: #505050; }

ul { 
	padding: 0;
	margin: 0;
	list-style-type: none;}
	
li { 
	padding-left: 14px;
	margin-left: 8px;
	margin-top: 0px;
	background-image:  url(../images/icon-bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;}
	
p.news { 
	font: 11px "Verdana", Helvetica, Tahoma;
	line-height: 17px;
	display: inline;
	color: #505050; }

.dotsmargin {
	margin: 10px 0px 10px 0px;}

strong {	
	color: #D69304;
	font: 12px "Verdana", Helvetica, Tahoma;
	font-weight: bold;}
	
/* siFR text styles are in sIFR-screen.css */
/* these styles will set the non-flash styles */
	
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	}

h1 {
	font-size: 35px;
	margin-left: 10px;
	color: #2370C0;
	margin-bottom: 8px;}
	
h1.stories {
	font-size: 25px;
	margin-left: 0px;
	color: #9CAABA;
	margin: 12px 0px 12px 0px;}
	
h1.darkgreenmain {
	font-size: 25px;
	color: #7CA545;}	

h1.darkgreen {
	font-size: 35px;
	display: inline;
	color: #7CA545;}

h1.bluemain {
	font-size: 25px;
	color: #4895E3;}
	
h1.blue {
	font-size: 35px;
	display: inline;
	color: #4895E3;}

h1.redmain {
	font-size: 25px;
	color: #AD5642;}	

h1.red {
	font-size: 35px;
	display: inline;
	color: #AD5642;}
	
h1.greenmain {
	font-size: 25px;
	color: #8FC347;}

h1.green {
	font-size: 35px;
	display: inline;
	color: #8FC347;}

h1.orangemain {
	font-size: 25px;
	color: #D69304;}
	
h1.adminorange {
	font-size: 25px;
	margin: 0px;
	padding: 0px;
	color: #D69304;}	

h1.orange {
	font-size: 35px;
	display: inline;
	color: #D69304;}
	
h1.orangestory {
	font-size: 35px;
	display: inline;
	margin-left: 0;
	color: #DF9414;}

h1.purplemain {
	font-size: 25px;
	color: #424E79;}	

h1.purple {
	font-size: 35px;
	display: inline;
	color: #424E79;}

h2 {
	font-size: 12px;
	color: #5C9D0D;
	margin: 10px 0px 0px 0px;
	padding: 0px;}

h3 {
	font-size: 11px;
	color: #000;
	margin-top: 10px;}
	
h3.adminorange {
	}

h4 {
	font-size: 10px;
	color: #3276BB;
	line-height: 25px;
	margin-top: 10px;}

h5 {
	font-size: 13px;
	margin-left: 10px;
	color: #6C6C6C;}
	
h5.blue {
	color: #4895E3;
	margin-left: 10px;
	font-size: 13px;}
	
h5.bluebox {
	font-size: 12px;
	margin-left: 0px;
	color: #6C6C6C;
	background-color: #F6F7FB;}
	
h5.greenbox {
	font-size: 12px;
	margin-left: 0px;
	color: #6C6C6C;
	background-color: #F6FBF6;}
	
h6 {
	font-size: 20px;
	margin-left: 0px;
	color: #6C6C6C;}
	
h6.admingrey {
	font-size: 15px;
	margin-left: 0px;
	color: #333333;}	

/* +++++++++ [ LINKS ] +++++++++ */

a:link, a:visited, a:active {
	color: #357EC8;}

a:hover { 
	color: #658D2E;}

a:link.learnmore, a:visited.learnmore, a:active.learnmore {
	font-family:"Tahoma", verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4895E3;
	text-decoration: none;}
	
a:hover.learnmore {
	color: #5C9D0D;}
	
a:link.storynav, a:visited.storynav, a:active.storynav {
	font-family:"Verdana", verdana, arial, sans-serif;
	font-size: 11px;
	color: #387AB6;
	text-decoration: none;}
	
a:hover.storynav {
	color: #658D2E;}
	
a:link.footerlink, a:visited.footerlink, a:active.footerlink {
	font-size: 10px;
	color: #FFF;
	text-decoration: none;}
	
a:hover.footerlink {
	color: #000;}

img a { 
	border: 0; }	

/* +++++++++ [CLASSES] +++++++++ */

.clear { 
	clear: both;}

.hr {
	width: 100%;
	border-top: 1px solid #DADADA;
  	background:   url(../images/pixel.gif) repeat;
	clear:both;}
  
div.hr hr {
  display: none;}
  
div.formError {
	color: #8A0000;}
	
div.formError:before {
	color: #F00;
	content: "* ";}
	
div.storyDemonstrates, div.storyTitle,
div.newsTitle {
	font-weight: bold;}
	
span.storyDate, span.newsDate {
	font-style: italic;}
	
p.news span.date {
	font-style: italic;}
	
p.news span.title {
	font-weight: bold;
	display: block;}
  
 /* if you edit styles below also make sure to see the IE specific CSS */
  
.imageleft {
	width: 225px;
	margin-top: 15px;
	margin-left: 8px;
	float:left;}
	
.imageright {
	float: right;
	margin-right: 3px;}
	
.imagemargin {
	margin-bottom: 0px;}
	
.caption {
	font-size: 9px;
	line-height: 10px;
	font-style: italic;}
	
 /* also see ie-specific-file.css */
 
.staffimg {
	float: left;
	margin-top: 15px;
	width: 110px;}
	
.staffbio {
	float: left;
	width: 350px;}
	
/* +++++++++ [Homepage stories] +++++++++ */

#storycontainer {
	float: left;
	margin: 0;
	padding: 0;
	width: 379px;
	height: 322px;
	background-color: #E6EBF1;}

#storycontainer p a {
	background: url(../images/icon-bluearrow.gif) 100% 70% no-repeat;
	padding-right: 7px;}

#storycontainer p > a {
	padding-right: 10px;}

.storytitle {
	float: left;}
	
.storyscroll {
	float: right;
	margin-top: 6px;
	text-align: right;}

.scroll {
	font: 10px "Verdana", Helvetica, Tahoma;
	color: #505050;}
	
.storyimg {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	width: 110px;}
  
.storyRow {
	background-color: #F8FAF5;}
	
.storyAltRow {
	background-color: #FFF;}
	

	
.headercolor {
	background-color: #C5DE94;}


span { 
	font: 11px "Verdana", Helvetica, Tahoma;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	color: #505050; }
	
.line (
margin: 0px;
padding: 0px;}