/* -- GLOBAL STYLES -- */

body {margin:0px; padding:0; font-family:Arial, Verdana, sans-serif; font-size:12px; color:#111; background:url(images/bg.gif) top center repeat-x; text-align:center;}
* {margin:0; padding:0;}
.clear {clear:both;}

p {line-height:20px; padding-bottom:15px;}
a {color:#003146; text-decoration:none; font-weight:bold;}
a:hover {color:#003146; text-decoration:underline;}
a img {border:0;}
a.newslink {padding-top:10px; margin-top:10px; border-top:1px solid #ddd; display:block;}
a.email {color:#999; text-decoration:none; font-weight:normal;}
a.email:hover {color:#003146; text-decoration:underline;}

ul {margin:0 0 15px 30px; list-style-type:square;}
ol {margin:0 0 15px 30px;}
li {line-height:18px; padding-bottom:2px;}

h1 {font-size:18px; margin: 0; color: #005f7a; font-weight:normal; margin-bottom:10px; padding-top:10px;}
h2 {font-size:14px; margin: 10px 0 5px 0; text-transform:uppercase; color: #111; padding:5px 10px; background:#fafafa; border-bottom:1px solid #f5f5f5;}
h3 {font-size:13px; margin: 0; color: #005f7a; font-weight:bold; padding-bottom:3px; margin-bottom:3px; border-bottom:1px solid #eee; padding-top:10px;}
h3 a {color: #005f7a;}
h3 a:hover {color: #003146;}
h4 {font-size:15px; margin: 0; color: #005f7a; font-weight:bold; padding-bottom:7px; margin-bottom:7px; border-bottom:1px solid #eee; padding-top:10px; text-transform:uppercase;}
h5 {font-size:14px; margin: 10px 0 10px 0; text-transform:none; color: #111; border-bottom:1px solid #ddd; padding-bottom:10px;}
h6 {}

table.team {border:1px solid #ddd; margin-bottom:15px;}
.box4 th {padding:4px 7px; background:#005f7a; text-transform:uppercase; color:#fff; text-align:left; font-weight:normal;}
.box4 td {padding:0 0px 7px 0; vertical-align:top;}
.box4 td p {line-height:0px; padding:0px;}
.box4 td ul {list-style:none; margin:0; padding:0; border-top:1px solid #ddd;}
.box4 td li {padding:0px; margin:0px;}
.box4 td li a {display:block; background:#fff; border-bottom:1px solid #ddd; padding:4px 7px;}
.box4 td li a:hover {background:#f5f5f5;}

.aqua {color:#005f7a; font-weight:bold;}
.gray {color:#999; font-size:9px; position:relative; top:-3px;}
.red { color:#FF0000; }
.lowercase {text-transform:lowercase;}

.portrait {margin-bottom:20px;}

.floatleft {float:left;}
.floatright {float:right;}

.floatleft1 {float:left; width:275px;}
.floatright1 {float:right; }

.floatleft2 {float:left; width:440px;}
.floatright2 {float:right; width:440px;}

.floatleft3 {float:left;}
.floatright3 {float:right; text-align:right;}
.floatright3 a {text-decoration:none; color:#777;}

.form {padding:15px 15px 0px 15px; background:#f5f5f5 url(images/fade.gif) top left repeat-x; border:1px solid #eee; margin-top:10px;}
.contactfield {font: 11px/14px Arial, Helvetica, sans-serif; color: #555; padding: 5px; background-color:#fff; border-top: 1px solid #999; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #999; width: 400px;}
.contactfieldSM {font: 11px/14px Arial, Helvetica, sans-serif; color: #555; padding: 5px; background-color:#fff; border-top: 1px solid #999; border-right:1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #999; width: 200px;}


/* -- HEADER STYLES -- */

#header {margin:auto; height:107px; width:960px; background:url(images/bg-header.gif) top center no-repeat;}
#logo {float:left; width:255px; text-align:left;}
#hright {float:left; width:700px; text-align:left;}

ul#nav {list-style-type:none; height:40px; margin:0;}
ul#nav li {display:inline; line-height:normal; padding:0px;}
ul#nav a {text-decoration:none; display:block; float:left; height:40px; margin-left:0px;}
ul#nav a:hover {text-decoration:none;}

a#about {text-indent: -5000px; background: url(images/about.gif) no-repeat top left;  width:96px;}
a:hover#about {background: url(images/about1.gif) no-repeat top left;}
a#team {text-indent: -5000px; background: url(images/team.gif) no-repeat top left; width:77px;}
a:hover#team {background: url(images/team1.gif) no-repeat top left;}
a#portfolio {text-indent: -5000px; background: url(images/portfolio.gif) no-repeat top left; width:82px;}
a:hover#portfolio {background: url(images/portfolio1.gif) no-repeat top left;}
a#news {text-indent: -5000px; background: url(images/news.gif) no-repeat top left; width:100px;}
a:hover#news {background: url(images/news1.gif) no-repeat top left;}
a#contact {text-indent: -5000px; background: url(images/contact.gif) no-repeat top left; width:77px;}
a:hover#contact {background: url(images/contact1.gif) no-repeat top left;}

.search {width:150px; height:21px; background:url(images/search.gif) no-repeat; border:0; padding:3px 0 0 5px; margin-top:9px;}
.search1 {width:150px; height:21px; background:url(images/search1.gif) no-repeat; border:0; padding:3px 0 0 5px; margin-top:9px;}


/* -- CONTENT STYLES -- */

#content {margin:auto; width:978px; text-align:left;}
#spotlight {padding-left:9px; position: relative;}
#hpbox {width:940px; background:url(images/bg-fadebot.gif) bottom center repeat-x; margin:10px; position:relative; left:9px;}
#subbox {width:960px; margin:10px 10px 10px 0; position:relative; left:9px;}

.box1 {float:left; width:435px; text-align:left; padding:15px; height:160px;}
.box2 {float:right; width:435px; text-align:left; padding:15px; height:160px;}
.b2left {float:left; width:255px;}
.b2right {float:right; width:165px;}

.box3 {float:left; width:230px; text-align:left;}
.box4 {float:right; width:690px; text-align:left; padding:0px 15px 15px 15px;}
.box4 li  {padding-bottom:15px;}
.introbox { text-align:left; padding:10px 20px 0 20px;}

.box5 {float:left; width:660px; text-align:left; padding:0px 0 0 30px;}
.box6 {float:right; width:200px; text-align:left;  padding:0px 30px 0 20px; border-left:1px solid #eee;}
.box6 ul {margin-left:17px; margin-bottom:7px;}

.box7 {width:900px; text-align:left; padding:0px 0 0 30px;}
.box7 table {width:900px;}
.box7 td {padding:0px 20px 0px 10px; border-bottom:1px solid #eee;}

.subnav { border-right: 1px solid #ddd; margin-bottom: 15px; background:#fff;}
.subnav ul { list-style: none; margin:0px; padding:0px;}
.subnav li { border-bottom: 1px solid #e8e8e8; margin-left: 10px;}
.subnav a {display: block; margin: 0 0 1px 0; color: #111; text-decoration: none; padding: 7px 0 7px 15px; background: transparent url(images/bg-subnav.gif) left bottom repeat-x; font-weight:normal;}
.subnav a:hover{ background: transparent url(images/bg-subnav-blue.gif) left bottom repeat-x; color: #003146;}
.subnav .headline {font-size:11px; display: block; margin: 0 0 1px 0; color: #005f7a; font-weight:bold; text-transform:uppercase; text-decoration: none; padding: 8px 0 8px 15px; background: transparent url(images/bg-subnav.gif) left bottom repeat-x;}
#lbright {text-align:left; margin:10px 20px 20px 20px;}

/* -- DROPSHADOW STYLES -- */

#topleft {float:left; height: 9px; width: 9px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tl.png',sizingMethod='scale'); /* IE bug fix */}
#content>#topleft {/* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/tl.png');}

#topright {float:left;  height: 9px;	width: 9px;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tr.png',sizingMethod='scale'); /* IE bug fix */}
#content>#topright { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/tr.png');	}
	
#botleft {float:left; height: 9px; width: 9px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bl.png',sizingMethod='scale'); /* IE bug fix */}
#content>#botleft { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/bl.png');}

#botright {float:left; height: 9px;	width: 9px;	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/br.png',sizingMethod='scale'); /* IE bug fix */}
#content>#botright { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/br.png');}

#topmid {float:left; height: 9px; width: 960px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/top.png',sizingMethod='scale'); /* IE bug fix */}
#content>#topmid { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/top.png');}

#botmid {float:left; height: 9px;	width: 960px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom.png',sizingMethod='scale'); /* IE bug fix */}
#content>#botmid { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/bottom.png');}

#border-bottom {width:980px; height:20px; margin:auto; background:url(images/bg-bottom.png) top center no-repeat;}

#wrap {width:978px; float:left;  margin:auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-content.png',sizingMethod='scale'); /* IE bug fix */}
#content>#wrap { /* IE on Windows can't understand the child selector, so should ignore this rule */ background-image: URL('images/bg-content.png');}

/* -- FOOTER STYLES -- */

#footer {width:960px; text-align:center; margin:15px 0; color:#888; margin:auto; padding-bottom:20px; font-size:11px;}
#footer p {padding-bottom:0px;}

/* -- CONTENT SLIDER -- */

.sliderwrapper {position: relative; /*leave as is*/ height: 145px;}
.sliderwrapper .contentdiv {visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0;  /*leave as is*/ top: 0;  /* filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;*/ }
.pagination {text-align: right; /* padding: 5px 10px; */}
.pagination a {/* padding: 0 5px; text-decoration: none;  color: #00007D; background: white; */}
.pagination a:hover, .pagination a.selected {/*color: #000; background-color: #FEE496;  */}
.slideback {background:url(images/back.gif) top left no-repeat; width:14px; height:15px;}
.slidenext {background:url(images/next.gif) top left no-repeat;}
.slideback:hover {background:url(images/back1.gif) top left no-repeat; width:14px; height:15px;}
.slidenext:hover {background:url(images/next1.gif) top left no-repeat;}

.pagination {width: 435px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/  margin-bottom:15px; _margin-bottom:10px; height:13px;}
.bg-news {background:url(images/title-news.gif) top left no-repeat;}
.bg-portfolio {background:url(images/title-portfolio.gif) top left no-repeat;}

#bio {}
.biobox {border:1px solid #ddd; background: url(images/bg-fadebot.gif) bottom center repeat-x; margin-bottom:10px;}
.biobox p {line-height:20px; padding:0 15px 15px 15px;}
.biobox ul {margin:0 15px 15px 20px; list-style-type:square; padding:0 10px;}
.biobox h5 {font-size:12px; margin: 10px 0 10px 0; text-transform:uppercase; color: #111; border-bottom:1px solid #ddd; padding:0 15px 10px 15px;}
.portrait1 {padding:3px; border:1px solid #ddd; margin:0 0 20px 20px; background:#fff;}
.box4 #bio ul {margin:0 0 15px 20px; list-style-type:square;}
.box4 #bio li  {padding-bottom:5px;}
.subnav a.coloredlink {color:#003146; font-weight:bold;}
.biocol1 {float:left; width:420px; margin-right:20px;}
.biocol2 {float:left; width:250px;}


#bioleft {float:left; width:512px; margin-right:20px}
#bioright {float:left; width:158px; background:#eee;}
#bioright .portrait2 {padding:3px; border:1px solid #ddd; background:#fff;}
#bioright p {padding:0 12px 15px 12px; }
#bioright h5 {font-size:12px; margin: 0px 0 10px 0; text-transform:none; color: #111; border-bottom:1px solid #fff; border-top:3px solid #fff; padding:10px 12px; }

/* -- JTIP  --*/
pre {display:block; font:11px Arial, Helvetica, sans-serif; padding:10px; border:1px solid #bae2f0;	background:#e3f4f9;	 margin:.5em 0; overflow:auto; width:800px;}
#tooltip {position:absolute; padding:5px 10px 0 20px; height:50px; color:#003146; display:none; background:url(images/tooltip.png) top left no-repeat; /* filter:alpha(opacity=85); opacity: 0.85; */}