/* ================================================== */
/* S01. Main Container */
/* S02. Nav Column */
/* S03. Header */
/* S04. Two-Column */
	/* S04a. Home-Page Features */
/* S05. I-Frame Content */
	/* S05a. Employment Opportunities Content */
/* S06. Form Elements */
/* S07. Footer */
/* S08. Reusable Styling */

body {
	background: #769CC9 url(../images/bg.jpg) top center no-repeat;
	color: #fff;
}
a {
	color: #fff;
}
a:hover {
	color: #9daae2;
}

/* ================================================== */
/* S01. Main Container */
#main {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	height:703px;
	margin: 0 auto;
	width: 930px;		/* W */			/* approximate width of medium blue in background image */
}
#topSpacer {
	height: 65px;
}

/* ================================================== */
/* S02. Nav Column */

#navCol {
	float: left;
	padding-left: 2px;					/* based on width (W) value of 930px */
	width: 223px;
}

#navMenu li {
	background: url(../images/menu.jpg);
	float: left;						/* helps to extend clickable area */
	font-size: 13px;
	margin: 5px 0;						/* spacing between menu items */
	height: 28px;
	width: 223px;
}
#navMenu a {
	color: #fff;
	float: left;						/* helps to extend clickable area */
	font-weight: bold;
	left: 15px;
	position: relative;
	height: 100%;
	width: 100%;
	text-decoration: none;
	top: 5px;
}
#navMenu a:hover {
	color: #9daae2;
}
#navCol p {
	clear: left;						/* ensures paragraph starts below nav menu */
	font-size: 10px;
	padding: 3px 10px 0px 10px;
}

	/* ================================================== */
	/* Current-Page Link */

#pageHome #linkHome, #pageOpp #linkOpp, #pageApp #linkApp, #pageBen #linkBen, #pageFAQ #linkFAQ,
#pageSer #linkSer, #pageInq #linkInq, #pageCon #linkCon {
	color: #9daae2;
}


/* ================================================== */
/* S03. Header */

#headerRow {
	float: left;
}
#headerRow p {
	margin: 0 10px;
}
#slogan {
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	margin: 5px 10px;
}

/* ================================================== */
/* S04. Two-Column Content */

.contentCol {
	float: left;
	width: 350px;
}
.contentCol#left {
	float: left;
	padding-left: 3px;
	width: 350px;
}
.contentCol#right {
	float: left;
	padding-left: 3px;
	width: 345px;						/* for IE6, otherwise text gets duplicated? */
}
.contentCol h1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	height: 41px;
	margin: 10px auto;
	padding-top: 10px;					/* pushes text down */
	text-align: center;
	text-transform: uppercase;
}
.contentCol h2 {
	color: #9daae2;			/* C, 1 of 4 */
	font-weight: bold;
	font-size: 14px;
	margin: 10px;
}
.contentCol#left h1 {
	background: url(../images/headingbg1.jpg) top center no-repeat;
}
.contentCol#right h1 {
	background: url(../images/headingbg2.jpg) top center no-repeat;
}
.contentCol p, .contentCol ul {
	font-size: 13px;
	margin: 10px;
}
.contentCol ul {
	list-style-type: disc;
	margin-left: 30px;
}
#nakedCol {
	margin-top: 71px;							/* aligns header in right column with main header in left column */
}
	/* ================================================== */
	/* S04a. Home-Page Features */

.feature {
	height: 71px;
	margin: 0 10px;
}
.feature h2, .feature p {
	margin: 0 0 0 80px;
	padding: 0;
}
.feature h2 {
	font-weight: bold;
	padding-top: 12px;
}
.feature#opp {
	background: url(../images/cimg1.jpg) top left no-repeat;
}
.feature#app {
	background: url(../images/cimg2.jpg) top left no-repeat;
}
.feature#ben {
	background: url(../images/cimg3.jpg) top left no-repeat;
}
.feature#ser {
	background: url(../images/cimg4.jpg) top left no-repeat;
}
.feature#inq {
	background: url(../images/cimg5.jpg) top left no-repeat;
}


/* ================================================== */
/* S05. I-Frame Content */

#contentBox {
	float: left;
	font-size: 12px;
	height: 370px;			/* H, 1 of 2 */
	margin: 0 10px;
	padding: 0;
	width: 680px
}
#mycustomscroll {
	height: 370px;			/* H, 2 of 2 */
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	margin: 0 auto;
}
#contentBox h2, #contentBox h3, #contentBox p, #contentBox ul {
	margin: 10px 10px 15px 10px;
}
#contentBox h2 {
	color: #9daae2;			/* C, 2 of 4 */
	font-weight: bold;
	font-size: 14px;
}
#contentBox h3 {
	color: #9daae2;			/* C, 3 of 4 */
	font-weight: bold;
	font-size: 12px;
}
#contentBox h2 a, #contentBox h3 a {
	color: #9daae2;			/* C, 4 of 4 */
}

	/* ================================================== */
	/* S05a. Employment Opportunities Content */

#pageOpp #contentBox dl {
	float: left;
	margin-right: 0.8%;
	width: 24%;
}
#pageOpp dt, #pageOpp dd, #pageOpp #contentBox p {
	margin: 0;							/* reset for this page */
	padding: 0;
}
#pageOpp dt, #pageOpp dd {
	padding-left: 10px;
}
#pageOpp #contentBox p {
	margin: 0.5em 0;
}

#pageOpp #region1 dt {
	background: #fff200;
	color: #000;
}
#pageOpp #region1 dd {
	border: #fff200 solid 1px;
}

#pageOpp #region2 dt {
	background: #00a650;
}
#pageOpp #region2 dd {
	border: #00a650 solid 1px;
}

#pageOpp #region3 dt {
	background: #ee1c24;
}
#pageOpp #region3 dd {
	border: #ee1c24 solid 1px;
}

#pageOpp #region4 dt {
	background: #0054a6;
}
#pageOpp #region4 dd {
	border: #0054a6 solid 1px;
}

/* ================================================== */
/* S06. Form Elements */


.someField {
	color: #000;
	width: 165px;
}
.HowCanWe {
	text-align: right;
	vertical-align: top;
}
#txtComments {
	width: 100%;
}
#submitButton {
	text-align: right;
}

/* ================================================== */
/* S07. Footer */

#footer {
	background: url(../images/footerbg.jpg) repeat-x;
}
#footerContent {
	font-family: Tahoma;
	font-size: 10px;
	height: 55px;
	margin: 0 auto;
	padding-top: 10px;
	margin: 0 auto;
	width: 930px;
}
#footer ul {
	float: left;
	width: 290px;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #9daae2;
}


/* ================================================== */
/* S08. Reusable Styling */

#pageTop {
	margin: 0 10px;
}
.center {
	text-align: center;
	margin: 0 auto;
}
.clear {
	clear: both;
}
.contactBlock {
	border: #fff solid 1px;
	margin: 10px;
	width: 300px;						/* for IE6 */
}
.emphasis {
	font-weight: bold;
}
.image {
	padding-top: 10px;
}
.toTop {
	text-align: right;
}