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

body { background:#071825;}
a { color:#517307 }
a:hover { color:#67920D }

#navigation { border-bottom: 1px solid #000; }
/* #navigation a:hover { background: #f5c002; color:#333; } */

.sf-menu ul { border:1px solid #196893; } /* sub menu ul */

.sf-menu a { border-left:1px solid #dbd1b9; border-right:1px solid #333 }
.sf-menu ul a { border-bottom:1px solid #036; border-top:1px solid #9db8d6; }

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

.sf-menu ul a:hover { /* background:#1c1d1e !important; color:#FFF  !important;*/ border-bottom-color:#1C4563; border-top-color:#84B1D3 }

ul#nav li a.active { /* effect for active/current page */
    color: #fff; background: #357493;
    text-decoration: underline;
    border-left-color: #196893;
    }

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

.sf-menu li li { 
  background: #94abcb; color: #1c1d1e;
}


/* .sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { background:#1c1d1e }
 */
.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:#336A93; color:#FFFFFF !important; border-bottom-color:#1C4563; border-top-color:#84B1D3 }

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

.blue-block { color:#333;}
.blue-block a { color:#C7E687 }
.blue-block a:hover { color:#fff }

#main-content { background:#DBD1B9; border:2px solid #f3ece3 }

#header .contact-info { color:#2d3134; }
#header .contact-info small em { color:#000 }
#header .contact-info a { color:#2d3134; }
#header .contact-info a:hover { color:#2d3134; }

.jFlowSelected { color:#FFF !important }

.gallery-block { background:#DBD1B9; border:2px solid #f3ece3 }
.gallery-block li a { border:1px solid #000 }
.gallery-block li a:hover { border:1px solid #FFF }

#main-content .feature { background:#fff; border-right:1px solid #FFF }
#main-content .sidebar { border-left:1px solid #A7947A; background:/* #C7B998 */ #C0B18D; }
	
#main-content ul { color:#534C42 }
#main-content .sidebar ul { color:#23201B !important }

#main-content h2 { color:#4B3D1B; border-bottom:1px solid #4B3D1B }
#main-content h3 { color:#4B3D1B }

#main-content p { color:#23201b; }
#main-content .sidebar p { color:#23201B !important }
#main-content p.intro-text { color:#23201B }

#main-content a { color:#2E546F }
.portfolio-entry { border-top:1px solid #DBD1B9 }

.textbox { border:1px solid #C7B998; color:#888 }
.textarea { border:1px solid #C7B998; color:#888 }
.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: #DEE1C1}
#footer a:hover { color:#FFF }

/* END COLOURS ------------------------------ */

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

body { 	
  font-family: Arial, verdana, Helvetica, sans-serif;
  font-size: 80%;
  margin:20px 0 0 0; 
  padding:0 
}
	
a:active, a:focus { 
  outline:none 
}

a { 
  text-decoration:underline 
}

a:hover { 
  text-decoration: none; 
}
	
#wrapper { 
  width:980px; 
  margin:0 auto 
}

.clear { 
  clear:both; 
  display:block 
}

img { 
  border:none 
}

img.left { 
  float:left; 
  margin:0 20px 15px 0; 
  padding: 2px; 
  border: 1px solid #ccc; 
  position:relative; 
  top:5px; 
}

img.right { 
  float:right; 
  margin:0 0 15px 20px; 
  padding: 2px; 
  border: 1px solid #ccc; 
  position:relative; 
  top:5px; 
}

p.center {
  text-align: center;
  }
p.center img {
  border: 1px solid #ccc;
  padding: 2px;
  }
	
	
/* Header/Logo --------------------------------- */
	
#header { position:relative; width:980px; height:126px; background: #fff url('../images/header_bg.jpg') no-repeat; }
#header h1 { width:289px; height:75px; margin:0; padding:0; position:absolute; top:0; left:30px }
#header h1 a { text-indent:-2000px; display:block; background:url('../images/logo.gif') no-repeat; width:223px; height:120px }

#header .contact-info { text-align:center; font-size:24px; width:650px; height:50px; position:absolute; left:170px; bottom:10px }
#header .contact-info  { font-family:Arial, Helvetica, sans-serif; font-style:normal }
#header .contact-info small { display:block; margin:0; padding:0; font-size:18px }

#header .contact-info a { text-decoration:underline }
#header .contact-info a:hover { text-decoration:none }


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

#navigation { font-family:Arial, Helvetica, sans-serif; position:relative; z-index:2000; font-size:16px; font-weight:bold; width:980px; height:44px; background:#000 url('../images/nav_bg.jpg') no-repeat }

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

#navigation a:hover { text-decoration:underline; }
	
	
/* 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:-999em; width:10em }
	.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:14px; padding:13px 20px 9px 20px; text-decoration:none }
	/* sub menu */
	.sf-menu ul a { background:none; cursor:pointer; text-transform:none; border-left:none; border-right:none; font-size: 90%; padding:10px 0 10px 5px; text-decoration:none; text-indent: 14px; }
	
	.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('../graphics/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:.8em; 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 -100px }
	
	.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:980px; height:/* 364px */ 200px; position:relative; z-index:100; border-bottom:1px solid #000 }

#myController { display:none }
#mySlides img { display:block; margin:0 }

.blue-block { display:block !important; text-align:center;  padding:3px 0 0 0; font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;  display:block; width:980px; height:20px; background: transparent /* url('../graphics/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:40px; height:40px; text-indent:-5000px; position:absolute }

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

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

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

#main-content {
	width:936px;
	padding:20px;
	border-bottom:none;
}
		
#main-content .feature {
	width:680px;
	margin:0;
	padding:15px;
	float:left;
}

#main-content .member-logos {
  border-top: 1px solid #ddd; 
  clear: both;
  text-align: center;
}

#main-content .member-logos img {
  padding: 10px 0 0 0;
}  
	
#main-content .sidebar {
	width:219px;
	margin:0;
	float:left;
	border: 1px solid #fff;
}
	
#main-content ul { 
  margin:0 0 10px 15px; 
  padding:0 0 0 10px;
}

#main-content h2 { 
 font-size:140%; 
 font-weight:bold; 
 margin:0 0 20px 0; 
 padding:10px 0 5px 0; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
}

#main-content h3 { 
 font-size:110%; 
 font-weight:bold; 
 margin:0; 
 padding:5px 0 10px 0; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 color: #357493; background: #fff;
}

#main-content p { 
  padding:0; 
  font-size: 110%; 
  margin:15px 0;  
  line-height: 150%; 
}

#main-content p.intro-text { 
  margin:15px 0 20px 0; 
  font-size:16px; 
  font-weight:bold; 
  line-height:26px; 
}

#main-content .sidebar h3 {
  padding: 28px 0 10px 12px;
  font-size: 140%;
  }

#main-content .sidebar ul {
  padding: 10px 26px 20px 12px;
  line-height: 140%;
  list-style-image: url(../images/bullet.gif);
  }
  
#main-content .sidebar li {
  padding-bottom: 10px;
  }

/* Contact Page -------------------------------- */
.contact {
  font-weight: bold;
  float: left;
  width: 240px;
  }

#map {
  float: right;
  width: 420px; height: 350px;
  margin: 20px 0 40px 0;
}

#map p {
  font-weight: bold;
  font-size: 90%;
  padding: 0;
  margin: 0;
  color: #071825; background: #fff;
  }   
  
#map img {
  padding: 0;
  margin: 0;
  }  


/* Footer ----------------------- */

#footer { 
  position:relative; 
  font-size:90%; 
  width:938px; 
  margin:0 auto; 
  padding:20px; 
}

#footer a { 
  text-decoration:underline; 
}

#footer a:hover { 
  text-decoration:none; 
}

#footer span { 
  position:absolute; 
  right:20px; top:20px; 
}

#footer a.active {
  text-decoration: none;
  color: #fff; background: transparent;
  }