h2 { font-size: 20px; line-height: 19px; margin-top: 0 }

/* Global Styles */

/*** Generic Tags ***/

body {
	background-color: #656565;
	color: #252525;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	margin: 0
}
td {
	color: #252525;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px
}
a {
	color: #00538f;
	/*text-decoration: none*/
}
a:hover {
	color: #222;
	text-decoration: underline
}

p {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

h1 {
	font-size: 24px;
	line-height: 23px;
	margin-top: 0;
	margin-left: 0;
	/*color: #4c4c4c;
	font-weight: 800;
	margin: 0 0 8px*/
	margin-bottom: 5px;
}
/* this rule specifies all TYPO3-generated h1 headers in the center columnn are slightly smaller than the normal h1. */
div.contentBlock div.csc-header h1.csc-firstHeader,
div.contentBlock div.csc-header h1.csc-firstHeader a { font-size: 21px; line-height: 20px }

h2 { font-size: 20px; line-height: 22px; margin-top: 0; margin-bottom: 5px }
h3 { font-size: 16px; line-height: 18px; margin-top: 0; margin-bottom: 0px }

form {
	margin: 0
}                 

/*** Ids ***/

/* -- Page Sections: -- */
#blackbartop  { background-color: #292526; width: 914px; height: 7px }
#blackbarbottom  { background-color: #292526; width: 914px; height: 8px; clear: both }

#pagecontainer  { background-color: #fff; width: 914px }
#pageheader_left { width: 154px; float: left }
#pageheader_home  { text-align: right; width: 750px; float: right }
#pageheader_middle  {
	text-align: left;
	margin-left: 16px;
	width: 540px;
	float: left
}
#pageheader_right { width: 190px; float: right }
#pagebody {
	background-repeat: repeat-y;
	width: 914px;
	clear: both;
}

#navcontainer { text-align: center; width: 154px; float: left }
#maincontainer {
	text-align: left; width: 744px; float: right }

#pagebottom_home  { text-align: right; width: 750px; float: right }

#colorbar {
	height: 9px;
}
#sitesearch {
	text-align: right;
	width: 125px
}
#whywearehere {
	color: #fff;
	font-weight: bold;
	background-color: #a0001b;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 127px
}

#footer  { color: #fff; font-weight: bold; margin-top: 6px; width: 914px }
#footer A { color: #fff; text-decoration: none }
#footer A:hover { color: #fff; text-decoration: underline }

#iefooter  { color: #999; margin-top: 4px; margin-bottom: 5px; width: 914px }
#iefooter A { color: #999; text-decoration: none }
#iefooter A:hover { color: #999; text-decoration: underline }

/*** Content Columns ***/

#centercolumn  {
	margin-top: 8px;
	width: 540px;
	float: left
}
#rightcolumn {
	margin-top: 8px;
	margin-left: 27px;
	width: 165px;
	float: left;
	/*position: relative;
	right: 10px;*/
}
#rightcontentshared { 
	float: right;
	position: relative;
	right: 32px;
}

/*** Classes ***/

/*  -- Styles for the Nav Bar  --  */

.mainnav a {
	color: #00538f;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	text-align: right;
	display: block;
	padding-top: 13px;
	width: 125px;
	border-bottom: 1px solid #005ea2
}

/* The dynamically generated menus are inside list elements. */
.mainnav a:hover { color: #222; background-color: #e5eff6; text-decoration: none }

#subnavbox {
	font-size: 12px;
	line-height: 22px;
	background-color: #efefef;
	background-image: url("images/subnav_triangle.gif");
	background-repeat: no-repeat;
	background-position: 5px 0;
	text-align: right;
	margin-bottom:5px;
	padding-top: 14px;
	padding-right: 5px;
	width: 125px
}
/* I modified the dynamically generated menus to use unordered lists with Bret's help. Inserting the "ul li" rule reflects those changes. */
#subnavbox ul li a { color: #252525 }
#subnavbox ul li a:hover { color: #666 }

/* This style is so the unordered list for the menu doesn't show bullets and doesn't indent */
#mainnav-menu ul { list-style: none; margin: 0; padding: 0; border: none }

/*-- Page Layout -- */
.clearfloat   { clear: both }
.box110right   {margin-right: 14px; padding-top: 4px; padding-bottom: 4px; border: 0px; width: 110px; float: right }
.box172left     { margin-right: 14px; padding-top: 4px; padding-bottom: 4px; width: 172px; float: left }
.box172left2   { padding-top: 4px; padding-bottom: 4px; width: 172px; float: left }
.box234left    { margin-right: 14px; padding-top: 4px; padding-bottom: 4px; width: 234px; float: left }
.box234left2   { padding-top: 4px; padding-bottom: 4px; width: 234px; float: left }
.box234right    { margin-right: 14px; padding-top: 4px; padding-bottom: 4px; width: 234px; height: 310px; float: right }
.box234right2   { padding-top: 4px; padding-bottom: 4px; width: 234px; height: 320px; float: right }
.box234righthead    { margin-right: 14px; width: 234px; height: 323px; float: right }
.box482right   { margin-right: 14px; padding-bottom: 4px; width: 482px; height: 323px; float: right }
.box350left { width: 350px; float: left }
.box350 { width: 350px }
.box350right { width: 350px; float: right }
.box220left { padding-top: 6px; width: 220px; float: left }

.box420left { padding-top: 6px; width: 420px; float: left }


.horizdots  { background-image: url("images/dots_horiz.gif"); background-repeat: repeat-x; clear: both }

/* This is a hack for the About page with the dots filling up the empty space on the stats. */
.horizdotsbottom { background-position: 0 70%; background-image: url("images/dots_horiz.gif"); background-repeat: repeat-x; clear: both }
          
.indent5 { margin-right: 5px; margin-left: 5px }
.indent15 { margin-right: 15px; margin-left: 15px }
/*(...left2 has no right margin.. it is just a hack i needed to do for windows explorer)*/
.box510right  { padding-top: 16px; padding-right: 14px; width: 510px; height: 30px; float: right }

.box310right  { padding-top: 16px; padding-right: 14px; width: 310px; height: 30px; float: right }
.box310rightpic  { padding-top: 0px; padding-right: 14px; width: 310px; height: 80px; float: right }


.box542left        { padding-top: 4px; width: 542px; height: 30px; float: left }
/*Additional Text Formatting*/
.leading22 { line-height: 22px }
.red13 { color: #d5222b; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
.size10 { font-size: 10px }
.size12 { font-size: 12px }
.size12leading { font-size: 12px; line-height: 22px }
.size13 { font-size: 13px }
.size14 { font-size: 14px }
.size16 { font-size: 16px }
.size18 { font-size: 18px }
.whitetext { color: #fff }
.whitetext:hover { color: #aaa }
.greytext { color: #656565 }
.greytext:hover { color: #005ea2 }
.grey12 { color: #656565; font-size: 12px }
.grey13 { color: #656565; font-size: 13px }
.grey13left{ color: #656565; font-size: 13px; align: left} 
.grey13:hover { color: #005ea2 }
.black12 { color: #000; font-size: 12px }
.black13 { color: #000; font-size: 13px }
.black14 { color: #000; font-size: 14px }
.dkgreytext { color: #4c4c4c }
.dkgrey18 { color: #4c4c4c; font-size: 18px; line-height: 24px }

.brightblue13 { color: #005ea2; font-size: 13px }
/*Table & Form Formatting*/
.searchfield { font-size: 11px; width: 100px }