/* CSS Document */

body {
	padding:0px;
	margin:0px;
	background-color:#000002;
	background-image:url(images/main_bg.jpg);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
}

p {
	margin:0px;
	padding:6px 0px 12px 0px;
	line-height:20px;
}

sup {
	margin:0px;
	padding:0px;
	line-height:0px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#292250;
	margin:0px;
	padding:8px 0px 0px 0px;
}

h3 {
	color:#1a4c84;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	padding:8px 0px 0px 0px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin:0px;
	padding:0px 0px 0px 0px;
}

#container_default{
	width:750px;
	height:573px;
	background-image:url(images/default_img.jpg);
	background-repeat:no-repeat;

}

#container {
	width:750px;
	margin:0pt auto;
	padding:0px;
	text-align:left;

}

#header {
	width:750px;
	height:26px;
	background-image:url(images/menu_bg.jpg);
	background-repeat:no-repeat;
}
#clock{
	float:right;
	width:170px;
	height:26px;
}

#default_menu{
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1a4c84;
	width:570px;
	float:left;
}

div#default_menu ul{
	
	margin:0px;
	padding:0px;
}
div#default_menu ul li{
	display:inline;
	margin-left:10px;
	margin-right:5px;
}
div#default_menu a,div#menu a:link, div#default_menu a:active, div#default_menu a:visited{
	color:#0a193f;
	text-decoration:none;
}

div#default_menu a:hover{
	color:#85c9dd;
}

#menu{
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	width:570px;
	float:left;
}

div#menu ul{
	
	margin:0px;
	padding:0px;
}
div#menu ul li{
	display:inline;
	margin-left:10px;
	margin-right:5px;
}
div#menu a,div#menu a:link, div#menu a:active, div#menu a:visited{
	color:#ffffff;
	text-decoration:none;
}

div#menu a:hover{
	color:#85c9dd;
}

#logo{
	width:750px;
	height:79px;

}

#container_home{
	width:750px;
	height:494px;
	background-image:url(images/bg_home.jpg);
	background-repeat:no-repeat;

}

#title{
	width:690px;
	padding-top:60px;
	padding-left:30px;
	padding-right:30px;

}

/* Page styles */

/* ------------ About page ----------- */

#container_about{
	width:750px;
	background-color:#FFFFFF;
	background-image:url(images/bg_about.jpg);
	background-repeat:no-repeat;

}

#news_about{
	width:730px;
	padding-top:85px;
	padding-left:20px;
	padding-right:0px;

}

#title_about{
	width:590px;
	padding-top:30px;
	padding-left:40px;
	padding-right:10px;

}

#intro_para {
	color:#b7dae5;
	font-size:15px;
	line-height:20px;
	padding-top:40px;
	padding-left:40px;
}

.intro_name {
	color:#FFFFFF;
	font-size:10px;
	font-style:italic;
}

#twitter {
	float:right;
	padding:60px 20px 0px 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#CCC;
	}

div#twitter a,div#twitter a:link, div#twitter a:active, div#twitter a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4abfe2;
	text-decoration:none;
}

/* ------- end --------- */

/* ------------ Services page ----------- */

#container_services{
	width:750px;
	background-color:#FFFFFF;
	background-image:url(images/bg_services.jpg);
	background-repeat:no-repeat;

}

#title_services{
	width:690px;
	padding-top:180px;
	padding-left:40px;
	padding-right:20px;
}

/* ------- end --------- */

/* ------------ Candidates page ----------- */
#container_candidates{
	width:750px;
	height:760px;
	background-image:url(images/bg_candidates.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;

}

#title_candidates{
	width:690px;
	padding-top:260px;
	padding-left:40px;
	padding-right:20px;

}

ul.candidates li {
	list-style:disc;
	margin-left:30px;
	padding-left:10px;
	padding-top:6px;
}

ul.candidates {
	margin:0px;
	padding:0px;
}

#candidates_table {
	color:#330066;
	font-size:10px;
	line-height:19px;
}

/* ------- end --------- */

/* ------------ Employers page ----------- */
#container_employers{
	width:750px;
	height:940px;
	background-color:#FFFFFF;
	background-image:url(images/bg_employers.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;

}

#title_employers{
	width:690px;
	padding-top:240px;
	padding-left:40px;
	padding-right:20px;

}

ul.employers li {
	list-style:disc;
	margin-left:30px;
	margin-bottom:0px;
	margin-top:0px;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:0px;
}

ul.employers {
	margin:0px;
	padding:0px;
}

#employers_table {
	color:#330066;
	font-size:10px;
	line-height:19px;
}

/* ------- end --------- */

/* ------------ Opportunities page ----------- */

#container_opportunities{
	width:750px;
	height:920px;
	background-color:#FFFFFF;
	background-image:url(images/bg_opportunities.jpg);
	background-repeat:no-repeat;

}

#title_opportunities{
	width:690px;
	padding-top:240px;
	padding-left:40px;
	padding-right:20px;
}

#opp_section {
	width:226px;
	float:left;
	padding-top:12px;
	padding-left:40px;
	clear:both;
}

#calendar {
	width:300px;
	float:right;
}
/* ----------- form style -------- */
form fieldset { font-family:Verdana, Arial, Helvetica, sans-serif; border:0; }
form fieldset legend { border-width:0px; color:#3D7169; font-weight:bold; }
/*label { float:left; color:#000; font-weight:bold; }*/
label.error { font-weight:normal; color:red; }
input.text-input { color:#333; }
/*label#name_label { position:absolute; top:0; left:0; }
input#name { position:absolute; top:0; left:110px; }
label#name_error { position:absolute; top:22px; left:120px; }
label#email_label { position:absolute; top:45px; left:0px; }
input#email  { position:absolute; top:45px; left:110px; }
label#email_error { position:absolute; top:67px; left:120px; }
label#phone_label { position:absolute; top:90px; left:0px; }
input#phone { position:absolute; top:90px; left:110px; }
label#phone_error { position:absolute; top:112px; left:120px; }*/
input.button { margin:20px 5px 0px 0px; float:right; }
/*input.button:hover { background:#009FAA none repeat scroll 0% 0%; color:white; }*/
/*#message { width:180px;margin:60px 0 0 100px; }
#message h2 { font-size:150%;color:white; }
#message p { color:white;font-weight:bold;margin:6px 0px; }*/
/*#checkmark { position:relative;top:-46px;left:-60px; }
*/
/* ------- end --------- */

/* ------------ Testimonials page ----------- */

#container_testimonials {
	width:750px;
	height:1520px;
	background-image:url(images/bg_testimonials.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;

}

#title_testimonials {
	width:690px;
	padding-top:190px;
	padding-left:40px;
	padding-right:20px;

}

#testimonial_table {
	color:#330066;
	font-size:10px;
	line-height:22px;
}

#testimonial_content {
	width:640px;
	margin:auto;
	padding:0px;
	color:#330066;
	font-size:10px;
	line-height:22px;
}

#testimonial_candidate {
	width:620px;
	margin:auto;
	padding:0px;
	color:#330066;
	font-size:10px;
	line-height:22px;
}

#testimonial_candidate ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#testimonial_candidate li {
	padding:0px 0px 18px 0px;
}

.quote_info {
	font-size:10px;
	font-style:italic;
	color:#1c163e;
}

.quote_info_highlight {
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#1c163e;
}

/* ------- end --------- */

/* ------------ New Testimonials page ----------- */

#container_testimonials2 {
	width:750px;
	height:1000px;
	background-image:url(images/bg_testimonials.jpg);
	background-color:#FFFFFF;
	background-repeat:no-repeat;

}

/* ------- end --------- */


/* ------------ Contact page ----------- */
#contact_content{
	width:640px;
	padding-top:6px;
	padding-left:55px;
	padding-right:55px;
	color:#1a4c84;
}

#container_contact{
	width:750px;
	height:1720px;
	background-color:#FFFFFF;
	background-image:url(images/bg_contact.jpg);
	background-repeat:no-repeat;

}

#title_contact{
	width:690px;
	padding-top:200px;
	padding-left:40px;
	padding-right:20px;
}

div#contact_content a,div#contact_content a:link, div#contact_content a:active, div#contact_content a:visited{
	color:#0066CC;
	text-decoration:none;
}

div#contact_content a:hover{
	color:#6699CC;
}

#friend {
	margin-bottom:30px;
}

#charity {
	margin-bottom:50px;
}
/* ------- end --------- */



/* ------------------------ */

#content{
	width:640px;
	padding-top:6px;
	padding-left:55px;
	padding-right:55px;
	padding-bottom:0px;
	margin:0px;
	color:#1a4c84;
}

div#content a,div#content a:link, div#content a:active, div#content a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4abfe2;
	text-decoration:none;
}
div#content a:hover{
	color:#1a4c84;
}

#flash_left{
	width:332px;
	float:left;
	padding-top:100px;

}

#flash_right{
	width:226px;
	float:right;

}

#footer {
	width:750px;
	height:25px;
	background-image:url(images/footer_bg.jpg);
	background-repeat:no-repeat;
}

#default_footer {
	width:750px;
	height:25px;
	background-image:url(images/default_footer_bg.jpg);
	background-repeat:no-repeat;
}

#copyright{
	float:left;
	padding-left:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
	padding-top:5px;

}
#footer_links{
	float:right;
	padding-right:12px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:10px;
}

#footer_links div{
	margin-right:6px;
}

#default_footer_links{
	float:right;
	padding-right:12px;
	padding-top:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:10px;
}

div#footer_links a,div#footer_links a:link, div#footer_links a:active, div#footer_links a:visited{
	color:#ffffff;
	text-decoration:none;
}
div#footer_links a:hover{
	color:#1a4c84;
}

div#default_footer_links a,div#default_footer_links a:link, div#default_footer_links a:active, div#default_footer_links a:visited{
	color:#333333;
	text-decoration:none;
}
div#default_footer_links a:hover{
	color:#1a4c84;
}

/* ------------ slider styles ---------------- */
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #cccccc; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 640px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 1080px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 640px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			display:inline;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 20px;
			background: #2b2354;
			color: #ffffff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #fff; color: #2b2354; }
		.stripNav li.tab2 a { background: #fff; color: #2b2354; }
		/*.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }*/
		
		.stripNav li a:hover {
			background: #464967;
			color: #fff;
		}
		
		.stripNav li a.current {
			background: #2b2354;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

/* ------------------------------------------- */

/* --------------- Hover tips ---------------- */
.hovertip {
	position: absolute;
    display: none; /* in case javascript is disabled */
	width: 270px;
	height:350px;
	background-color:#F7F7F7;
	border:solid;
	border-width:1px;
	border-color:#333366;
	color:#330066;
	line-height:18px;
	font-size: 11px;
	z-index: 100;
	margin-left: 5px;
	margin-top: 10px;
	}

.hovertip_target {
	font-style: italic;
}
 
.hovertip_target:hover {
	text-decoration: none;
	cursor:help;
}

ul.hovertip li {
	display:inline;
	list-style:none;
}

ul.hovertip {width:200px; padding-top:10px; padding-left:10px; padding-right:10px; height:155px; display:block}

/* ------------------------------------------- */

/* ---------------- Sitemap ----------------- */

#container_site{
	width:750px;
	height:650px;
	background-color:#FFFFFF;
}

#content_site{
	width:640px;
	padding-top:6px;
	padding-left:55px;
	padding-right:55px;
	color:#1a4c84;
}

#title_site{
	width:690px;
	padding-top:40px;
	padding-left:40px;
	padding-right:20px;
}

#content_site ul {
	list-style-type: none;
}

/* ------------------ end ------------------- */