/* Defines global site settings and layout. If you're reading this, you are truly a geek. */

* {
	padding:0;
	margin:0;
	}

html, body, form, fieldset, table {
	font: 100%/120% "Lucida Grande",Verdana, Arial, Helvetica, sans-serif;
}

body 
	{
	background:#C6C3B2 url(/media/template/background.jpg) top left repeat-x;
	padding: 0px 360px 0 360px;
	font-size: 0.825em;
	color:#000;
	}

/* Modified Jello Mold - http://positioniseverything.net/articles/jello.html */
#sizer 
	{
	margin: 0px auto 20px auto;
	width: 66%;
	max-width: 200px;  
	}

#expander 
	{
	margin: 0 -360px;
	min-width: 720px; /* Critical Safari fix! */
	position: relative;
	}

/* Holly hack for IE, minus the hack */
html #expander { height: 0; }

/* helps IE get the child percentages right. */
#wrapper 
	{ 
	width: 100%;
	} 

/* Head stuff */
#skiptocontent a {
	position:absolute;
	top:1px;
	right:0px;
	background:#CBCFD4 url(/media/template/skip.gif) no-repeat 2px 5px;
	padding:2px;
	padding-left:16px;
	margin-right:0px;
	border:1px dashed #8C98AE;
	color:#20399D !important;
	}

#skiptocontent a:hover,
#skiptocontent a:active,
#skiptocontent a:focus {
	background-color:#ffffcc;
	}

#logo
	{
	width:198px;
	position:absolute;
	top:0px;
	left:0px;
	margin:10px 0 0 -2px;
	padding:4px 0px 0px 3px;
	float:left;
	background:url(/media/template/bg_logo.gif) 0px 0px no-repeat;
	}

#logo a {
	text-decoration:none;
	}

#expanding
	{
	text-align:center;
	width:164px;
	background-color:#e4e5ea;
	border:1px solid #3f4650;
	margin:14px 0 0 12px;
	}

#expanding2
	{
	display:block;
	border:2px solid white;
	padding:4px 1px;
	margin:.2em;
	}

#expanding2:first-letter
	{
	font-family:Georgia,"Times New Roman", Times, serif;
	font-size:180%;
	}

#header
	{
	padding:20px 0 0 192px;
	background:url(/media/template/corner_tr.gif) bottom right no-repeat;
	}

/* TABS */
#tabs
	{
	margin:0px 17px 0px 0px;
	background:transparent url(/media/template/bg_tabs.jpg) -40px 100% repeat-x;
	position:relative;
	top:0px;
	left:0px;
	height:45px;
	}

#tabs li {
	position:absolute;
	display:inline;
	list-style: none;
	margin:0 -2px 0 -3px;
	top:5px;
	margin-left:14%;
	}

#tabs li a {
	display:block;
	height:30px;
	width:91px;
	text-decoration:none;
	background-color:transparent;
	position:relative;
	}

#tabs li a span {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1 /* silly Opera! */
	}

#products {
	left:0px;
	}

#products a span {
	background:transparent url(/media/template/products.gif) top left no-repeat;
	}

#products a:hover span, #products a:focus span {
	background:transparent url(/media/template/products.gif) 0px -40px no-repeat;
	}

#products a:active span {
	background:transparent url(/media/template/products.gif) 0px -80px no-repeat;
	}

#products a.current span {
	background:transparent url(/media/template/products.gif) 0px -120px no-repeat;
	}

#services {
	left: 90px;
	}

#services a span {
	background:transparent url(/media/template/services.gif) top left no-repeat;
	}

#services a:hover span, #services a:focus span {
	background:transparent url(/media/template/services.gif) 0px -40px no-repeat;
	}

#services a:active span {
	background:transparent url(/media/template/services.gif) 0px -80px no-repeat;
	}
	
#services a.current span {
	background:transparent url(/media/template/services.gif) 0px -120px no-repeat;
	}

#articles {
	left: 180px;
	}

#articles a span {
	background:transparent url(/media/template/articles.gif) top left no-repeat;
	}

#articles a:hover span, #articles a:focus span {
	background:transparent url(/media/template/articles.gif) 0px -40px no-repeat;
	}

#articles a:active span {
	background:transparent url(/media/template/articles.gif) 0px -80px no-repeat;
	}
	
#articles a.current span {
	background:transparent url(/media/template/articles.gif) 0px -120px no-repeat;
	}

#resources {
	left: 270px;
	}

#resources a span {
	background:transparent url(/media/template/resources.gif) top left no-repeat;
	}

#resources a:hover span, #resources a:focus span {
	background:transparent url(/media/template/resources.gif) 0px -40px no-repeat;
	}

#resources a:active span {
	background:transparent url(/media/template/resources.gif) 0px -80px no-repeat;
	}

#resources a.current span {
	background:transparent url(/media/template/resources.gif) 0px -120px no-repeat;
	}

#community {
	left:360px;
	}

#community a span {
	background:transparent url(/media/template/community.gif) top left no-repeat;
	}

#community a:hover span, #home a:focus span {
	background:transparent url(/media/template/community.gif) 0px -40px no-repeat;
	}

#community a:active span {
	background:transparent url(/media/template/community.gif) 0px -80px no-repeat;
	}

#community a.current span {
	background:transparent url(/media/template/community.gif) 0px -120px no-repeat;
	}

#sitesearchcontainer
	{
	text-align:right;
	background:#fff url(/media/template/bg_right.jpg) top right repeat-y;
	padding:0;
	}

#sitesearch 
	{
	padding:10px 35px 0px 0px;
	background:url(/media/template/bg_main.jpg) repeat-y left 32px;
	margin:0;
	}

#sitesearch input, 
#sitesearch img
	{
	vertical-align:bottom;
	}

/* Main content stuff */
#maincontainer
	{
	margin-top:0px;
	width:100%;
	float:left;
	background:url(/media/template/bg_main.jpg) top left repeat-y;
	}

#sidebarcontainer
	{
	margin:8em 0px 0px 0px;
	padding-left:14px;
	padding-right:14px;
	width:164px;
	float: left;
	display: inline; /* IEwin doubled margin bug fix */
	text-align: left;
	}	

#sidebarbox
	{
	padding:1px 7px 7px 7px;
	background-color:#e4e5ea;
	}

#maincontent
	{
	margin:0 0 0 192px;
	width:auto;
	padding:10px 34px 0 17px;
	margin-top:0px;
	background:#fff url(/media/template/bg_right.jpg) top right repeat-y;
	outline:0;
	}

#sidebarbox h2
	{
	color: #fff;
	font-size:110%;
	background:#AD2D33 url(/media/template/bg_h2.gif) top left repeat-x;
	padding:2px;
	text-align:center;
	margin:.7em 0 .5em 0;
	}

#sidebarbox h2 a
{
	color:#fff;
	}

#sidebarbox h2 a:hover, #sidebarbox h2 a:active, #sidebarbox h2 a:focus
{
	color:#ccc;
	background-color:transparent;
	}

#sidebarcontainer ul
	{
	border-top:1px dashed #8C98AE;
	}

#sidebarcontainer ul li
	{
	border-bottom:1px dashed #8C98AE;
	list-style-type:none;
	list-style-image:none;
	background-color:#DBDCE3;
	}

#sidebarcontainer ol
	{
	padding-left:2em;
	}

#sidebarcontainer ul li a
	{
	display:block;
	padding:.4em;
	text-decoration:none;
	}

#sidebarcontainer ul li a:active,
#sidebarcontainer ul li a:focus,
#sidebarcontainer ul li a:hover
	{
	text-decoration:underline;
	}

.sidebarfeature
	{
	border:1px solid #3f4650;
	background-color:#ffffff;
	text-align:center;
	margin:.8em .4em;
	padding:4px;
	}

#introto a
	{
	display:block;
	padding:.4em;
	}

#blog li a span {
	color:#595959;
	font-size:80%;
	}

/* FOOTER STUFF */

#googleads {
	text-align:center;
	border-top:1px dotted #1C205B;
	padding:1em;
	}


#webaiminfo
	{
	text-align:center;
	padding:1em 0;
	clear:both;
	border-top:1px dotted #1C205B;
	}

#webaiminfo img
	{
	margin:0 20px;
	}

#footercontainer
	{
	background:url(/media/template/corner_bl.gif) top left no-repeat;
	clear:both;
	}

#footer
	{
	background:url(/media/template/corner_br.gif) top right no-repeat;
	text-align:center;
	padding-left:192px;
	height:28px;
	color:white;
	}	

#footer ul
	{
	margin-right:17px;
	padding:.3em 0;
	height:28px;
	background:url(/media/template/bg_bottom.jpg) top left  repeat-x;
	}

#footer li
	{
	display:inline;
	list-style-type:none;
	}

/* Generic visual styles */
.hidden
	{
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
	}

.center
	{
	text-align:center;
	}

hr {
	margin:1em 0;
	}

img	
	{
	border:none;
	}

ul li
	{
	list-style-image:url(/media/common/list_box.gif);
	}

/* LINKS */
a:link
	{
	color: #20399D;
	}

a:active,
a:focus,
a:hover
	{
	background-color:#ffffcc;
	color: #BF1722;
	text-decoration:underline;
	}

a.transparent:active,
a.transparent:focus,
a.transparent:hover
	{
	background-color:transparent;
	}

a:visited
	{
	color:#663366;
	}

#footer a:link,
#footer a:visited
	{
	color:#ffffff;
	}

#footer a:hover,
#footer a:active,
#footer a:focus
	{
	color:#990000;
	}

/* External links */
a.external span
{
	 position:absolute; 
	 left:0; 
	 top:-500px; 
	 width:1px; 
	 height:1px; 
	 overflow:hidden;
}

a.external:link
{
background: url(/media/template/externallink.gif) no-repeat 100% 0;
padding-right: 20px;
}

a.external:visited
{
background: url(/media/template/externallink.gif) no-repeat 100% -100px;
padding-right: 20px;
}

a.external:hover, a.external:focus
{
color: #BF1722;
background:#ffffcc url(/media/template/externallink.gif) no-repeat 100% -200px;
padding-right: 20px;
}

/* Please move along, there's nothing more to see here. */