/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
body									{ margin:0; font-size:.8em; line-height:160%; font-family:arial  }

#container								{ margin: auto;  }

#header									{ width:718px; margin:auto; overflow:auto; padding:30px 0 15px 0; }

#navigation								{ background:url("images/nav-back.png") top left repeat-x #000; padding:2px 0 3px 0; border-bottom:2px solid #E40000; margin-bottom:10px; }

#footer									{ clear:both; width:718px; margin:0 auto 0 auto; border-top:1px solid #EDEDED; padding-top:10px; font-size:85%; color:#666;}

#content								{ width: 471px; position: relative; left: -50%; float: right; margin-right: -360px; padding-left:10px; border-left:1px solid #EDEDED; }
#related								{ width: 227px; position: relative; left: -50%; float: right; padding-right:10px; margin-right:-1px; border-right:1px solid #EDEDED; }



/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/
h1, h2, h3								{ line-height:120%; letter-spacing:-1px; }
h1 										{ font-weight:normal; margin:0 0 .75em 0; font-size:2em;}
h2										{ font-size:1.5em; }
h3										{ font-size:1.3em; }

fieldset								{ border:0; padding:0; margin-top:1em; }
fieldset dt							{ margin-bottom:-1.4em;color:#f00  }
fieldset dd input,
fieldset textarea						{ width:250px; }
fieldset dd							{ padding-left:200px; margin-bottom:1em; }

#content,
#related								{ margin-bottom:1em; }

#content strong						{ color:#FF0000; }
#content h1								{ color:#000; }

#header h1								{ margin: 0 }
#header img								{ border:0; float:left;  }
#header ul								{ float:right; margin:28px 1px 0 0; }
#header li								{ display:inline; margin:0; padding-left:10px; margin:0 5px 0 0 ; background:url("images/header-li-back.png") 0 .3em no-repeat; }
#header li.no-stripe					{ background:none; padding-left:0; }
#header li a							{ color:#000; text-decoration:none; font-size:.9em; }
#header li a:hover						{ color:#FF0000; text-decoration:underline; }
#header form							{ display:none; }

#content h2								{ color:#FF0000; margin-bottom:.5em; }
#related h2								{ background:url("images/red-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative; color:#FF0000; margin-bottom:.75em;  }

#related ul								{ list-style:none; margin:0 0 1em 1em; border-bottom:1px solid #EDEDED;}
#related li								{  border-top:1px solid #EDEDED; border-bottom:1px solid #fff; }
#related li	a							{ color:#000; text-decoration:none; display:block; padding:10px 0 10px 10px; margin:0 0 0 -10px;}
#related ul li ul						{ border-bottom:1px solid #f00; margin:0; border:none; }
#related ul li ul li					{ border-top:0; }
#related ul li ul li a				{ color:#FF0000; text-decoration:underline; padding-left:10px; margin:0 }
#related li	a:hover						{ color:#FF0000; text-decoration:underline; background:url("images/related-hover.png") 0 1.3em no-repeat;}
#related img							{ border:none; margin:15px 0;}

#preamble 								{ width:688px; margin:auto; background:url("images/preamble-back.jpg") bottom left no-repeat; padding:5px 15px 10px 15px; margin-bottom:1em;  }
#preamble p								{ margin-right:430px; font-size:1.5em; /*text-transform:uppercase;*/ color:#707070; line-height:110%; letter-spacing:-1px; margin-bottom:0.3em; }
#preamble h1							{ text-transform:uppercase; font-weight:bold; font-size:2.3em; margin-bottom:0.2em; }
#preamble p a							{ font-size:.5em; text-transform:none; background:url("images/red-arrow.png") 0 .1em no-repeat;  padding-left:17px; color:#FF0000; }

#breadcrumbs							{ width:718px; margin:auto; font-size:85%; color:#666; margin-bottom:15px;}

a.skip									{ position: absolute; left:-1000em }
#navigation	ul							{ list-style: none;  background:#000;  width:698px; margin:auto; overflow:auto; padding:4px 10px;}

#content	a							{ color:#FF0000; }

#contact-cta							{ background:url("images/contact-cta-back.png") bottom left no-repeat #D9D9D9; margin:0 -10px; padding:10px; min-height:230px; _height:230px; width:206px;  }
#contact-cta h2							{ color:#000; font-size:1.7em; font-weight:normal; margin-bottom:0.5em; text-transform:none; background:none; padding-left:0; text-align:center;}
#contact-cta h2	span					{ font-size:85%;    }
#contact-cta p							{ margin-bottom:0.3em; font-size:1.2em;}
#contact-cta p span					{ color:#FF0000; font-weight:bold;}
#contact-cta a							{ text-decoration:none; color:#000; }
#related #contact-cta					{ float:right; margin-right:0px;}

#navigation	li							{ float:left; background:url("images/nav-li-back.png") top right repeat-x; padding:1px; margin-right:.3em; }
#navigation li a						{ float:left; background:#000; padding:1px 10px 0px 10px; color:#888;text-decoration:none; font-size:95%; font-weight:bold; text-transform:uppercase; }
#navigation	li a:hover					{ background:url("images/nav-a-back.png") top right repeat-x;  color:#fff; }

#footer	ul								{ list-style: none; margin-left: 0; float:right;}
#footer	li								{ display: inline; background:url("images/footer-nav-back.png") 100% .3em no-repeat; padding-right:5px; }
#footer	li a							{  text-decoration:none; color:#666;}
#footer p								{ float:left; }
	
/******************************************************************************* 
* Page Specific Styles                                                         *
*******************************************************************************/

/******** Home page template *************/

/*body.home #content 						{ width:718px; float:none; margin:auto; position:static; left:0; padding:0;  border:0;}
body.home #related 						{ width:718px; float:none; margin:auto; position:static; left:0; padding:0; }*/
body.home #content ul						{  list-style:none; margin:0; background:url("images/home-content-ul-back.png") top left repeat-y; padding:0; margin-bottom:1em; float:left; padding-bottom:0; }
body.home #content li						{ width:206px;  float:left; padding:0 10px; margin-right:15px; }
body.home #content ul li ul 				{ padding:0; margin:0;}
body.home #content img						{ width:186px;  }
body.home #content ul li ul li			{ width:206px; padding:.5em 0; margin:0 0 .5em 0; border-bottom:1px solid #EDEDED;  }
body.home #content #news-article-list h2   { background:url("images/red-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative;  color:#FF0000; margin-bottom:.75em; }
body.home #content #news-article-list span	 { display:none; }
body.home #content #news-article-list h3	{ margin-bottom:.5em; font-weight:normal}
body.home #content #news-article-list p	{ margin-bottom:.3em; }

body.home #content .call-to-actions img 	{ width:471px; margin-bottom:15px; padding-bottom:15px;border:none;   border-bottom:1px solid #eee; }

body.home #content li.home-content		{ margin-right:0px; }
body.home #content li.home-content h2	{ background:url("images/black-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative;   margin-bottom:.75em; color:#000; }
body.home #content li.home-content a	{  text-transform:none; background:url("images/red-arrow.png") 0 .3em no-repeat;  padding-left:17px; color:#FF0000; margin:.5em 0 0 0; display:block;}
body.home #related #contact-cta			{ margin-bottom:15px; }

/******** Case-studies template *************/

body.case-studies #content	h2				{ background:url("images/red-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative;   margin-bottom:.75em;  }
body.case-studies #content img				{ float:left; margin:0em 1em 1em 0em; }

/******** Double ***************/

body.double #content ul				 	{ list-style:none; margin:0 0 1em 0; }
body.double #content h2					{  }
body.double #content h2					{ background:url("images/red-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative;   margin-bottom:.75em;  }

/******** Team Member ***************/

body.double #content h2				{  margin-bottom:.75em;  }


/******** single ***************/

body.single #content 						{ width:718px; float:none; margin:auto; position:static; left:0; padding:0;  border:0;}
body.single #content h2				{ background:url("images/red-arrow.png") 0 .25em no-repeat; padding-left:17px; _position:relative;   margin-bottom:.75em;  }


/******** Login ************/

body.login #content fieldset				{ border:2px solid #000; padding:15px; }

/******** news ***************/

body.news	#related ul li span			{ display:none; }


#related #newsletter-cta					{ background:#eee url("images/form-back-sidebar.png") no-repeat bottom left; padding:20px 20px 20px 20px; width:174px; display:block; margin:0 auto 10px auto; clear:both; }
#related #newsletter-cta h2					{ background:url("images/e-news-icon.png") top right no-repeat; font-size:170%; text-transform: uppercase; color:#666; padding:5px 0; margin-bottom:3px;}
#related #newsletter-cta fieldset			{ padding:0; margin: 0; border: none; font-size:92.5% }
#related #newsletter-cta dl					{ line-height: 1.75em }
#related #newsletter-cta  dt				{ margin-bottom:0; color:#333; margin-bottom:-1.7em;}
#related #newsletter-cta dd					{ margin-left:0px;  padding-left:50px;}
#related #newsletter-cta dd input			{ width:120px }
#related #newsletter-cta  div				{ padding-left:60px; margin-bottom:0; }

