/* @reset values
--------------------------------------------------------*/
html, body, div, span, applet, object, iframe, nav,header,section,article,aside,footer, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; font-size: 100%; vertical-align: baseline; background: transparent;}
/* :focus {outline: 0;} */
body {font-size: 75%; 		/* 12px */
	line-height: 1.43;	/* 20px */
	/* great px-em calculator at http://riddle.pl/emcalc/ */}
ul {list-style-image:none; list-style-position:outside;	list-style-type:none;}

/* @headings
--------------------------------------------------------*/
h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.43em;} 
/* h1#branding {float: left; font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #000; letter-spacing: 0.5px; font-size: 2em;} */
/* h1#branding span {position:absolute; top: 30px; left:5%; font-size:0.0001em; color:#fff;} */
h1#branding a {overflow:hidden; height: 97px; width: 410px; position:relative; margin:0 auto; padding:0;}
h1#branding a img {background-color: #fff; display:block; height: 97px; width: 410px; z-index:1; position:relative; top:-30px;}
#inner h2 {font-weight: normal; margin: 0 0 5px; font-size: 2em;}
#inner h3 {font-size: 1.5em; padding: 15px 0 0; font-weight: normal; color: #111;}

/* @p
--------------------------------------------------------*/
p#accessibility {width:100%; text-align: center; background-color: #333;}
.offerings h2 {font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; letter-spacing: 0.5px;}
#content p {margin: 0.5em 2em 1em 0;}

/* @navigation
--------------------------------------------------------*/
ul#nav {text-align: left; color: #333; position:absolute; right:68px; top: 30px;}
ul#nav li {height: 49px; float: left; text-align:center;}
ul#nav li#last {padding-right:0; }
a, ul#nav a {text-decoration:none; color: #444; /* margin: 0 auto; */}
ul#nav a {font-size: 1em; padding: 0 7px; display: block; text-align: center; }
#header p#swob {font-size: 0.9em; color: #555; position:absolute;right:75px;top:60px;}

#content a {border-bottom: 1px dotted #cdb490; }
#content a#learnmore {font-size:1.5em;}
a:hover, ul#nav a:hover, #content a:hover {color: #000; border-bottom: 1px solid #cdb490; background-color: #f5f5f5;}
h1#branding a:hover {background:none; border:none;}
#searchform {min-width: 7em; position: absolute; top: 3.7em; right: 2em; color: #434343; margin-left: 25em;}
#siteinfo {font-size: 0.79em; text-align:center;}
#siteinfo ul {margin: 0 auto; }
#siteinfo li {display: inline; border-right: 0.5px solid #434343; padding: 0 0.5em;}
#siteinfo li.last {border-right: none;}

/* @major areas
--------------------------------------------------------*/
body {background: #123784 url('../img/bg.gif') repeat-x; color: #333; min-width: 875px;}
/* body * {font-size: 1em; line-height:inherit} */
/* #header {background: #fff url('../img/header.png') repeat-x 0 0;} */

#accessibility, #header, #maincontent, #siteinfo {min-width: 41.4286em;	/* 640-30px gutter each side = 580px*/}
#siteinfo {margin: 25px 0; padding: 25px 0 0;}
#content {margin: 0 auto;}
#inner {padding: 20px; background-color: #fff; width: 61%; min-width: 27em; max-width: 800px; float: left; margin: 0 auto;}
#wrapper {padding: 0 5%;}
#banner {background-color:#fff; width: 100%;}
#inner-banner {/* margin-left: 55%; */ background: #fff url('../img/bgslice.png') repeat-y 100% 0; padding: 20px 30px; min-height:312px;}
#inner-banner img {margin-left: -20px;}
#inner-banner h2#slogan {margin-left: 570px; font-size: 1.7em; font-weight: normal; line-height: 1.3; /* padding-left: 0.75em; */ color: #333;}
#inner-banner p {margin-left: 570px; color: #333;}
#relatedcontent {width: 33%; float: left; vertical-align: text-bottom;}
#relatedcontent-home {padding-top:20px;margin: 0 auto; }
/* #relatedcontent-home ul {
	padding: 10px 20px;
	width: 90%;
	margin:0 auto;
} */
div.threewide {float: left; width: 30%; height: 235px; margin-right: 5%; background: #fff url('../img/bgslice.png') repeat-y 100% 0;}
div.last {margin-right:0;}
div.threewide h2 {font-size: 1.5em; font-weight: normal; padding-left: 30px; padding-top: 20px; padding-bottom: 10px;}
#relatedcontent-home div.threewide p {padding-right: 30px; padding-left: 30px;}
#relatedcontent-home div.threewide h3 {padding: 5px 30px 5px; font-weight: normal;}
div.threewide ul li {list-style: square inside; padding: 0.5em 2em 1em;}
#siteinfo p, #siteinfo a {color: #E2C56F;}
#siteinfo, .clear {clear: both;}
.clearleft {clear: left;}
div.onewide {background-color: #EEEEEE; margin-left:25px; padding:20px 25px;}
div.onewide li {list-style-type: disc;margin-left:20px; padding-left: 5px;}
div.onewide h2 {padding-bottom:20px;}
div.onewide h3 {margin-bottom: 10px;font-weight:normal;}

/* @Home Page Images
---------------------------------------------------------*/
#accessibility {background-color: #4e4e4e; width:100%}
#accessibility a {background-color: #4e4e4e; color: #fff; font-size: 0.86em;padding: 3px 0;}
#banner.chess {background: #fff url('../img/chess-game.jpg') no-repeat; width: 100%;}
#banner.wheel {background: #fff url('../img/ist2_4066538-ahoy.jpg') no-repeat; width: 100%;}
#banner.sailing {background: #fff url('../img/ist2_1726496-sailing.jpg') no-repeat; width: 100%;}
#banner.working {background: #fff url('../img/ist2_3447399-business-people-in-meeting.jpg') no-repeat; width: 100%; }
#banner.lineup {background: #fff url('../img/ist2_6500196-smiling-business-woman-with-her-colleagues.jpg') no-repeat; width: 100%; }
#banner.birdseye {background: #fff url('../img/ist2_7198789-power-meeting-from-above.jpg') no-repeat; width: 100%; }
#banner.youngguy {background: #fff url('../img/ist2_8801955-happy-and-confident-young-businessman-with-colleague-in-background.jpg') no-repeat; width: 100%; }
#banner.arrr {background: #fff url('../img/ist2_9170615-headshot-of-shirtless-and-bearded-man-scowling.jpg') no-repeat; width: 100%; }
#banner.jumpy {background: #fff url('../img/ist2_10542885-group-of-young-people-jumping-for-joy-outdoors.jpg') no-repeat; width: 100%; }
#accessibility ul{display:inline; }
#accessibility ul li {float: left; margin:0 0 5px;}
#accessibility ul li a {display:block;}

/* Remove this after selecting an image */
/*body {background: #123784 url('../img/bg.gif') repeat-x 0 30px;}*/
/*ul#nav {text-align: left; color: #333; position:absolute; top:65px; right: 1.5%;}*/

#content #inner ul {padding-bottom: 20px;}
#content #inner ul li {list-style-type:disc; list-style-position:inside;padding-left: 30px;}