/* 
		------------------------------------------------
		CSS of American Technology Services (NetworkATS)
		(c) 1994 - 2008 American Technology Services
		networkats.com
		info@networkats.com
		------------------------------------------------
		Version 1.0 - Screen Media
		XHTML/CSS by Todor Iliev
 */


body {
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #333333;
	/*background: #e2e2e2;*/
	background: url(../images/dev/bg.jpg) #d1dff1 repeat-x 0 0;
	text-align: ;
	min-width: 950px;
	margin-top: 0px;
	}

#wrapper {
	text-align: left;
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #fff;
	background: #fff;
	border-top-width: 0;
	}

img {
	border: 0;
	}

/* --------------- Start Clearfix for FF --------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
* html .clearfix {
	height: 1%;
	}
/* --------------- End Clearfix for FF --------------- */


/* --------------- Start Header --------------- */
#header {
	height: 100px;
	background-image: url(../images/dev/headerBg.gif);
	background-repeat: repeat-x;
	}
#header .clientLogin {
	display: none;
	}
#headerLogo {
	float: left;
	width: 175px;
	margin: 15px 0 0 15px;
	}
#headerPattern {
	float: right;
	height: 100px;
	width: 498px;
	background: url(../images/dev/headerPattern.gif) no-repeat;
	text-align: right;
	}
#headerPattern a {
	font-size: 90%;
	line-height: 30px;
	margin: 10px 10px 0 0;
	}
#headerPattern a:link, #headerPattern a:visited {
	color: #668eba;
	text-decoration: none;
	border-bottom: 1px dotted #8db4dd;
	}
#headerPattern a:hover {
	color: #336094;
	border-bottom: none;
	}
#ee { /* Eastern Egg */
	float: right;
	width: 490px;
	height: 99px;
	visibility: hidden;
	display: none;
	background: url(../images/dev/ee/ee6.gif) no-repeat right bottom
	}
/* --------------- End Header --------------- */


/* --------------- Start Navigation --------------- */
#nav {
	height: 24px;
	background: url(../images/dev/navBg.gif) repeat-x;
	margin: 1px 0 1px 0;
	}
#nav ul {
	list-style-type: none;
	width: auto;
	height: 24px;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	}
#nav li {
	display: block;
	float: left;
	margin: 0;
	pading: 0;
	}
#nav li a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 4px 15px 0 15px;
	height: 20px;
	}
#nav li a:hover {
	background: transparent url("../images/dev/navBgHover.gif") repeat-x top left;	
	}
#nav li.active {
	background: #8cc43e;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;	
	}
#nav #firstItem {
	border-left: none;
	}
/* --------------- End Navigation --------------- */


/* --------------- Start Welcome - Index Only --------------- */
#welcome {
	background: url(../images/dev/loading.gif) no-repeat center center;
	/* above for Flash feature */
	float: left;
	height: 228px;
	width: 716px;
	}
#welcome .flash {
	padding: 10px;
	margin:15px;
	filter:alpha(opacity=80);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	}
#welcome h2 a {	
	/*background: url("../images/feature/ft_itsstfy.jpg") no-repeat 0 0;*/
	clear: none;
	cursor: pointer;
	display: block;
	float: left;
	height: 228px;
	text-indent: -9999px;
	width: 716px;
	}
/* --------------- End Welcome - Index Only --------------- */


/* --------------- Start Home Page Services Links --------------- */
#OurServices a:link, #OurServices a:visited, #OurServices a:active {
	color: #668eba;
	text-decoration: none;
	}
#OurServices a:hover {
	color: #336094;
	}
/* --------------- End Home Page Services Links --------------- */

	
/* --------------- Start Right Column Home --------------- */
#rightColumnHome {
	float: right;
	width: 233px;
	}
#rightColumnHome #search {
	height: 228px;
	background: url(../images/dev/searchBg.gif) repeat-x;
	}
#rightColumnHome #search a:link, #rightColumnHome #search a:visited {
	text-decoration: none;
	color: #fff;
	}
#rightColumnHome #search a:hover {
	font-weight: bold;
	}
#rightColumnHome #searchCorner {
	height: 228px;
	background: url(../images/dev/searchCorner.gif) no-repeat bottom right;
	color: #fff;
	padding: 0 0 0 20px;
	}
#rightColumnHome #searchCorner h6 {
	font-size: 80%;
	color: #fff;
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 12px;
	}
#rightColumnHome #searchCorner h1 {
	font-weight: bold;
	}
#rightColumnHome #searchCorner form {
	padding: 0;
	margin: 0;
	}
#rightColumnHome #searchCorner input {
	width: 165px;
	}
#rightColumnHome #searchCorner input.btn {
	background-image: url(../images/dev/searchBtn.gif) ;
	width: 22px;
	height: 24px;
	border: none;
	background-color: transparent;
	}
#rightColumnHome #searchCorner ul {
	font-size: 120%;
	}
#rightColumnHome #searchCorner h1 {
	font-size: 130%;
	color: #fff;
	}
/* --------------- End Right Column Home --------------- */


/* --------------- Start Right Column Page --------------- */
#rightColumn {
	float: right;
	width: 195px;
	min-height: 500px;
	padding: 0 10px 0 20px;
	background: url(../images/dev/rightColumnBg.gif) no-repeat top right;
	}
#rightColumn #search {
	}
#rightColumn #search a:link, #rightColumn #search a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #226aa4;
	}
#rightColumn #search a:hover {
	font-weight: bold;
	}
#rightColumn #searchCorner {
	}
#rightColumn #searchCorner h6 {
	font-size: 80%;
	color: #014687;
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 12px;
	}
#rightColumn #searchCorner h1 {
	border-top: 1px dotted #bdc7d3;
	color: #226aa4;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	}
#rightColumn #searchCorner form {
	padding: 0;
	margin: 0;
	}
#rightColumn #searchCorner form {
	padding: 0;
	margin: 0;
	}
#rightColumn #searchCorner input {
	width: 160px;
	}
#rightColumn #searchCorner input.btn {
	background: url(../images/dev/searchBtnPage.gif) no-repeat 1px 1px;
	width: 24px;
	height: 24px;
	border: none;
	background-color: transparent;
	}
#rightColumn #searchCorner ul {
	font-size: 120%;
	margin-top: 5px;
	}
#spotLight {
	background: url(../images/dev/spotLight.gif) no-repeat 150px 12px;
	}
#spotLight h1 {
	font-size: 150%;
	color: #999a5f;
	margin: 10px 0 15px 0;
	border-top: 1px dotted #bdc7d3;
	padding: 10px 0 0 0;
	}
#spotLight h2 {
	font-size: 120%;
	text-transform: uppercase;
	color: #b1b26f;
	margin: 10px 0 10px 0;
	padding: 10px 0 0 0;
	}
#spotLight p {
	font-size: 90%;
	color: #7e7f4d;
	line-height: 14px;
	}
#spotlightImg {
	margin: 0 0 0 20px;
	border-top: 1px solid #d0d1b5;
	border-left: 1px solid #d0d1b5;
	border-bottom: 1px solid #b0b197;
	border-right: 1px solid #b0b197;
	}
/* --------------- End Right Column Page --------------- */


/* --------------- Start News --------------- */
#latestNews {
	vertical-align: top;
	background: url(../images/dev/latestNewsBg.gif) no-repeat;
	margin: 0;
	padding: 1px 0 0 20px;
	}
#latestNews h1 {
	font-size: 130%;
	color: #749d33;
	padding-top: -20px;
	}
#latestNews a:link, #latestNews a:visited, #latestNews a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	}
#latestNews a:hover {
	color: #666666;
	}
/* --------------- End News --------------- */


/* --------------- Start Left Column --------------- */
#leftColumn {
	float: left;
	width: 212px;
	height: 525px;
	color: #fff;
	}
.leftColumnBgOn {
	background: url(../images/dev/leftColumnBg.jpg) no-repeat left top;
	}
.leftColumnBgHelpDesk {
	background: url(../images/dev/leftColumnHelpDesk.jpg) no-repeat left top;
	}
.leftColumnBgOff {
	background: url(../images/dev/leftColumnBgOff.jpg) no-repeat left top;
	}
div.leftColumnBgOff #leftColumnNav ul {
	background: none;
	}
#leftColumnNav ul {
	list-style-type:none;
	margin: 20px 0 0 0;
	padding: 6px 0 15px 15px;
	background: url(../images/dev/leftColumnNavBottom.gif) no-repeat left bottom;
	}	
#leftColumnNav li {
	line-height: 20px;
	font-weight: bold;
	}
#leftColumnNav a:link, #leftColumnNav a:visited {
	text-decoration: none;
	color: #015395;
	}
#leftColumnNav a:hover {
	color: #7daf39;
	}
/* --------------- End Left Column --------------- */


/* --------------- Start Print --------------- */
#printPage {
	width: 125px;
	margin: 3px 0 0 0;
	text-align: right;
	float: right;
	font-size: 90%;
	color: #999;
	}
#printPage img {
	vertical-align: middle;
	border: 0;
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	}
#printPage a, #printPage a:link, #printPage a:visited {
	font-weight: normal;
	margin: 0 2px 0 2px;
	text-decoration: none;
	border-bottom: none;
	}
/* --------------- End Print --------------- */


/* --------------- Start Content --------------- */
#content {
	float: left;
	line-height: 17px;
	}
.contentIndex { /* Controls width only */
	width: 700px;
	}
.contentPage { /* Controls width only */
	width: 488px;
	padding: 15px 5px 0 20px;
	background: url(../images/dev/contentBg.gif) #fff no-repeat top right;
	}
#contentColumnOne {
	float: left;
	width: 450px;
	margin: 20px 10px 0 20px;
	padding: 0 20px 0 0;
	border-right: 1px solid #98c63f;
	}
#contentColumnTwo {
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 0 15px;
	}
h1 {
	font-size: 160%;
	color: #226ba4;
	font-weight: normal;
	clear: both;
	display: block;
	}
h2 {
	font-size: 130%;
	color: #7fa6d0;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
h3 {
	font-size: 120%;
	color: #7fa6d0;
	font-weight: normal;
	padding: 0 0 2px 0;
	margin: 0 0 5px 0;
	width: 97%;
	border-bottom: 1px dotted #bacfe7;
	}
.contentPage h1 {
	font-size: 160%;
	color: #77aa37;
	margin: 25px 0 20px 0;
	padding: 0;
	font-weight: normal;
	}
.contentPage h2 {
	font-size: 130%;
	color: #226ba4;
	font-weight: normal;
	padding: 0;
	margin: 0;
	}
.contentPage h3 {
	font-size: 120%;
	color: #226ba4;
	font-weight: normal;
	padding: 0 0 2px 0;
	margin: 10px 0 5px 0;
	width: 97%;
	border-bottom: 1px dotted #226ba4;
	}
.contentPage p {
	padding: 0 0 10px 0;
	margin: 0;
	}
.contentPage p.note, span.note {
	font-size: 90%;
	font-style: italic;
	color: #888;
	}	
.contentPage ul {
	margin-top: 0;
	padding-top: 0;
	}
	
.contentPage a:link, .contentPage a:visited, .contentPage a:active {
	/*color: #8db4dd;*/
	color: #668eba;
	text-decoration: none;
	border-bottom: 1px dotted #8db4dd;
	}
.contentPage a:hover {
	/*color: #456e9b;*/
	color: #336094;
	border-bottom: none;
	}
.contentPage #partnershipsTbl a:link, .contentPage #partnershipsTbl a:visited {
	border: none;
	}
.contentPage p.collegeRecruting a:link, .contentPage p.collegeRecruting a:visited  {
	border-bottom: none;
	}
/* --------------- End Content --------------- */


/* -------- Begin Form Styles -------- */
#formContainer {
	padding: 10px;
	background: #fff;
	border: #eee 1px solid;
	}

p.legend {
	margin-bottom: 1em;
	}
p.legend em {
	color: #C00;
	font-style: normal;
	}

div.errors {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	border: #FC6 1px solid;
	background-color: #FFC;
	}
div.errors p { margin: 0;
	}
div.errors p em { color: #C00;
	font-style: normal;
	font-weight: bold;
	}

#formContainer p {
	margin: 0;
	}
#formContainer p.note {
	margin-left: 170px;
	font-size: 90%;
	color: #333;
	}
#formContainer fieldset {
	margin: 10px 0;
	padding: 10px;
	border: #DDD 1px solid;
	}
#formContainer legend {
	font-weight: bold;
	color: #666;
	}
#formContainer fieldset div {
	padding: 0.25em 0;
	}
#formContainer label, 
#formContainer span.label {
	margin-right: 10px;
	padding-right: 10px;
	width: 150px;
	display: block;
	float: left;
	text-align: right;
	position: relative;
	}
#formContainer label.error, 
#formContainer span.error {
	color: #C00;
	}
#formContainer label em, 
#formContainer span.label em {
	position: absolute;
	right: 0;
	font-size: 120%;
	font-style: normal;
	color: #C00;
	}
#formContainer input.error {
	border-color: #C00;
	background-color: #FEF;
	}
#formContainer input:focus,
#formContainer input.error:focus, 
#formContainer textarea:focus {
	background-color: #FFC;
	border-color: #FC6;
	}
#formContainer div.controlset label, 
#formContainer div.controlset input {
	display: inline;
	float: none;
	}
#formContainer div.controlset div {
	margin-left: 170px;
	}
#formContainer div.buttonRow {
	margin-left: 180px;
	}
/* -------- End Form Styles -------- */


/* --------------- Start Footer --------------- */
#footer {
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	color: #8db4dd;
	border-top: 1px solid #d1e1f2;
	}
	
#footerNav {
	float: left;
	text-align: left;
	margin: 22px 0 0 20px;
	}
#footerNav a:link, #footerNav a:visited, #footerNav a:active {
	color: #668eba;
	text-decoration: none;
	padding: 1px 3px 1px 3px;
	}
#footerNav a:hover {
	color: #fff;
	background-color: #8cc63f;
	}
#footerCopy {
	float: right;
	text-align: right;
	margin: 15px 20px 10px 0;
	}
#footerCopy a:link, #footerCopy a:visited {
	color: #8db4dd;
	text-decoration: none;
	}
#footerCopy a:hover {
	color: #336094;
	}
/* --------------- End Footer --------------- */


#googleMap {
	border: 1px solid #ab9e89;
	}

#portfolioTbl td {
	padding: 5px 10px 5px 0;
	vertical-align: top;
	}
	
#portfolioTbl td img {
	border: 1px solid #226ba4;
	margin: 5px;
	}
	
.contentPage #portfolioTbl a:link, .contentPage #portfolioTbl a:visited {
	border: none;
	filter:alpha(opacity=70);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	}
	
.contentPage #portfolioTbl a:hover {
	border: none;
	filter:alpha(opacity=100);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	}

#supportCotainer {
	clear: both;
	margin: 20px 0 50px 0;
	}
#supportCotainer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
#supportCotainer #left {
	float: left;
	width: 45%;
	border-right: 1px dotted #ccc;
	padding: 0 10px 0 0;
	}
#supportCotainer #right {
	float: right;
	width: 48%;
	}
#howToSubmit {
	clear: both;
	}
	
	
/* -------- Register Button -------- */

a.btn-register-now {
	display: block;
	text-indent: -9999px;
	height: 41px;
	width: 194px;
	margin: 10px auto;
	background: url(../images/marketing/btn-register-now.gif) no-repeat 0 0;
	border-bottom: none !important;
	}
a.btn-register-now:hover {
	background: url(../images/marketing/btn-register-now-hover.gif) no-repeat 0 0;
	}

/* -------- Banners -------- */

.special-offer-banner {
	position: absolute;
	float: right;
	margin: -120px 0 0 225px;
	border-top: 1px solid #333 !important;
	border-left: 1px solid #333 !important;
	border-right: 2px solid #555 !important;
	border-bottom: 2px solid #555 !important;
	}

#topbanner {
	float: right;
	height: 70px;
	padding-right: 10px;
	width: 468px;
	}
#topbanner a {
	background: transparent url("/_design/images/banners/ve2_top.gif") no-repeat 0 0;	
	border: 2px solid #98c63c !important;
	display: block;
	float: right;
	height: 0 !important;
	height /**/:60px;
	line-height: 30px;
	margin: 20px 0 0 0;
	overflow: hidden;
	padding: 60px 0 0 0;
	text-decoration: none;
	width: 468px;
	}
#sidebanner {	
	float: left;
	height: 67px;
	width: 163px;
	}
#sidebanner a {
	background: transparent url("/_design/images/banners/ve2_side.gif") no-repeat 0 0;	
	display: block;
	float: left;
	height: 0 !important;
	height /**/:59px;
	line-height: 30px;
	margin: 5px 0 0 20px;
	overflow: hidden;
	padding: 59px 0 0 0;
	text-decoration: none;
	width: 160px;
	}