/* CSS Document */
body {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	background: #a9a9a9;
	padding: 0;
	margin: 0;
	color: #565656;
}

p {
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 19px;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}

a {
	color: #ff0000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
	outline: 0px none;
}

h1 {
	color: #656565;
	font-size: 16px;
	margin: 0;
	padding: 0 0 15px 0;
}

h2 {
	color: #656565;
	font-size: 13px;
	margin: 0;
	padding: 0 0 15px 0;
}

h3 {
	color: #565656;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: 600;
}


hr {
	height: 0px;
	border-top: 0px solid #e1e1e1;
	color: #e1e1e1;
}

ul {
	list-style-image: url(../images/list_icon.gif);
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	margin-top: 15px;
}

td {
	vertical-align: top;
}

/****** GENERIC ******/

.flashTextFix {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

input.textInput {
	height: 18px;
	width: 255px;
	border: 1px solid #bec5cd;
}

textarea.inputTextArea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}

.borderBottom {
	border-bottom: 1px dotted #b1b1b1;
}

.clickable {
	cursor: pointer;
}

.smallerFont {
	font-size: 11px;
}

.seoText {
	text-indent: -9999em;
}

/****** CONTAINERS ******/
body div#homePageContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/bg_home_page_contain.gif) top left repeat-x #FFFFFF;
	min-width: 960px;
}

body div#pageContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/bg_page_container.gif) top left repeat-x #FFFFFF;
	min-width: 960px;
}


/******** PAGE ********/
div#page {
	width: 960px;
	padding: 0 0 15px 0;
	margin: 0 auto;	
}

/** HEADER **/
div#header {
	padding: 3px 0 0 5px;
	position: relative;
	height: 88px;
}

div#header div#logoContainer {
	width: 110px;
	height: 80px;
	position: relative;
	float: left;
}

div#header div#logoContainer img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

div#header div#navButtons {
	padding: 9px 0 0 23px;
	width: 822px;
	float: left;
}

div#header div#navButtons div#socialButtons {
	float:right;
	width:100px;
	height: 51px;
	text-align: right;
}

div#header div#navButtons div#socialButtons .social_icon_table {
	width:68px;
	height:30px;
	text-align: right;
}

div#header div#navButtons div#socialButtons .social_icon_table td {
	width:34px;
	height:30px;
	padding-top:2px;
	text-align: left;
}

div#header div#navButtons div#mainnav {
	float: right;
	padding:0px;
	width: 822px;
	height:19px;
}

div#header div#navButtons div#clientLogin {
	float:right;
	width:120px;
	height: 51px;
	text-align: right;
}

div#header div#navButtons div#clientLogin img {
	vertical-align: middle;
}

div#header div#navButtons div#clientLogin span.errJS {
	font-size: 11px;
	color: #999999;
}


div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 19px;
	display: block;
	background-repeat: no-repeat;
	color: #000000;
}

div#navButtons ul li a:hover, div#navButtons ul li a.active {
	background-position: left bottom;
}

div#clientPanel {
	background: #282828;
	color: #FFFFFF;
	display: inline;
	padding: 10px 15px;
	position: relative;
	line-height: 40px;
}

div#clientPanel span.vr {
	padding: 0px 5px;
}


div#clientPos {
	position: relative; 
	height: 0px; 
	width: 0px; 
	float: left;
}

div#clientPos div#clientBox {
	width: 215px; 
	height: 150px; 
	background: #282828; 
	position: absolute; 
	top: 42px; 
	left: -245px;
	display: none;
	padding: 20px 15px 13px 15px;
	color: #ffffff;
}

div#clientBox div {
	padding-bottom: 6px;
}

div#clientBox div#loginBtnContain {
	padding-top: 4px;
}

div#clientBox input.textField {
	border: 0px;
	height: 14px;
	width: 200px;
	padding: 3px 5px;
	font-size: 11px;
}

/** NAV **/
a#navHome {
	width: 67px;
	background: url(../images/nav_buttons/nav_home.gif);
}

a#navAbout {
	width: 100px;
	background: url(../images/nav_buttons/nav_aboutus.gif);
}

a#navServices {
	width: 92px;
	background: url(../images/nav_buttons/nav_services.gif);
}

a#navClients {
	width: 180px;
	background: url(../images/nav_buttons/nav_clients.gif);
}

a#navNews {
	width: 138px;
	background: url(../images/nav_buttons/nav_newsEvents.gif);
}

a#navLinks {
	width: 171px;
	background: url(../images/nav_buttons/nav_links.gif);
}

a#navContact {
	width: 74px;
	background: url(../images/nav_buttons/nav_contact.gif);
}



/******** CONTENT ********/
div#content {
	padding: 45px 0 0px 0;
}

div#sideContain {
	padding: 20px;
}

div#contentLeft {
	width: 202px;
	float: left;
	background: #ececec;
}

div#contentLeft div#menuTitle {
	background: #000000;
	padding: 13px 16px 5px 16px;
}

h2.whiteBoldHeading {
	font-size:13px;
	font-weight:bold;
}

ul#menuList {
	list-style: none;
	margin: 0;
	padding: 0px 0px 30px 0px;
	background: #ececec;
	display: block;
}

ul#menuList li {
	display: block;
	padding: 0;
	margin: 0;
}

ul#menuList li a {
	color: #000000;
	display: block;
	padding: 10px 17px;
	/*background: url(../images/bg/bg_menu_off.gif) bottom left no-repeat;*/
	/*border-bottom: 1px solid #d0d0d0;*/
	border-top: 1px solid #d9d9d9;
	cursor: pointer;
}

ul#menuList li a:hover, ul#menuList li a.active {
	color: #FFFFFF;
	/*background: url(../images/bg/bg_menu_on.gif) bottom left no-repeat #c1c1c1;*/
	background: #c1c1c1;
	/*border-bottom: 1px solid #b4b4b4;*/
	border-top: 1px solid #b4b4b4;
	
	text-decoration: none;
}

ul#menuList li.first a, ul#menuList li.first a:hover {
	border-top: 0px none;
}

ul#menuList li.last a, ul#menuList li.last a:hover {
	border-top: 0px none;
	/*border-bottom: 0px none;*/
}

ul#menuList li.addon a, ul#menuList li.addon a:hover {
	/*border-top: 1px solid #d0d0d0;
	border-bottom: 0px none;*/
}

ul#menuList ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

ul#menuList ul li a {
	padding: 7px 10px 7px 40px;
	font-size: 12px;
	color: #666666;
	border-top: 1px solid #d9d9d9;
}

div#contentLeft div#menuTitle h2 {
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 1px;
}

div#contentLeft div#menuTitle h2 a {
	color: #ffffff;
	text-decoration: none;
}

div#contentLeft div#menuTitle h2 a:hover {
	text-decoration: underline;
}

div#contentRight {
	width: 735px;
	padding-left: 23px;
	float: left;
}

div#contentRight div#splitLeft {
	width: 463px;
	float: left;
}

div#contentRight div#splitRight {
	padding-left: 22px;
	width: 250px;
	float: left; 
	padding-bottom: 10px;
}


div.greyRightContain {
	background: #ededed;
	padding: 23px;
	margin-bottom: 10px;
	font-size: 11px;
}

div.greyRightContain div.dateGrey {
	padding: 0 0 10px 0;
	color: #8d8d8d;
}

div.greyRightContain div.dateGrey strong {
	display: block;
	font-size: 12px;
	color: #565656;
	padding-bottom: 3px;
}

div.greyRightContain h2 {
	padding: 0;
}

div.greyRightContain p {
	line-height: 14px;
}

div#content table#downloadListing tr.greyRow, div#content table#downloadListing tr.whiteRow { 
	padding: 3px 0;
}

div#content table#downloadListing tr.greyRow {
	background: #f7f7f7;
}

div#content table#downloadListing a {
	color: #585858;
}

div#content table#downloadListing th {
	text-align: left;
	font-size: 11px;
}

div#content table#downloadListing img.downloadIcon {
	margin-left: 7px;
}

/** HOME **/
div#homeContent {

}

div#homeContent div#homeLeftCol {
	width: 630px;
	padding: 20px 20px 0 0;
	float: left;
}

div#homeLeftCol ul#homeArticles {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#homeLeftCol ul#homeArticles li {
	padding: 13px 0;
	margin: 0;
	background: none;
}

ul#homeArticles li div.homeArticleLeft {
	width: 190px;
	float: left;
}

div#homeLeftContent {
	padding: 15px 0;
}

table#homeTable h3, table#homeTable p {
	padding-bottom: 5px;
}

table#homeTable td {
	padding-bottom: 20px;
}

ul#homeArticles li div.homeArticleRight {
	width: 440px;
	float: left;
}

div#homeContent div#homeRightCol {
	width: 310px;
	float: left;
}

div#homeRightCol div.greyRightContain {
	position: relative;
	top: -15px;
}

div.greyRightContain div.botContainLinks {
	padding-top: 10px;
	font-size: 12px;
}

div.greyRightContain table {
	padding: 5px 0 8px 0;
}

div.optionSelect {
	position: relative; 
	top: 4px;
}

/* NEWS LIST */
ul.newsList {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

ul.newsList li {
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px dotted #bababa;
}

ul.newsList li a.headingLink {
	font-size: 14px;
	font-weight: 600;
	color: #131313;
	display: block;
	padding-bottom: 5px;
}

div.newsDate {
	padding-bottom: 15px;
	color: #414141;
	font-size: 12px;
}



/******** BROWSE NAVIGATION ********/
div#browseNavigation {
	color: #7e7a7a;
	font-size: 11px;
	padding: 10px 0;
}

div#browseNavigation span {
	padding: 0 8px;
}

div#browseNavigation strong {
	color: #2d2f31;
}

div#browseNavigation a {
	color: #7e7a7a;
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
	text-decoration: underline;
}

	
/****** FOOTER ******/
div#footer {
	width: 920px;
	margin: 0 auto;
	position: relative;
	color: #ffffff;
	font-size: 13px;
	/*background: url(../images/bg/bot_cont_home_bg.gif) top left no-repeat;*/
	height: 50px;
	padding: 20px 0;
}

div#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#footer ul li {
	float: left;
	padding: 0 33px 0 0;
}

div#footer ul li.lastLink {
	padding: 0;
}


div#footer a {
	color: #ffffff;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

	

/** FLASH TEXT REPLACE **/
h2.subHeading {
	font-size: 18px;
	color: #000000;
	padding: 0 0 8px 0;
}	
	
/** RESOURCES **/
table#downloadListing td {
	vertical-align: middle;

}

table.voteOptions td {
	vertical-align: middle;

}
	
	
/** POLLS **/
img.resultBar {
	background: #FF0000;
	height: 12px;
	margin-top: 5px;
}
	
	
/** RESOURCES **/
table#downloadListing {
	margin: 20px 0px;
}
	
	
/****************************** FORM ************************************/

div#documentForm {
	font-size: 12px;
}

div#documentForm div.formError {
	padding: 0 0 20px 0;
	color: #de0023;
}

div#documentForm div.formField {
	padding: 0 0 8px 0;
}

div#documentForm div.formFieldCenter {
	text-align: center;
}

div#documentForm div.formFieldCenterEnd {
	padding: 0;
	text-align: center;
}


div#documentForm div.formFieldPadEnd {
	padding: 0 0 0 100px;
	text-align: left;
}

div#documentForm div.heading h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 6px 0;
}

div#documentForm div.heading h3.checkoutHeading {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #2e2e2e;
}

/***************** INPUT FIELD ******************/

div#documentForm div.inputLabel {
	padding: 0 20px 0 0;
	width: 80px;
	float: left;
	text-align: right;
}

div#documentForm .mandatory {
	color: #de0023;
}

div#documentForm div.inputField {
	width: 363px;
	float: left;
}

div#documentForm div.inputField div.optionsField {
	font-size: 11px;
}

div#documentForm div.inputField div.pad {
	padding: 4px 0 0 0;
}

div#documentForm div.inputField input.text {
	width: 332px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField input.date {
	width: 84px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField img.calendar {
	cursor: pointer;
	position: relative;
	top: 4px;
	left: 0;
}

div#documentForm div.inputField select {
	width: 332px;
}

div#documentForm div.inputField textarea {
	width: 332px;
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #d8d7dd;
}

div#documentForm div.inputField textarea.medium {
	height: 100px;
}

div#documentForm div.inputField textarea.large {
	height: 200px;
}

div#documentForm div.inputField div.inputLabelState {
	width: 162px;
	float: left;
}

div#documentForm div.inputField div.inputLabelState select {
	width: 160px;
}

div#documentForm div.inputField div.inputLabelState input.text {
	width: 160px;
}

div#documentForm div.inputField div.inputLabelPC {
	padding: 0px 12px 0 0;
	width: 74px;
	float: left;
	text-align: right;
}

div#documentForm div.inputField div.inputFieldPC {
	width: 86px;
	float: left;
}

div#documentForm div.inputField div.inputFieldPC input.text {
	width: 84px;
}

div#documentForm div.inputField div.optionsHalf {
	width: 167px;
	float: left;
}

div#documentForm div.inputField div.optionField {
	padding: 0 0 6px 0;
	font-size: 11px;
}

div#documentForm div.inputField div.inputLabelCaptcha {
	width: 142px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode {
	width: 192px;
	float: left;
}

div#documentForm div.inputField div.inputFieldCaptchaCode input.text {
	padding: 4px;
	width: 182px;
}
	
/* END OF CSS */