body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { background: #003869; font: .9em/1.35em Arial, Helvetica, sans-serif; color: #666; padding-bottom:2em;}

#content a:link, #content a:visited, #content a:active { color: #1D75AF; text-decoration:underline; }
#content a:hover { background-color: #D8E3CE; text-decoration: none; }
a img, img a { border: none; }

p { padding-bottom: .6em; }
h1, h2, h3, h4, h5, h6 { color: #1D75AF; /**1D75AF, 6C743A**/ font-style: normal; font-variant: normal; margin-top: .5em; margin-bottom: .3em; }
h1 { font-size: 1.1em; text-transform: uppercase; line-height: 1.25em }
/** experiment h1 { font-size: 1.33em; font-weight:normal; letter-spacing:.25em; text-transform: uppercase; margin-top: .15em; margin-bottom: .7em;} **/
h2 { font-size: 1em; line-height: 1.15em; }
h3 { font-size: .9em; line-height: 1em; }
h4 { font-size: .85em; text-transform: uppercase; color: #666; margin-bottom: 0; margin-top: 0; }
ul li { margin-left: 2em; list-style: square; list-style-position: outside; }
ul + h1, ul + h2, ul + h3, ul + h4, ul + p, h1 + h2, p + h2, li + h2 { margin-top: .8em; margin-bottom: .35em; }
#inner #content ul {margin-bottom: 1.2em;}

/** -- CONTAINER centers everything on the page -- **/
#container { width: 800px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; position:relative;}

/** -- header -- **/
#header { padding: 0px; margin: 0px; height: 93px; width: 800px; background: #FFF url(../img/headerbkgd.gif) repeat-x bottom; z-index: 99; border-left:1px solid #0E2E47; border-right:1px solid #0E2E47;}
#header img { padding: 0px; float: left; }
#swirl { height: 28px; width: 800px; font-size: 0px; line-height: 0px; background: #09C url(../img/swirl2.jpg) bottom no-repeat; border-left:1px solid #0E2E47; border-right:1px solid #0E2E47;}
/** -- top navigation and links -- **/
#topnav { float: right; margin-top: 67px; margin-right: -4px; line-height: 1em; }
#topnav a, a:link { text-decoration: none; }
/** all lists **/
#topnav ul { background: url(../img/navbkgd.png) repeat; padding: 0; margin: 0; list-style: none; }
#topnav .top { text-transform: uppercase; font-weight: bold; color: #FFF; position: relative; top: -5px; left: -2px; }
#topnav li a { font-weight: bold; color: #1D75AF; }
#topnav li { /** all list items **/ float: left; position: relative; width: 130px; /** original was 9em*/ margin: 0; padding: 8px 3px 4px; list-style-type: none; z-index: 99; }
#topnav li ul { /** second-level lists **/ display: none; position: absolute; top: 1em; left: 0; margin-left: -7px; margin-top: 4px; }
#topnav li:hover ul, #topnav li.over ul { /** lists nested under hovered list items **/ display: block; padding: .2em 0; }
#topnav li>ul { top: auto; left: auto; }
	/** overrides top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left **/


/** -- outer and inner -- **/
#outer { border-left:1px solid #0E2E47; width:610px; padding-right:190px;  /** color of the left column  **/ background-color: #ffffff; /** color of the content column **/ }

/** -- INNER fixes a problem with IE on the PC -- **/
#inner { margin: 0px; width: 100%; padding-top: 25px; }

/** -- right col -- **/
#rtcol { width:160px; float:right; position:relative; margin-left:1px; margin-right:-190px; padding-left: 15px; padding-right: 15px; border-left: solid 1px #ddd; }
#rtcol img { margin-left: -15px; margin-right: -15px; }
#rtcol p + img { margin-top: 40px; }
#rtcol ul { font-size: .85em; line-height: 1.2em; margin-left: -30px; }
#rtcol li { list-style: none; margin-bottom: .8em; background: url(../img/arrowbullet.gif) no-repeat left top; padding-left: 25px; }

/** -- content -- **/
#content { margin: 0px; border-right: solid 1px #ddd; padding-right: 15px; padding-left: 35px; margin-bottom: 35px; }
#content ul, #content ol { margin-top: .5em; margin-bottom: .5em; margin-left: 0em; }
#content li { margin-bottom: .3em; }

/** -- footer stuff-- **/ 
#footer {clear:both; font-size: 0.9em; width:760px; padding: 23px 20px 5px; color: #FFFFFF; margin:0 0 0 1px; background: #1F86C0 url(../img/footerbkgd.gif) repeat-x top; position:relative;}
#footerbottom {width:800px; margin-left:1px; height:15px; background:url(../img/footerbottom.gif) no-repeat;}
#socialmedia {position:absolute; top:18px; right:25px;}
#socialmedia p {float:left; width:30px; margin-left:10px;}
#socialmedia a {display:block; width:30px; height:30px; text-indent:-9999px; overflow:hidden;}
#sm_facebook {background:url(../img/facebook-icon.gif) no-repeat;}
#sm_twitter {background:url(../img/twitter-icon.gif) no-repeat;}
#sm_rss {background:url(../img/rss-icon.gif) no-repeat;}
#socialmedia a:hover {background-position:0 -30px;}
/** -- 'grtxt' colors the gray vert slashes in the footer -- **/ 
.grtxt { color: #A3AFB8; font-weight: bold; }
.quote { font-style:oblique; font-size: .9em; color:#1F79B3; line-height: 1.3em; }
.qauthor { font-size: .7em; font-weight: bold; line-height: 1.2em; text-align: right; color: #666666; margin-top: 0.7em; margin-bottom: 2.5em; }

/** 'newscontact' is similar to qauthor, above, except less space between <p> **/
.newscontact { font-size: .7em; font-weight: bold; line-height: 1.2em; text-align: right; color: #666666; margin-bottom: 0em; }
#clear { clear:both; height:0px; font-size: 0px; line-height: 0px; }
#leftcol { font-size: 11px; float: left; border-right: 1px solid #CCCCCC; padding: 0 10px 1.5em 0; margin-right: 30px; }
#leftcol a { color:#1D75AF; }
#leftcol p { margin: 0 0 -.5em 0; }
#leftcol h3 { font-size: 11px; font-weight: bold; text-transform:uppercase; color: #666666; margin-bottom: .7em; margin-top: .2em; }

/** -- Experimental ... two colums... -- **/
.getright { clear: none; }
.getleft { float: left; clear: none; padding-right: 40px; width: 220px; }
.tempnote { color: #CC0066; font-size: 0.75em; font-weight: normal; }

/** -- 'bottomlinks' turns a UL bulleted list into a horizontal menu at the bottom of certain pages --*/
.bottomlinks { font-size: 0.9em; padding-top: 3em; font-weight: normal; }
.bottomlinks li { font-weight: normal; display: inline; list-style: none; border-left: solid 1px #CCC; margin: 0; }
.bottomlinks li a:link, .bottomlinks li a:visited, bottomlinks li a:active { font-weight: normal; margin-left: .5em; margin-right: .3em; }
.bottomlinks .first { border: none; margin-left: -.5em; } /** -- This is a hack to turn OFF the left border on the first LI since IE6 doesen't support first.child or adjacent selectors. Sigh. --*/
/** -- subheads/2nd line on news page -- **/

.newssubhd { color: #666; font-style: italic; margin-top: -0.5em; margin-bottom: 0.5em; margin-left: 1.9em; }
.footnote { font-size: .85em; line-height: 1.2em; margin-top: 2em; }
/** not using this ... yet  .clearCol {
font-size: 0px;
line-height: 0px;
clear: both;
}**/

#content .nameslist a { font-size: 0.9em; font-weight: normal; }
.flRt { float: right; }
.flLt { float: left; }
#client_logos { float:right; width:170px; }
#client_list { width:350px; }
.rtArrow { float: right; padding: .9em 25px 3.5em 30px; }
.clientlogos { margin: 0 0 40px 0; float: right; }
.lcolbumper { margin: 0 0 35em 0; }
.skiptomain { font-size: 0; line-height: 0; display: none; }
.floatTextRight { font-size: .9em; line-height: 1.3em; float: right; margin-left: 1.5em; }
.imageleft { float:left; margin: 0 15px 10px 0; }
.smimageright { float:right; margin:0 0 6px 10px; }

/* For the employment page */
.jobbox { background-color:#F0F0E1; border: solid 1px silver; margin: 1em 0 4em 0; padding: 10px 15px 10px 15px; }
.jobbox h2 { color: #666; padding: 0; margin: 0 0 .5em 0; }

/* TinyMCE specific rules */
body.mceContentBody { background: #fff; padding:3px; }
body.mceContentBody noscript { display:none; }
body.mceContentBody #map_canvas { background:url(../img/map-bkgd.gif); }

/* Map */
#map_canvas { height:350px; width:559px; }

/* News Page */
.newsbox h1 a { text-decoration:none!important; }
.newsbox p {margin: .25em 0 0 0; font-style:italic;}

/* Other */
.marker { font-size: .7em; line-height: 1.3em;}
.center { text-align: center; }
.clear { clear:left; height:0; }
.video_cs {clear:left; position:relative; padding:1.5em 0 0 185px; width:368px;}
.video_cs img {position:absolute; top:2em; left:0;}
.video_cs h3 {line-height:1.2em;}
.closegap {margin-top:-.6em;}
.brochures {margin-bottom:1em;}

.testimonial { padding: 1em 100px 3em 40px; clear: left;}
.testimonial strong { font-size: 85%; line-height: 1.25em; }
.testimonial img { float: left; margin: 0 15px 0 0; }

/* Forms */
form img { float:left; clear:both; padding:0 1em 1em 9.5em; }
fieldset { clear:left; margin:0 0 1em; padding:1em 0 0; width:100%; background:#fff top left url(../img/tl-shadow.gif) no-repeat; border:0; border-bottom:1px solid #eee; }
legend { margin-left:1em; color:#000; font-weight:bold; }
label { float:left; width:7em; margin-right:1.5em; color:#000; }
input { margin-right:5px; }
input.input-wide, textarea.input-wide, select { width:375px; }
div.input { clear:left; float:left; padding:0 1em 1em; color:#999; }
div.required { background:8.4em 4px url(../img/required.gif) no-repeat; }
div.checkbox { padding-left:9.5em; }
form div.radio input, form div.checkbox input { float:left; }
form div.radio label, form div.checkbox label { padding-bottom:1em; width:auto; }
div.submit { float:left; clear:left; padding:0 1em 1em 9em; margin-top:1em; }
div.submit input { padding:5px 10px; }
form a.cancel { float:left; padding-left:1em; border-left:1px solid #999; margin-top:1em; }
div.after { margin-left:8.5em; }
div.error-message { color:#c00; margin-left:8.5em; }
.small-link {position:absolute; top:360px; left:625px; width:160px;}
/* Paging */
.page-numbers {margin:1em 0;}
.page-numbers .current, .page-numbers a {display:inline-block; border:1px solid #ccc; padding:5px 10px; margin-right:2px; background-color:#fff;}
.page-numbers a {text-decoration:none; font-weight:bold; color:#fff;}
.page-numbers a:hover {background-color:#eee;}
.page-numbers .current {background-color:#eee; border-color:#999; color:#999;}