/* Design 203 Stylesheet */

/* basic elements */

body {margin: 0; padding: 0; text-align: center; font: 1em arial, sans-serif}
h1 {color: #348561; font-size: 1.1em; margin: 0; padding: 0; text-indent: -5000px; height: 26px; z-index: 1; }
h2 {color: #348561; font-size: 1em; margin: 0; padding: 16px 16px 0 16px; z-index: 1;}
h3 {color: #348561; font-size: 0.9em; margin: 0; padding: 16px 16px 0 16px; z-index: 1; }
a:link    { color: #0C080E }
a:visited { color: #6D6B6E }
a:hover   { color: #FF0000 }

/* layout elements sitewide */

#topstripe {padding: 1px 10px 1px 0; background-color: #348561; height: 12px}
#topstripe #jsdate {margin: 0 auto; padding: 0; color: #fff; text-transform: uppercase; font-size: 0.6em; text-align: right; max-width:792px}
#wrapper {width: 792px; text-align: left; padding: 0; margin: 0 auto}
#bodyhome #header {border: 3px solid #d1d1d1; height: 88px; background-color: #FFFFFF;}
#header {
	border: 3px solid #d1d1d1;
	height: 88px;
	background-color: #FFFFFF;
}
#header #logo {float: left; margin: 5px 0 0 5px; padding: 0}
#header #mrilogo {float: right; margin: 5px 5px 0 0; padding: 0}
#header #swoosh {float: right; margin: 10px 15px 0 0; padding: 0}
#header #s-photo {margin: 0px; padding: 0px;}
#header #s-photo div {height:86px; float:right; border-top: 1px solid #F3F8F6; border-right: 1px solid #F3F8F6; border-left: 1px solid #F3F8F6; margin: 0px; padding: 0px;}
#header a img {border:none;}
#main {	background: url(../img/bg.gif) repeat-y left; position: relative; border-bottom: 3px solid #348561; border-right: 3px solid #348561; min-height: 300px; z-index: 1;}
#top {height: 388px; border: 0px dashed blue; z-index: 1;}
#bottom {position: absolute; top: 388px; left: 0; z-index: 1; }
#footer {margin: 0; padding: .5em 0; font-size: 0.7em; line-height: 1.4em; text-align: center; color: #348561; border-top-width: 6px; border-top-style: solid; border-top-color: #0C080E;}
div.clear {clear: both}
#horzList { margin-bottom: 20px; }
  
  #horzList li {
	display: inline;
	
	
}


/* homepage styles */
#bodyhome #main {
	background-color: #FFFFFF;
	background-image: none;
	height: 496px;
	border: 0;
	z-index:1;
}
img.h-photo {margin: 0; padding: 0; border: solid #1b6c6e; border-width: 0 1px 1px 1px; z-index: 1; }
#bodyhome #copy {position: absolute; width: 325px; height: 307px; top: 0; left: 252px; border: 0; padding-bottom: 0; z-index: 1;}
#bodyhome #copy p {
	margin: 0;
	padding: 8px 16px 0 16px;
	z-index: 1;
	font-size: 0.8em;
	line-height: 1.7em;
}
#topleft-box, #bottomleft-box {color: #0C080E; 	background-color: #e8e7e8; 	width: 252px; height: 106px}
#topleft-box {position: absolute; top: 201px; left: 0; height: 187px;}
#bottomleft-box {float: left;}
#topleft-box h2, #bottomleft-box h2 {margin: 0; padding: 0; display: block; width: 252px; height: 27px; text-indent: -5000px}
#newsL {
	background-image: url(../img/h-email-signup.png);
	background-repeat: no-repeat;
}
#topleft-box h2 { background: url(../img/h-find.png) no-repeat }
#blog { background: url(../img/h-blog.png) no-repeat }
#topleft-box h3 { display: block; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; color: #348561; border-top-width: 1px; border-top-style: solid; border-top-color: #348561; margin-top: 8px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#topleft-box p, #bottomleft-box p {margin: 0; padding: 6px 10px 0 10px; font-size: 0.7em;}
#topleft-box a:link, #bottomleft-box a:link {color: #348561;  font-weight: bold;}
#topleft-box a:visited, #bottomleft-box a:visited { color: #6D6B6E; font-weight: bold; }
#topleft-box a:hover, #bottomleft-box a:hover { color: #FF0000; font-weight: bold; }

a #shop-button {
	width:119px;
	height: 22px;
	background-image: url(../img/shop-button.gif);
	background-position: 0px -22px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
a:hover #shop-button {
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

a #news-button {
	width:119px;
	height: 22px;
	background-image: url(../img/news-button.gif);
	background-position: 0px -22px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
a:hover #news-button {
	background-position: 0px 0px;
	background-repeat: no-repeat;

}

a #blog-button {
	width:119px;
	height: 22px;
	background-image: url(../img/blog-button.gif);
	background-position: 0px -22px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
a:hover #blog-button {
	background-position: 0px 0px;
	background-repeat: no-repeat;

}
a #find-button {
	width:119px;
	height: 22px;
	background-image: url(../img/find-button.gif);
	background-position: 0px -22px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
a:hover #find-button {
	background-position: 0px 0px;
	background-repeat: no-repeat;

}
a #email-button {
	width:119px;
	height: 22px;
	background-image: url(../img/signup-button.gif);
	background-position: 0px -22px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	padding: 0px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
}
a:hover #email-button {
	background-position: 0px 0px;
	background-repeat: no-repeat;

}



#focus-box {width: 209px; height: 380px; color: #0C080E; background-color: white; border: 3px solid #348561; position: absolute; top: 0; right: 0; z-index: 1;}
#focus-box h2 {display: block; width: 209px; height: 27px; margin: 0; padding: 0; text-indent: -5000px; background: url(../img/h-ind.png) no-repeat}
#focus-box p  {
	margin: 0;
	padding: 6px 10px 0 10px;
	font-size: .8em;
	line-height: 1.7em;
}
#focus-box ul  {padding: 0; margin-top: 4px; margin-right: 0; margin-bottom: 4px; margin-left: 0; }
#focus-box li  {
	font-size: .8em;
	line-height: 1.8em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	font-weight:bold;
}
#i-photo {float: right; border: 0px dashed red; width: 540px; height: 106px; background-color: #F3F8F6; /*background: url(../img/ind-mockup.png) no-repeat;*/}
#i-photo div img {float: right; border: 1px solid #F3F8F6;}
/* copy and text styles sitewide */
#copy {float: right; width: 589px; margin: 0; padding: 0 0 12px 0;}
#copy p { color: #0C080E; font-size: 0.75em; line-height: 1.8em; margin: 0; padding: 8px 48px 0 16px; }
#copy ul { margin:0px 16px 0px 48px; padding:0px; }
#copy li {color: #333333; font-size: 0.75em; line-height: 1.8em; margin: 0; list-style-type: none; background-image: url(../img/bullet-a.gif); background-repeat: no-repeat; background-position: 0px 16px; padding-top: 8px; padding-right: 48px; padding-bottom: 0; padding-left: 16px; }




/*section headers*/ 
#bodyabout h1 {background: #348561 url(../img/s-t-about.png) no-repeat}
#bodyclient h1 {background: #348561 url(../img/s-t-client.png) no-repeat}
#bodycand h1 {background: #348561 url(../img/s-t-cand.png) no-repeat}
#bodyind h1, #bodyind-ind h1, #bodynews h1 {background: #348561 url(../img/s-t-ind.png) no-repeat}
#bodyjobs h1 {background: #348561 url(../img/s-t-jobs.png) no-repeat}
#bodycontact h1 {background: #348561 url(../img/s-t-contact.png) no-repeat}
#bodysignup h1 {background: #348561 url(../img/s-t-newsletter.png) no-repeat}
#bodyerror h1 {background: #348561 url(../img/s-t-404.png) no-repeat}
#bodyhome h1 {padding: 12px 16px 0 16px; text-indent: 0}





/* navigation behaviors */

#nav {
	width: 100%;
	height: 23px;
	background-color: #6D6B6E;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0c080e;
	z-index:3000;
}
#nav ul {margin: 0; padding: 0; list-style: none;	z-index:3000;}
#nav ul li {
	float: left;
	z-index:3000;
}
#nav ul li a {display: block; text-indent: -5000px; height: 23px;	z-index:3000;}

#navhome a {width: 62px; background: url(../img/nav.png) no-repeat 0 0}
#navhome a:hover {background-position: 0 -23px}
#bodyhome #navhome a {background-position: 0 -46px}

#navabout a {width: 88px; background: url(../img/nav.png) no-repeat -62px 0 }
#navabout a:hover {background-position: -62px -23px}
#bodyabout #navabout a {background-position: -62px -46px}

#navclient a {width: 153px; background: url(../img/nav.png) no-repeat -150px 0}
#navclient a:hover {background-position: -150px -23px}
#bodyclient #navclient a {background-position: -150px -46px}

#navcand a {width: 156px; background: url(../img/nav.png) no-repeat -303px 0}
#navcand a:hover {background-position: -303px -23px}
#bodycand #navcand a, #bodyjobs #navcand a {background-position: -303px -46px}

#navind a {width: 131px; background: url(../img/nav.png) no-repeat -459px 0}
#navind a:hover {background-position: -459px -23px}
#bodyind #navind a {background-position: -459px -46px}
#bodyind-ind #navind a {background-position: -459px -46px}
#bodynews #navind a {background-position: -459px -46px}

#navcontact a {width: 100px; background: url(../img/nav.png) no-repeat -590px 0}
#navcontact a:hover {background-position: -590px -23px}
#bodycontact #navcontact a {background-position: -590px -46px}
#bodysignup #navcontact a {background-position: -590px -46px}


/* dropdown navigation behaviors */

#nav li ul {
	position: absolute !important;
	width: 182px;
	top: 23px;
	left: -999em;
	z-index: 3000;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0C080E;
	border-right-color: #0C080E;
	border-bottom-color: #0C080E;
	border-left-color: #0C080E;
}
#nav li:hover, #menu li.sfhover { position: relative; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

#nav li ul li {
	float: left;
	color: #FFFFFF;
	font-size: .75em;
}
#nav li ul li a {
	width: 160px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #6D6B6E;
	background-image: none;
	text-indent: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 14px;
	height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E7E8;
	border-top-width: 1px;
}

#nav li ul li a:hover, #nav .sfhover ul li {
	background-color: #348561;
	color: #FFFFFF;
}


/* subnavigation behaviors */
#snav {
	float: left;
	width: 194px;
	background-color: #6D6B6E;
	border-top-width: 0;
	border-right-width: 3px;
	border-bottom-width: 0;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #348561;
	border-right-color: #348561;
	border-bottom-color: #348561;
	border-left-color: #348561;
}
#snav ul {margin: 0; padding: 0; list-style: none}
#snav ul li {margin: 0; padding: 0}
#snav ul li a {
	display: block;
	height: 19px;
	font-size: 0.75em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 7px 8px 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#snav ul li a:link    {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 3px solid #d1d1d1;
	background-color: #348561;
}
#snav ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	border-right: 3px solid #d1d1d1;
	background-color: #348561;
}
#snav ul li a:hover   {
	color: #0C080E;
	text-decoration: underline;
	background-color: #D1D1D1;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #348561;
}

/* form styles */

form {width: 380px; margin: 20px auto 0 auto; padding: 0; font-size: 0.75em}
div.row {clear: both; padding-top: 0}
div.last {text-align: right}
div.row span.label {float: left; width: 115px; text-align: right; font-weight: bold; margin: 0; padding: 6px 0; border-top: 1px dotted #cac6cc}
div.row span.formw {float: right; width: 260px; text-align: left; line-height: 1.5em; margin: 0; padding: 5px 0; border-top: 1px dotted #cac6cc}
input, textarea {margin: 0; padding: 0}
.tiny {
	font-weight: normal;
	font-size: 0.8em;
	display: block;
	width: auto;
	padding: 0px;
	position: relative;
	left: 0px;
	top: -12px;
	clear: both;
	margin: 0px;
}
.signup form {
	border: 1px solid #348561;
	padding:12px;
	width: 400px;
	margin: 6px 0px 0px 12px;
}
.signup h3 {
	font-size: 1.2em;
	padding-bottom: 6px;
	margin: 0px;
	padding-top: 0px;
}
.nosho {
	display: none;
}





/* blog styles */

p#blog-title {
	background-image: none !important;
	background-color: #FFFFFF;
	padding: 0px;
	font-size: .9em;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
.sidebar-title {
	font-size: .8em;
	margin-left: 4px;
}
.date-header { }

.profile-data { font-size: .8em; }
#comments {
	width: 88%;
	margin-right: 18px;
	margin-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BEBEBE;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	font-size: 1em;
}
#comments p {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BEBEBE;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#comments-block {
	font-weight: normal;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
#comments-block p, #comments-block p a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.comment-poster {
	font-size: .8em;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

.comment-timestamp, p.comment-timestamp, #postfeeds {
	font-size: .6em;
	text-align: right;
	margin: 0px;
	padding: 0px;
	border-bottom: none !important;

}

.comment-link {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
p.comment-timestamp a { font-size: .8em; }

img.icon-action {border:none;}



h3.post-title {
	font-size: .9em;
	padding-bottom: 6px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}

.post-body {
	font-size: .8em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #348561;
	margin-right: 12px;
	margin-left: 12px;
}
.post {
	width: 90%;
	margin-left: 18px;
	padding: 4px;
	background-color: #F2F2F3;
	border: 1px solid #BEBEBE;
}

.post-body div {
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: .9em;
}

p.date-header {
	font-size: .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #888888;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/*rss feed styles */

.feeds {
	width: 98%;
	font-size: 1em;
	color: #6D6B6E;
}
.feeds .feed-box {
	background-color: #F2F2F3;
	border: 1px solid #BEBEBE;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 24px;
	padding-left: 0px;
}

.feeds .feed-box-new {
	background-color: #F2F2F3;
	border: 1px solid #BEBEBE;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 24px;
	padding-left: 16px;
	font-size:12px;
}

.feeds .feed-box-new h3 {
	clear:both;
	border-bottom-width: 1px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	color: #348561;
	font-size: 14px;
}

.feeds img {
	text-align:left;
	float:left;
	margin-top: 3px;
	margin-right: 18px;
	margin-bottom: 3px;
	margin-left: 18px;
}
.feeds p { color: #6D6B6E; }

.feeds h3 {
	clear:both;
	border-bottom-width: 1px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 12px;
	color: #348561;
	font-size: 14px;
}


/* IE 6 is yucky */
/* IE6 is a jerk */
* html #main {height:auto !important; height:300px}


*html #nav li ul {
	position: absolute !important;
	width: 182px;
	top: 132px;
	left: -999em;
	z-index: 3000;
	border-top-width: 0;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0C080E;
	border-right-color: #0C080E;
	border-bottom-color: #0C080E;
	border-left-color: #0C080E;
}
*html #nav li:hover, *html #menu li.sfhover { position: relative;	left: 0!important; }
*html #nav li:hover ul, *html #nav li.sfhover ul { left: auto; }

*html #nav li ul li {
	float: left;
	color: #FFFFFF;
	font-size: .75em;
}
*html #nav li ul li a {
	width: 160px;
	text-decoration: none;
	display: block;
	color: #FFFFFF;
	background-color: #6D6B6E;
	background-image: none;
	text-indent: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 14px;
	height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E7E8;
	border-top-width: 1px;
}


*html #nav li ul li a:hover, *html #nav .sfhover ul li {
	background-color: #348561;
	color: #FFFFFF;
}
*html form {width: 380px; margin: 20px auto 0 auto; padding: 0; font-size: 0.75em; z-index:1;}


* html .signup form { padding:6px; }

*+html .signup form { padding:6px; }



#s-btn {
	margin-top: 12px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	border: 1px solid #348561;
	background-color: #D1D1D1;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
#s-btn h3 {
	font-size: 1.2em;
	color: #348561;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
	text-align: center;

}
#s-btn p {
	font-size: .7em;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 6px;
	margin: 0px;
	text-align: center;

}
#s-btn a { color: #348561; 
}

#bodyjobs #copy { font-size: .8em; }