/*** ----------------------------------------- ***/
/*** COLORS! (for easy updating!) ------------ ***/

body { background:#fff; /*url('../images/body_bg.gif') repeat-x*/ }

/*#navigation { border-bottom:3px solid #FFF }*/
#navigation a:hover { background:#002f86; color:#eeeeee }

.sf-menu ul { border:none }

.sf-menu a { border-left:1px solid #001d50; border-right:1px solid #002f86 }
.sf-menu ul a { border-bottom:1px solid #001d50; border-top:1px solid #002f86 }

.sf-menu ul a.top { border-top:none }
.sf-menu ul a.bottom { border-bottom:none }

.sf-menu ul a:hover { background:#001d50 !important; color:#FFF !important; border-bottom-color:#f27e17; border-top-color:#fe950c }

/* visited pseudo selector so IE6 applies text colour*/
.sf-menu a,
.sf-menu a:visited  { color:#ffffff }

.sf-menu li li { background:#002f86 }
.sf-menu li li li { background:#002f86 }

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#002f86 }

.sf-menu ul li:hover,
.sf-menu ul li.sfHover a.item,
.sf-menu ul a:focus,
.sf-menu ul a:hover,
.sf-menu ul a:active { background:#002f86; color:#FFFFFF !important; border-bottom-color:#002f86; border-top-color:#002f86 }

#slider-content { position:relative; z-index:100; border-bottom:5px solid #ffffff }

/*.blue-block { color:#FFF; border-top:1px solid #000 }
*.blue-block a { color:#C7E687 }
*.blue-block a:hover { color:#fff }*/

#main-content { background:#ffffff; border:2px solid #ffffff;border-right: 0; }

#header .head-sub { color:#00387D }
#header .head-sub a { color:#00387D }
#header .head-sub a:hover { color:#000000 }

.jFlowSelected { color:#FFF !important }

#main-content .left { background:#ffffff;}
	


.button { background:#336A93; color:#FFF; border:2px solid #0E3B65 }

#footer { border-left:1px solid #325772; border-right:1px solid #325772; color:#FFF; border-top:1px solid #000; background:#0F3149 }
#footer a { color:#E2F3BE }
#footer a:hover { color:#FFF }

/*** ----------------------------------------- ***/
/*** END COLORS ------------------------------ ***/





/* --------------------------------------------- */
/* Main Styles --------------------------------- */

body { font-family:Arial, Helvetica, Tahoma, sans-serif; margin:0; padding:0 }
	
a:active, a:focus { outline:none }
a { text-decoration:none }
a:hover { text-decoration:underline }
	
#content { width:900px; margin:0 auto }
.clear { clear:both; display:block }

/* --------------------------------------------- */
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:922px; height:80px; background:#ffffff;}
#header h1 { width:278px; height:64px; margin:0; padding:0; position:absolute; top:10px; left:19px }
#header h1 a { text-indent:-2000px; display:block; background:url('../images/logo.gif') no-repeat; width:308px; height:64px }

#header .head-sub { text-align:right; font-size:12px; width:275px; height:50px; position:absolute; right:20px; bottom:17px }

#header .head-sub a { text-decoration:none }
#header .head-sub a:hover { text-decoration:underline }

/* --------------------------------------------- */
/* Navigation ---------------------------------- */

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:12px; font-weight:normal; width:922px; height:35px; background:url('../images/nav_bg.gif') no-repeat }

#navigation a.first { border-left:none }
#navigation a.last { border-right:none }

#navigation a:hover { text-decoration:none }
	
	
	/* SUPERFISH STYLESHEET ---------------------------------- */
	/*** DO NOT DELETE OR EDIT THE FOLLOWING (Unless you know what you're doing of course!) ***/
	.sf-menu, .sf-menu * { margin:0; padding:0; list-style:none }
	.sf-menu { line-height:1.0 }
	.sf-menu ul { position:absolute; top:-899em; width:17em }
	.sf-menu ul li { width:100% }
	
	/* fixes IE7 'sticky bug' */
	.sf-menu li:hover { visibility:inherit }
	
	.sf-menu li { float:left; position:relative }
	.sf-menu a { display:block; position:relative }
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul { left:0; top:2.4em; /* match top ul list item height */ z-index:99 }
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul { left:12em; top:-0.1em }
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul { top:-999em }
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul { left:12em; top:-0.1em }
	/*** ---------------------------------------------------------------------------------- ***/
	
	/* Dropdown Styling */
	.sf-menu { margin:0 }
	.sf-menu a { text-transform:uppercase; font-size:12.25px; padding:11px 12px 11px 12px; text-decoration:none }
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size:12px; padding:10px 10px 10px 10px; text-decoration:none }
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0 }

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; /* IE6 only */ width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ }
	a > .sf-sub-indicator {  /* give all except IE6 the correct values */ top:.9em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ }
	
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator { background-position: -10px -80px }
	
	.sf-menu ul .sf-sub-indicator { background-position: -10px 0 }
	.sf-menu ul a > .sf-sub-indicator { background-position: 0 0 }
	
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0 }


/* --------------------------------------------- */
/* Slider Area (JFLOW) ------------------------- */	

#slider-content { width:922px; height:225px; position:relative; z-index:100; border-bottom:2px solid #ffffff }

#myController { display:none }
#mySlides img { display:block; margin:0 }
/*.blue-block { display:block !important; text-align:center; padding:16px 0 0 0; font-size:25px; letter-spacing:.3px; font-family:Arial, Helvetica, sans-serif; display:block; width:922px; height:48px; background:url('../images/blue_bar_bg.gif') repeat-x }*/
.blue-block a { text-decoration:underline }
.blue-block a:hover { text-decoration:none }

.blue-block.small { font-size:18px !important; padding-top:18px !important; height:45px !important }

.jFlowPrev, .jFlowNext { cursor:pointer; display:block; width:25px; height:25px; text-indent:-5000px; position:absolute }

.jFlowPrev { bottom:10; left:855; background:url('../images/button_left.png') no-repeat }
.jFlowNext { bottom:10; right:10; background:url('../images/button_right.png') no-repeat }

.jFlowControl { cursor:pointer }
.jFlowSelected { text-decoration:none !important }

/* --------------------------------------------- */
/* Main Homepage Content ----------------------- */

#main-content {
	width:922px;
	padding-top: 0;
	border-bottom:none;
	border-top: none;
	margin-top:-5px; 
}