/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#4E4E4E;
	line-height: 1.3em;
	background-color: #000000;
}

h1 {
	font-size:1.5em;
	color:#a7a7a7;
	margin: 0;
	margin: 0;
}

h2 {
	font-size:1.2em;
	color:#5b5b5b;
	margin: 0;
	padding: 0;
}

h3{
	font-size:1.2em;
	color:#5b5b5b;
	margin:0;
	padding:0;
}

h4 {font-size: 1.0em; color:#6b63ac; font-weight:700; margin: 0; padding: 0;}

/*ALIGNING CENTER*/
#positioner { padding: 0px; margin: auto; width: 100%;text-align: center; }
#wrapper {	padding: 0px; margin: auto;	width: 859px; text-align: left; }
#container { padding: 0px; margin: auto;  width: 859px; text-align: left; float:left; }

a {color:#FFFFFF;}

#bodybg {
	background: url(images/newbg.jpg) 0 100% no-repeat #7450A8; float: left; width: 100%;
/*background-image:url('images/newbg.jpg');
background-repeat:no-repeat;

background-position:bottom center; */
	}
	
/*general page setup - overall page width is 900px - content is 880 with 10px margin right and left
the nav and sub nav sit outside the content div but have right and left margins of 10px so everything lines up. The article page is split
into 2 columns 'article' on the left and 'article-column' on the right. */
	
.page {
	background:url(images/logo-bg.jpg) 0 0 no-repeat #FFFFFF;
	width:100%;
	min-height:300px;
	margin: 25px 0 0 0; /*determines how far from the top the page will sit*/
	float:left;
	padding-bottom:20px;
	
}
/*this controls the accessibility menu at the top right*/
.head {float:left; width: 100%; margin-top:5px; font-size:.8em; color:#949494;font-family:Arial, Helvetica, Verdana, sans-serif;}
.head ul {padding:0px; margin:0px; float:left;}
.head li {display:inline; padding:2px; margin:0px; float:left;}
.head li a {color:#949494; text-decoration:none;}

/*top nav components*/

.searchinput input {padding:0px; margin: 0 2px 0 0px; border:#999999 1px solid; font-size:1.1em; width:110px; float:left; height:15px;}
.searchsubmit {padding-top:0px; margin-top:0px; float:left;}

.topblock {
	float:left;
	margin:5px 0 0 0;
	width:100%;
	min-height:59px;
}

.logo {float:right; width:215px; min-height:105px; margin-top: -15px;}
.logo img { border: 0; }

/*top menu properties*/

.navblock {
	float:left;
	width:630px;
	min-height:30px;
	background:url(images/navblock_bg.jpg) 0 0 repeat-x #FFFFFF;
	margin-bottom: 10px;
}

#mainmenu ul {margin:0; padding:0; }
#mainmenu li {list-style-type:none; display: inline; margin:0; padding: 0.4em 1.0em 0 2.0em; float:left; line-height: 24px; min-height: 24px; color: #000; }
#mainmenu li a {color:#6b63ac; text-decoration:none; border-right: 1px solid black;}
#mainmenu li a:hover {color:#4eb274; text-decoration:none;}

#nav {padding-top: 0.5em; }
#nav li.first-link a {border-left:none; font-weight: 400;}
#nav li.last-link a {border-right:none; font-weight: 400; }
#nav ul {list-style-type: none; padding:0 0 0 0; margin:0.2em 0 0 0.4em; }
#nav li {display:inline; padding:0 0 0 0; margin:0; float: left; width: auto; }
#nav li a { font-weight: 400; display: block; line-height:1.2em; padding:0 1.2em 0 1.2em; margin:0 0 0.8em -0.2em; text-decoration:none; color:#000; border-right:0.06em solid #000000; }

#nav li ul { position: absolute; background: url(images/topmenu.png) 0 100% no-repeat; width: 15.5em; left: -999em; padding: 4px 0 14px 0; margin: 0;}
#nav li ul li { padding: 0 0.1em 0 0.1em; display: inline;float:left; line-height: 1.4em;}
#nav li ul li a, #nav li ul a { padding:5px 5px 6px 10px; margin: 0 0 0 2px; width: 154px; color:#000000; display:block; text-decoration:none; border: 0; }

#nav li ul li a:hover { background:url(images/top-over.png) 0 0 no-repeat;  color:#000000; border: 0; text-decoration:none;/* margin:0.2em 0;*/   }


#nav li:hover ul ul, #nav li.menuover ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li.menuover ul, #nav li li.menuover ul { left: auto; }


/* Page titles */

#titleblock {
	float:left;
	width:500px;
	min-height:50px;
	margin-top: -50px;
	margin-left: 20px;
}


/*main banner image*/

.imagewrap {float:left; width:100%; min-height:252px; margin:0 10px 0 10px;}

.pic{
	width:680px;
	min-height:252px;
	float:left;
}

/*content*/

/*this wraps the entire content area*/
.content {width:810px; margin: 30px 20px 10px 30px; float:left; }
.content a {color:#4eb274; text-decoration:none;}

.leftcontent {width:565px; margin-right:20px; min-height:600px; float:left; }
.rightcontent {float:left; width:220px; min-height:600px; }

.flashpic {width:100%; min-height:324px; float:left; margin:0; margin-top: -55px; }

/* footer */

#footer {float:left; margin-left: 30px; padding:0; width:810px; }

.navtext{
	float:left;
	color:#000000;
	font-size:1.0em;
	width: 810px;
	border-bottom: 1px solid #d3d3d3;
	margin-top: 3.5em;
}

.navtext li {display:inline; padding: 0 1em 0.5em 0; }
.navtext ul {padding:0 0 1.0em 0; margin:0px;}
.navtext a {color:#6b63ac; text-decoration:none; }
.navtext a:hover {color:#4eb274; text-decoration:none;}

.copyright_text br{
	line-height: 1.2em;	
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
}

.sIFR-hasFlash #titleblock h1 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 30px;
	height:35px;
}

.sIFR-hasFlash #subtitle h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 22px;
	height:25px;
	font-weight: 700;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	font-weight: 700;

}

.sIFR-hasFlash .landing-news h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 27px;
	font-weight: 700;

}

.landing-news-right h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 25px;
	font-weight: 700;
	width: 250px;
	line-height: 22px;
	margin-left: 10px;

}

.sIFR-hasFlash .right_txt2 h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	width: 320px;

}
.sIFR-hasFlash .right_text h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	width: 380px;

}

:root .right_txt2 h4, .right_text h4 {
    float:left;
	
	}
	
.sIFR-hasFlash .csmain h4 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	width: 390px;
}

.sIFR-hasFlash .landing-item h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-weight: 700;
	width: 165px;
	font-size: 24px;
	line-height: 18px;
}

/* Right hand menu */

/*
.rhmenu_bot{
	float:left;
	background: url(images/rmenu_bot.gif) 0 0 no-repeat;
	width: 216px;
	height:28px;
	border-top: 1px solid white;
}
*/
/*
.rhmenu_top h3{
	padding: 5px 5px 0px 10px;
}
*/

.rhmenu_top{
	float:left;
	background: url(images/rhmenu-top.gif) 0 100% no-repeat;
	width: 216px;
	height:30px;
	clear: both;
}
.rhmenu_top strong { padding: 8px 5px 0px 10px; display: block; float: left; font-size: 1.2em; letter-spacing: 0.02em; color: #000; }
.rhmenu_links { margin: 4px 0 0 0; padding: 0; float: left; clear: both; color: #f9f9f9; font-size: 1em; background: #fcfcfc; border: 1px solid #e7e7e7; width: 214px; }

.rhmenu_links ul {padding:0.25em 0 0.5em 0; margin:0; float: left;}
.rhmenu_links li { list-style-type: none; padding: 0; margin: 0; float: left; clear:both; line-height: 1.4em; }
.rhmenu_links a { display:block; color:#4E4E4E; text-decoration:none; padding:4px 5px 4px 10px; margin: 0 0 0 2px; width: 210px; float: left;  }
.rhmenu_links a:hover {color:#000; text-decoration:none;background: url(images/rhmenu-over.gif) 0 0 no-repeat;}

.rhbox_top{
	float:left;
	background: url(images/rhbox_top.jpg) no-repeat;
	width: 216px;
	height:26px;
	clear:both;
	margin-top: 1em;
}

.rhbox_top strong{
	padding: 5px 5px 0px 10px;display: block; float: left; font-size: 1.2em; letter-spacing: 0.02em; color: #000;
}

.rhbox_bot{
	float:left;
	background: url(images/rhbox_bot.gif) 0 100% no-repeat;
	width: 216px;
	height:30px;
	text-align: right;
}

.rhbox_bot img {
	padding-right: 10px;
}


.rhbox_content {
	background: url(images/rhbox_bg.gif) repeat-y;
	text-align:center;
	float: left; 
	width: 216px;
}

.rhgreybox_top{
	float:left;
	background: url(images/rhgreybox_top.gif) 0 100% no-repeat;
	width: 216px;
	height:28px;
}

.rhgreybox_top h3{
	padding: 5px 5px 0px 10px;
}

.rhgreybox_bot{
	float:left;
	background: url(images/rhgreybox_bot.gif) 0 100% no-repeat;
	width: 216px;
	height:30px;
	text-align: right;
}

.rhgreybox_bot img {
	padding-right: 10px;
}

.rhgreybox_content {
	background: url(images/rhgreybox_bg.gif) repeat-y;
	color: #000;
	padding: 10px 5px 0 10px;
}

.rhplainbox_top{
	float:left;
	background: url(images/rhplainbox_top.gif) 0 100% no-repeat;
	width: 216px;
	height:15px;
}

.rhplainbox_bot{
	float:left;
	background: url(images/rhplainbox_bot.gif) 0 100% no-repeat;
	width: 216px;
	height:15px;
	text-align: right;
}

.rhplainbox_content {
	background: url(images/rhplainbox_bg.gif) repeat-y;
	color: #000;
	padding: 10px 5px 0 10px;
}

.rhplainbox_content p {
	margin: 0;
	padding: 0;
}

.rhbreak {
	clear: both;
	height: 10px;
	width: 216px;
}

/* ITEM INFO */

.item_content {
	float: left;
	WIDTH: 98%;
	text-align: left;
}

.item_content2 {
	float: left;
	WIDTH: 98%;
	text-align: left;
	border-top: 1px solid #d3d3d3;
	padding: 0px 0px 0.5em 1px;
}

.leftwrap_img {
	float: left;
	margin-right: 7px;	
}

.right_text {	
	margin: 0.6em 0.3em 0.3em 0.3em;
	padding: 0 0 0 1px;
}

.clients {
	width: 180px;
	height: 65px;
	border: 0;
}

.right_text {	
	margin: 0.6em 0.3em 0.3em 0.3em;
	padding: 0 0 0 1px;
}

/* landing item - 3 column */

.landing-item-wrapper {float:left; margin:0; padding:0; width:100%;}
.landing-item {float:left; margin:0; padding:0 10px 0 10px; width:165px; min-height:190px; border-right: 1px solid #d3d3d3;}
.landing-item ul {margin:10px 0 0 0; padding:0;}
.landing-item li {list-style-type:none;}

/* landing item - 2 column news */

.landing-news {float:left; margin:0; padding:0 10px 0 10px; width:165px; min-height:190px; color: #4E4E4E;}

.landing-news2 {float:left; margin:0; padding:10px 10px 0 10px; width:350px; min-height:190px; background:#c9e9d3 url(images/news_top.gif) 0 0 no-repeat; color:#999;}
.landing-news2 ul { margin: 5px 0 0 15px; padding: 0;}
.landing-news2 li {list-style-image:url(images/bullet.gif); margin:0 0 5px 0; padding:0 0 0 10px; }

/* homepage 2 even columns*/
.homepage-landing-item {float:left; margin:0; padding:0 15px 0 10px; width:260px; min-height:190px; border-right: 1px solid #d3d3d3;}
.homepage-landing-item ul {margin:10px 0 0 0; padding:0;}
.homepage-landing-item li {list-style-type:none;}

.homepage-landing-item-2 {float:left; margin:0; padding:0 15px 0 10px; width:250px; min-height:190px; }
.homepage-landing-item-2 ul {margin:10px 0 0 0; padding:0;}
.homepage-landing-item-2 li {list-style-type:none;}



/* for firefox */
html>body .landing-news2 {float:left; margin:0; padding:10px 10px 0 10px; width:350px; min-height:190px; background:#c9e9d3 url(images/news_top2.gif) 0 0 no-repeat; color:#4E4E4E;}

.landing-news2bot {float:right; margin-right:10px; padding:0; width: 370px; height: 10px; background:url(images/news_bot.gif) 0 0 no-repeat;}


/* form info */

textarea {
	font-family: arial,verdana,helvetica,sans-serif; font-size: 1em;
}

form.brochure ul {
	list-style: none; 
	margin: 0; 
	padding: 0;

}

form.brochure li {
	margin: 0.5em 0; 

	float: left;
}

form.brochure label {
	float: left; 
	width: 18em; 
	display: block; 
	margin-right: 0.5em; 
	text-align: right
}

form.brochure li.check label { width: auto; float: none; display: inline; margin: 0; text-align: left; }
form.brochure li.check label.fake {	float: left; width: 18em;  margin-right: 0.5em; text-align: right; min-height: 120px; height: auto !important; height: 120px; }
form.brochure input { float: left; width: 18em; font-family: arial,verdana,helvetica,sans-serif; font-size: 1em; }
form.brochure textarea { width: 18em; font-size: 1em; }

form.brochure li.check input, form.brochure li.submit input  { width: auto; float: none; }

#contact-us {float:left; margin:0; padding:50px 10px 0 10px; width:100%; min-height:190px; background: url(images/cta-box.gif) 0 0 no-repeat #fff; color:#4e4e4e;}
#contact-us ul {float:left; margin:0; padding:0; width:100%;}
#contact-us li {list-style-type:none; margin:0; padding:5px 0 0 0; width:100%; clear:both;}
#contact-us li label {float:left; margin-right: 0.5em; padding:0; width:12em; text-align: right;}
#contact-us li.check label { width: auto; float: none; display: inline; margin: 0; text-align: left; }
#contact-us li.check label.fake {	float: left; width: 12em;  margin-right: 0.5em; text-align: right; min-height: 120px; height: auto !important; height: 120px; }
#contact-us li input {float:left; margin:0; padding:0; width:auto; font-family: arial,verdana,helvetica,sans-serif; font-size: 1em;}
#contact-us li textarea {float:left; margin:0; padding:0; width:15.9em; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
:root #contact-us li textarea {width:15.1em;}
#contact-us li.contact-us-submit {float:left; width:5em; margin:0 0 0 6.5em; }
:root #contact-us li.contact-us-submit {float:left; width:5em; margin:0 0 0 10em;}
#contact-us li.check input, #contact-us li.submit input  { width: auto; float: none; }


.alert {float:left; margin:0 0 0 1em; padding:0; width:16em; color:#ff0000;}

/*
form.brochure li.check span {
	padding-left: 18em; 
	float: left; 
	clear: left; 
	display: block;
	width: 20em; 
}

form.brochure li.check span.name {
	width: 7.5em; 
	clear: none; 
	padding-left:25px; 
	text-align: right;
	display:block;
}

form.brochure li.check span.first {
	clear: none; 
	padding-left: 0.1em;
}*/

.submit {padding-left:18.5em;}
.submit input { width: auto;}

.flashpic img { padding: 0; margin: 50px 0 0 0; float: left; }




.landing-news-right {float:left; margin:0; padding:0 10px 0 10px; width:350px; min-height:190px; background: url(images/cta-box.gif) 0 20px no-repeat #fff; color:#4e4e4e;}
:root .landing-news-right { background-position: 0 30px; }

.landing-news-right img  { float: right; }

.landing-news-right ul { padding-top: 10px; }
.landing-news-right li { margin: 0.5em 0;  }



form.coloni-form ul { padding: 0; margin: 0; }
form.coloni-form li { padding: 0; margin: 0.25em 0; list-style-type: none;  }
form.coloni-form label { float: left; width: 8em; }

form.coloni-form input.coloni-input { width: 12em }
form.coloni-form input.coloni-ft { margin-left: 16.5em;}
form.coloni-form input.coloni-submit {margin-left: 14em; }