/* CSS Document */
	body {
	background: #0D2F55 url(/images/bg_page.jpg) repeat-x fixed center top;
	margin : 0;
	padding : 0;
	border : 0 none inherit;
	text-align : center;
	font-family :  verdana, lucida, arial, helvetica, sans-serif;
	padding-bottom : 25px;
	font-size:76%;
	color: #333333;}
	
	#skipnav {
	
	font-size:.8em;
	margin:0px auto 0px auto;
	padding:0px;
	height:2.5em;
	}
	#skipnav a { color:#C1140B;}
	#container {
	width: 64em;
	/*width: 756px;*/
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: #fff;
	text-align:left;}

/*the following is used for liquid pages*/
	#header {
	padding: 0;
	margin-bottom: 0;
	height:4.3em;
	position:relative;
	background: #C1140B url(/images/top_bg.jpg) repeat-x scroll left bottom;}
	
	#header #pagetitle{
	position:absolute;
	bottom:0px;
	right:20px;
	padding:0px 0px 0px 200px;
	text-align:right;}

	#header h1 {
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0em;
	font-size:2em;
	color:#FFFFFF;
	line-height: 1em;}

	#header h1 strong{
	font-weight:normal;
	font-size:.8em;}

	#header p{
	margin:0px;
	padding:0px 0px 0px 3em;
	font-size:1em;
	color:#FFFFFF;
	font-weight:normal;
	text-align:right;}
	
	#header img{
	position:absolute;
	bottom:0px;
	left:1px;}
	
	#menu {
	text-align:left;
	padding-top: 0px;
	margin-bottom: 0;
	background: #FFFFFF url(../../images/toponecolumn.jpg) no-repeat scroll left top;
	height:61px;
	position:relative;}
	
	#middle {
	padding: 0px 0px 0px 0px;}

	#footer {
	clear: both;
	padding: 0px 0px 30px 0px;
	margin: 0;
	height:7em;
	background: #0D2F55 url(/images/footer3.jpg) no-repeat scroll left bottom;
	position:relative;}

	#menu li a:link {
	color: #333333;
	text-decoration: none;
	padding: 0px;
	padding-right: 10px;}

	#menu li a:hover {
	background: #CCCCCC;
	color: #990000;}
	
	#menu li a:visited {
	color: #333333;
	text-decoration: none;
	padding-right: 10px;}
	
	#menu li a:active {}
	p, dd, dt {
	line-height : 1.4em; 
	text-align : left; 
	margin-top : .7em; 
	margin-bottom : 1em; 
	padding: 0px 20px;}

	li {
	margin-bottom : 1em;
	z-index:1;}
	
	#middle li {
	line-height:1.4;}
	
	a:link {
	color: #33579B;
	text-decoration:none;}
	
	a:hover {
	background: #F0F0F0;
	color:#990000;}
	
	a:visited {
	color: #33579B;
	text-decoration:none;}
	a:active {}
	
	h1{
	color: #990000;
	font-size: 30px;
	font-weight: normal;
	padding: 0px 20px;
	margin:0px;
	letter-spacing: -1px;
	line-height: 1.2em;}
	
	h2{
	color: #990000;
	margin:0px 0px -.5em 0px;
	padding: 0px 20px 0px 20px;
	font: normal 2em Arial, Helvetica, sans-serif;
	line-height: 1.4em;}

	h3 {
	color: #990000;
	margin: .5em 20px 0 20px;
	padding-top: 0px;
	font: normal 1.3em Arial, Helvetica, sans-serif;
	background: url(/images/bg_h3.jpg) repeat-x left bottom;
	letter-spacing: 1px;}
	
	h4{
	color: #990000;
	margin:0px 0px -.5em 20px;
	padding:.5em 0px 0px 0px;
	font: bold normal 1em Arial, Helvetica, sans-serif;
	letter-spacing: 1px;}
	
	.padding {
	padding-right: 70px!important;}
	
	.padding2 {
	padding-left: 25px;}
	
	.footer3 {
	padding: 0px 0px 0px 20px;
	margin:0px;}
	
	.footer3 p{
	padding-left: 0px;
	font-size: .8em;}
	
	.footer3 p img{
	padding: 0px;
	position:absolute;
	bottom:5em;
	left:597px;}
	
/**line style for table*/
	.front {}
	
	.front ul {
	margin:0px!important;
	padding:0px 20px!important;}
	
	.front li {
	margin:0px;
	border-bottom: 1px solid #efefef;
	list-style: none;
	padding:10px 0px 10px 0px;}
	
	/* remove the spacing to the left and right*/

	table.secondlevel ul {
	margin:5px 10px 5px 10px!important;
	padding:0px 0px!important;}

table.secondlevel li {
	margin:0px;
	border-bottom: 1px solid #efefef;
	list-style: none;
	padding:5px 0px 5px 0px;}
	
	.gray2 {
	background: #F3F3F3;
	border: 1px solid #CCCCCC;
	margin: 0px 30px 0px 10px;
	display:block;}
	
	.gray2 ul{
	margin:0px;
	padding:0px;}

	.gray2 li {
	list-style: none;
	padding:0px 0px 5px 0px;
	display:inline;}
	
	.gray2 p {
	padding:0px 0px 5px 5px;
	margin: 0px;}
	
	.gray2 h3 {
	color:#999999;
	font-size:medium!important;}
	
	.gray {
	font-size: xx-small;
	color: #666666;
	line-height: 1em;}
	
	.advanced {
	padding-left: 50px;}

	#menu h2 {
	margin:0px;
	padding-bottom: 0px;
	padding-left: 60px;
	padding-right: 0px;
	padding-top:10px;
	color:#ffffff;
	font: bold 3em Geneva, Arial, Helvetica, sans-serif;}
	
	#right li{
	list-style:none;}

	.img {
	margin:2px;}
	
	.headline {
	margin: 5px;
	float:left;}
	
	.headline1 {
	margin: 15px 5px 5px 5px ;
	float:left;}
	
	.headlinetxt {
	margin-left:115px;
	padding:0px;
	padding-right: 10px;
	padding-bottom:0px;
	font-size: xx-small;
	line-height: normal;
	color: #666666;}

	.hr {
	margin:0px;
	padding:0px;
	height:1px;
	color:#efefef;
	clear:both;}

	hr {margin:0px 20px;}


	/*#right h2 {
	font-size: 10pt;
	padding:0px;
	margin:0px 0px 0px 0px;}
	
	#right h3 {
	color: #990000;
	font-size: 8pt;
	padding:0px;
	margin:0px 0px 0px 0px;}
	
	*/
	.contentbox {font-size:small!important;}
	
	/* roundhouse styles*/
	
	.show {visibility:visible;}
	.hide {visibility:hidden;
	display:none;}
	/*partnership page */
	/* Case Studies */
	.profile_sm {margin:10px;}

	 ul { 
		padding: 0;
		margin: 0;
		list-style: none;}
   /*
   test on feb 03 06 to see how nav is working */


   #nav li ul { 
	display: none;}
    ul#nav { 
	list-style: none;
	margin: 0em 0em 0em 23.2em;
	padding-top:5px;}
	
	*html ul#nav { 
	top:5px;
	}

	#nav  li { 
	padding:5px 5px;
	float: left;
	position: relative;
	width:auto;
	white-space:nowrap;
	background-color:#efefef;
	z-index:1000!important;
	}
	
	*html #nav  li { 
	width:10px;}
	
	#nav li a{
	display: block;
	font-size:.8em;
	color:#333;
	border:1px solid #efefef;}
	
	
	*html #nav li a{
	height: 1%;}
	#nav li a:hover{
	background:#ccc;}

	#nav li ul { 
	display: none;
	position: absolute;
	top: 1.6em;
	left: 2px;
	background-color:#efefef;}
	
	#nav  li li{	
	padding:0;
	margin:0px;
	float:none;
	width: 12em;
	background-color:#efefef;
	border:3px solid #efefef;}

	#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index:1000!important;}

	#nav  li li a{	
	margin:0px;
	float:none;
	color:#333333!important;}
	
	li> ul { 
	top: auto;
	left: auto;}

	/*\*/
	#nav li:hover ul, #nav li.over ul { 
		display: block;
		z-index:10000;
	}
	/**/
	
/*	#searchlink{
	position:absolute;
	top:4px;
	right:15px;
	text-align:left;}
	*/

	#search input, #search form, li#search 
	{padding:0px;
	margin:0px;}
	
	#search input {
	margin:3px 5px 3px 0px;
	font-size:.8em;
	vertical-align:middle;
}

	#search input{
	border: 1px solid #333;}
		
	#middle ul {
	margin-left:4em;
	list-style-type: disc;}

/*stuff I am adding to the whole site for the second level pages*/
	table.secondlevel td p{
	margin: 0px;
	padding: 0px 10px 0px 10px;}
	
	table.secondlevel td h3 {
	margin: 0px;
	padding: .5em 0px 5px 10px;}
	
	table.secondlevel td{
	border-left: 1px solid #ccc;}
	
	table.secondlevel td.line {
	padding:0px 0px;
	background: url(/images/bg_td.jpg) repeat-x scroll left top;}
	
	table.secondlevel td img {
	border:2px solid #ccc;}
	/*60.7 is about as close to perfect as I can get the padding values from the side*/
	table.secondlevel {
	margin:0px 0px 0px 20px;
	width:60.7em;
	border-right: 1px solid #ccc;
	background-color:#FFFFFF;}
	
	
	
	#right {display:none;}
	
	.intro ul {margin:0px;
	padding:0px;}
	
	.intro ul li {
	margin:0px;
	padding:0px;}
	
	.intro p{
	line-height: 1.4em;
	letter-spacing: 0.1em;
	font-size:1.2em;}
