body {
	background: #888888 url(../images/sphereservers_bg.jpg) repeat-x;
}

.container {
	background: #F5F5F5 url(../images/back_grey_internal.jpg) repeat-x;
	margin: 0px 5%;
	padding: 0px;
	border: 1px solid #163259;
	opacity: .85;
	filter: alpha(opacity=85);
}

a:link 		{text-decoration: none; color: #000099}
a:visited 	{text-decoration: none; color: #000099}
a:active 	{text-decoration: none; color: #000099}
a:hover 	{text-decoration: underline; color: #0033ff}

a.blocklink:link 		{text-decoration: none; background-color: #3C6BAF; color: white; padding: 3px; border: 1px solid #000099;}
a.blocklink:visited 	{text-decoration: none; background-color: #3C6BAF; color: white; padding: 3px; border: 1px solid #000099;}
a.blocklink:active 		{text-decoration: none; background-color: #3C6BAF; color: white; padding: 3px; border: 1px solid #000099;}
a.blocklink:hover 		{text-decoration: none; background-color: #0033ff; color: white; padding: 3px; border: 1px solid #000099;}

.tl {background: url(../images/container_tl.gif) 0 0 no-repeat}
.tr {background: url(../images/container_tr.gif) 100% 0 no-repeat; padding: 1px}
.bl {background: url(../images/container_bl.gif) 0 100% no-repeat; margin: -1px}
.br {background: url(../images/container_br.gif) 100% 100% no-repeat}

p	{ font-family: "Trebuchet MS", sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #333333; }
td	{ font-family: "Trebuchet MS", sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #333333; }
h1 { font: bolder 25px Trebuchet MS, Arial, Helvetica, sans-serif; color: #3C6BAF; }
.small { font-family: "Trebuchet MS", sans-serif; font-size: 11px; font-weight: normal; line-height: 13px; color: #666666; }
.blue	{ color: #3C6BAF; }

.header_logo_small {
	padding-left: 5px;
}
.header_strap {
	padding-left: 10px;
}

table.tint .col2 {
	font: bolder 25px Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #D30A0A;
}

.col3_container {
	border-left: 1px dotted #9999cc;
	padding-left: 10px;
	margin-top: 60px;
}

.alt3_container {
	padding-left: 0px;
	margin-top: 60px;
}

table.tint td{
	font: normal 12px/1.4em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
}

table.tint .col3 .alt3 {
	font: normal 11px/1.4em Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #000000;
}

/*---------------------------------------------------------------------------
	Style for left nav (with tint)
  ---------------------------------------------------------------------------*/

	table.tint table.nav{
		width: 150px;
		padding: 0px;
		color: #4F4F4F;
	}

	table.tint table.nav tr td.left, table.nav tr td.right { width: 7px }
	table.tint table.nav tr td.center { width: 136px }
	
	table.tint table.nav tr.top_off td,
		table.tint table.nav tr.top_on td{ height: 26px }
	
	table.tint table.nav tr.middle_off td, 
		table.tint table.nav tr.sub_first_off td, 
		table.tint table.nav tr.sub_other_off td,
		table.tint table.nav tr.middle_on td, 
		table.tint table.nav tr.sub_first_on td, 
		table.tint table.nav tr.sub_other_on td { height: 25px }
	
	table.tint table.nav td.center a {
		padding: 0px;
		font: bold 12px Arial, Helvetica, sans-serif;
		white-space: nowrap;
		color: #4F4F4F;
		text-decoration: none
	}
	
	table.tint table.nav td.center a:hover {
		text-decoration: underline
	}
	
	table.tint table.nav tr.top_on td a, 
		table.tint table.nav tr.middle_on td a, 
		table.tint table.nav tr.bottom_on td a { color: #FFFFFF; text-decoration: none }
		
	table.tint table.nav tr.bottom_off td,
		table.tint table.nav tr.bottom_on td { height: 29px }
	
	table.tint table.nav tr.top_off td.left { background: url(../images/nav/blue/off_main_top_left.gif) no-repeat }
	table.tint table.nav tr.top_off td.center { background: url(../images/nav/blue/off_main_top_back.gif) repeat-x }
	table.tint table.nav tr.top_off td.right { background: url(../images/nav/blue/off_main_top_right.gif) no-repeat }
	table.tint table.nav tr.middle_off td.left { background: url(../images/nav/blue/off_main_middle_left.gif) no-repeat }
	table.tint table.nav tr.middle_off td.center { background: url(../images/nav/blue/off_main_middle_back.gif) repeat-x }
	table.tint table.nav tr.middle_off td.right { background: url(../images/nav/blue/off_main_middle_right.gif) no-repeat }
	table.tint table.nav tr.bottom_off td.left { background: url(../images/nav/blue/off_main_bottom_left.gif) no-repeat }
	table.tint table.nav tr.bottom_off td.center { background: url(../images/nav/blue/off_main_bottom_back.gif) repeat-x }
	table.tint table.nav tr.bottom_off td.right { background: url(../images/nav/blue/off_main_bottom_right.gif) no-repeat }
	table.tint table.nav tr.sub_first_off td.left { background: url(../images/nav/blue/off_sub_first_left.gif) no-repeat }
	table.tint table.nav tr.sub_first_off td.center { background: url(../images/nav/blue/off_sub_first_back.gif) repeat-x }
	table.tint table.nav tr.sub_first_off td.right { background: url(../images/nav/blue/off_sub_first_right.gif) no-repeat }
	table.tint table.nav tr.sub_other_off td.left { background: url(../images/nav/blue/off_sub_other_left.gif) no-repeat }
	table.tint table.nav tr.sub_other_off td.center { background: url(../images/nav/blue/off_sub_other_back.gif) repeat-x }
	table.tint table.nav tr.sub_other_off td.right { background: url(../images/nav/blue/off_sub_other_right.gif) no-repeat }
	
	table.tint table.nav tr.top_on td.left { background: url(../images/nav/blue/on_main_top_left.gif) no-repeat }
	table.tint table.nav tr.top_on td.center { background: url(../images/nav/blue/on_main_top_back.gif) repeat-x }
	table.tint table.nav tr.top_on td.right { background: url(../images/nav/blue/on_main_top_right.gif) no-repeat }
	table.tint table.nav tr.middle_on td.left { background: url(../images/nav/blue/on_main_middle_left.gif) no-repeat }
	table.tint table.nav tr.middle_on td.center { background: url(../images/nav/blue/on_main_middle_back.gif) repeat-x }
	table.tint table.nav tr.middle_on td.right { background: url(../images/nav/blue/on_main_middle_right.gif) no-repeat }
	table.tint table.nav tr.bottom_on td.left { background: url(../images/nav/blue/on_main_bottom_left.gif) no-repeat }
	table.tint table.nav tr.bottom_on td.center { background: url(../images/nav/blue/on_main_bottom_back.gif) repeat-x }
	table.tint table.nav tr.bottom_on td.right { background: url(../images/nav/blue/on_main_bottom_right.gif) no-repeat }
	table.tint table.nav tr.sub_first_on td.left { background: url(../images/nav/blue/on_sub_first_left.gif) no-repeat }
	table.tint table.nav tr.sub_first_on td.center { background: url(../images/nav/blue/on_sub_first_back.gif) repeat-x }
	table.tint table.nav tr.sub_first_on td.right { background: url(../images/nav/blue/on_sub_first_right.gif) no-repeat }
	table.tint table.nav tr.sub_other_on td.left { background: url(../images/nav/blue/on_sub_other_left.gif) no-repeat }
	table.tint table.nav tr.sub_other_on td.center { background: url(../images/nav/blue/on_sub_other_back.gif) repeat-x }
	table.tint table.nav tr.sub_other_on td.right { background: url(../images/nav/blue/on_sub_other_right.gif) no-repeat }

/*---------------------------------------------------------------------------
	Style for left nav (tint) - css rollover version
  ---------------------------------------------------------------------------*/
  
	#navcontainer ul {
		 margin: 0;
		 padding: 0;
		 list-style-type: none;
		 font: bold 12px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	
	#navcontainer li { margin: 0 0 0 0; }
	
	#navcontainer li a {
		display: block;
		color: #4F4F4F;
		text-decoration: none;
		border-bottom: 1px solid #76777E;
		background: repeat-y top;
	}
	
	#navcontainer li#top a.on, #navcontainer li#middle a.on{ 
		border-bottom: 1px solid #3C6BAF;
	}
	
	#navcontainer li#bottom a {
		border-bottom: none;
	}
	
	#navcontainer li#top a { padding: 6px 2px 6px 8px; width: 140px; }
	#navcontainer li#top a { background-image: url(../images/nav/blue/off_main_top.gif); }
	#navcontainer li#top a:hover, #navcontainer li#top a.on { background-image: url(../images/nav/blue/on_main_top.gif); color: #FFF; }
	
	#navcontainer li#middle a { padding: 6px 2px 5px 8px; width: 140px; }
	#navcontainer li#middle a { background-image: url(../images/nav/blue/off_main_middle.gif); }
	#navcontainer li#middle a:hover, #navcontainer li#middle a.on { background-image: url(../images/nav/blue/on_main_middle.gif); color: #FFF; }
	
	#navcontainer li#bottom a { padding: 6px 2px 9px 8px; width: 140px; }
	#navcontainer li#bottom a {
		background-image: url(../images/nav/blue/off_main_bottom.gif);
		background-position: bottom;
	}
	#navcontainer li#bottom a:hover, #navcontainer li#bottom a.on { background-image: url(../images/nav/blue/on_main_bottom.gif); color: #FFF; }
	
	#navcontainer li#sub_first a { padding: 6px 2px 5px 16px; width: 132px; }
	#navcontainer li#sub_first a { background-image: url(../images/nav/blue/off_sub_first.gif); }
	#navcontainer li#sub_first a:hover, #navcontainer li#sub_first a.on { background-image: url(../images/nav/blue/on_sub_first.gif); color: #4F4F4F; }
	
	#navcontainer li#sub_other a { padding: 6px 2px 5px 16px; width: 132px; }
	#navcontainer li#sub_other a { background-image: url(../images/nav/blue/off_sub_other.gif); }
	#navcontainer li#sub_other a:hover, #navcontainer li#sub_other a.on { background-image: url(../images/nav/blue/on_sub_other.gif); color: #4F4F4F; }


/*---------------------------------------------------------------------------
	Style for downloads page
  ---------------------------------------------------------------------------*/

a.directory {font-family: "Trebuchet MS", sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}
a.directory:link {color: #000099}
a.directory:visited {color: #000099}
a.directory:active {color: #000099}
a.directory:hover {text-decoration: underline; color: #0033ff}

a.file {font-family: "Trebuchet MS", sans-serif; font-size: 11px; font-weight: normal; text-decoration: none}
a.file:link {color: #000099}
a.file:visited {color: #000099}
a.file:active {color: #000099}
a.file:hover {text-decoration: underline; color: #0033ff}}