/* format existing elements ====================== */
html, body {
margin: 0px;
padding: 0px;
border: 0px;
font-family: "Trebuchet MS", verdana, helvetica, sans-serif;
font-size: 0.9em;
line-height: 1.5em;
background-color: white;
}

#main-inner h1 {
font-size: 170%;
font-family: arial, helvetica, sans-serif;
text-align: left;
margin: 0.5em 0px 0.5em 0px;
font-weight: bold;
color: #42489b;
}

#main-inner h2 {
font-size: 140%;
font-family: arial, helvetica, sans-serif;
text-align: left;
margin: 0.5em 0px 0.3em 0px;
color: #42489b;}

#main-inner h3 {
font-size: 120%;
font-family: arial, helvetica, sans-serif;
text-align: left;
margin: 0.5em 0px 0.5em 0px;
color: #00ac58;}

#main-inner p {
margin-top: 0em;
margin-bottom: 1em;}

#main-inner blockquote {
margin-top: 0em;
margin-bottom: 1em;
}


/* new selectors ================================ */
#head-outer { 
position: relative;
top: 0px;
left: 0px;
width: 100%;
text-align: center;
height: 123px;
background-color: white;
background-image: url(images/header_bkgd.gif);
background-repeat: repeat-x;
} 

#head-inner {
position: relative;
margin: 0px auto;
width: 760px;
height: 123px;
text-align: left;
background-color: white;
background-image: url(images/header_bkgd.gif);}

#head-logo {
position: absolute;
top: 0px;
left: 0px;
width: 110px;
}

#head-1 {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 451px;
	height: 15px;
	left: 129px;
}

#head-title {
	position: absolute;
	top: 84px;
	left: 553px;
	width: 110px;
	height: 39px;
}

#head-sectionimage {
position: absolute;
top: 0px;
left: 665px;
width: 95px;
}

#head-tagLine {
padding-top: 12px;
font-size: 16px;
font-weight: bold;
color: #98989a;
}

#head-navigation {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 2;
border-left: 1px solid black;
font-family: verdana, helvetica, sans-serif;
font-size: 16px;
}

#head-navigation ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

#head-navigation li {
float: left;
margin: 0px;
padding: 0px;
white-space: nowrap;
border: 1px solid black;
border-width: 1px 1px 0px 0px;
}

#currentNav {
}

#main-outer { 
text-align: center;
margin-top: 0px;
background-color: white;
} 

#main-inner { 
position: relative;
width: 800px;
margin: 0px auto;
text-align: left;
background-color: white;
}

#main-breadcrumb {
margin-top: 0px;
margin-left: 20px;
margin-bottom: 5px;
font-size: 85%;
font-family: verdana, helvetica, sans-serif;
}

.main-breadcrumbSeparator {
color: #649fd4;
}

#main-utilities {
padding: 0px;
position: absolute;
right: 10px;
top: 10px;
}

#main-1 { 
margin-top: 10px;
float: left;
width: 580px;
}

#main-1a {
margin: 0px 5px 0px 20px;
}

#main-2 {
margin-top: 10px;
width: 180px;
float: right;
}

#main-2a {
margin: 0.5em 20px 0px 5px;
padding: 5px;
border: 1px solid black;
}

ul.menu {
margin: 0px 5px 0px 5px;
padding: 5px;
}

ul.menu li {
line-height: 1.5em;
list-style-type: none;
font-weight: bold;}

ul.submenu {
margin: 0px 5px 0px 15px;
padding: 0px;
}

ul.submenu li {
line-height: 1.5em;
list-style-type: circle;
font-weight: bold;}

#main-2b {
margin: 0.5em 20px 0px 5px;
/*
padding: 5px;
border: 1px solid black;
*/
}

#main-3 {
margin-top: 10px;
margin-bottom: 10px;
float: left;
width: 760px;
}

#main-3a {
margin: 0px 20px;
}

#main-3b {
float: left;
}

.sectionHeading {
font-weight: bold;
color: black;
margin-top: 5px;
}

#foot-outer { 
text-align: center;
}

#foot-inner {
width: 760px;
margin: 0px auto;
text-align: center;
font-size: 85%;
font-family: verdana, helvetica, sans-serif;
background-image: url(images/footer_background.gif);
background-repeat: repeat-x;}

#foot-links {
padding-top: 5px;
padding-left: 10px;
}

#foot-credits {
padding: 1em;}

div.clearFloats {
clear: both;
line-height: 0px; 
height: 0px;
visibility: hidden;
}

div.noCollapse { /* keep divs from collapsing into contained elements */
padding: 1px 0px;
} 

/* ====================== images ================== */

#head-logo-image1 {
margin: 5px;
}

#head-logo-image2 {
margin: 0px 0px 5px 5px;
}

#main-image1 {
}

#main-image2 {
}


/* ====================== hyperlinks ================== */

/* =================== navigation bar ===================== */
#head-navigation a {
padding: 3px 15px;
text-decoration: none;
display: block;
}

#head-navigation a:link,
#head-navigation a:visited {
color: black;
}

#head-navigation a:hover, 
#head-navigation a:active {
background-color: #f8ea4f;
}

#currentNav a,
#currentNav a:link,
#currentNav a:visited,
#currentNav a:hover,
#currentNav a:active {
color: white;
background-color: #666666;
}

/* ===================== breadcrumb =================== */
#main-breadcrumb a {
text-decoration: none;
color: black;
}

#main-breadcrumb a:link,
#main-breadcrumb a:visited {
color: black;
}

#main-breadcrumb a:hover,
#main-breadcrumb a:active {
color: red;
}

/* ======================= main-2 =================== */
#main-2a a,
#main-2b a {
text-decoration: none;
color: #30659a;
}

#main-2a a:link,
#main-2a a:visited,
#main-2b a:link,
#main-2b a:visited {
color: #30659a;
}

#main-2a a:hover,
#main-2a a:active,
#main-2b a:hover,
#main-2b a:active {
color: red;
}

/* ======================= foot-links =================== */
#foot-links a {
text-decoration: none;
color: black;
}

#foot-links a:link,
#foot-links a:visited {
color: black;
}

#foot-links a:hover,
#foot-links a:active {
color: red;
}