/*
LEGAL
=====
Copyright: Atlas Systems, Inc. 2007 http://www.atlas-sys.com
*/

/* import core layout styles */
@import url("print.css") print;

/* General */

#index
{
	background-color: #FFFFFF;
}

body
{
	width: auto;
	
	/* background-color: #F1F1F1; */
	background-color: #f9f5ea;
	
	/* Font used throughout the design */
	color: #031C35;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;;
	font-size: .8em;	 
}

#leftContent
{
	float: left;
}

#rightContent
{	
	float: right;
}

#leftContent, #mainContent, #rightContent
{
	margin: .3em;
}

.clear
{
	clear: both;
}


/* Show only to IE PC \*/
* html h1 {height: 1%;} /* For IE 5 PC */

#footer
{
	clear: both;
    	text-align: center;
	padding: 1em;
}


.button
{
	background-color: #DCDCDC;
	color: #000000;
	border: 1px solid #9F9F9F;
}

code
{
	font-size: 1.1em;
	white-space: pre;
	display:block;
	overflow:auto;
}

h1, h2, h3, h4, h5, h6
{
  color: #053868;
}

li
{
  list-style-type: square;
  list-style-position: outside;
}

/* Copyright Notice */
#copyright
{
  font-size: .85em;
  color: #046380;
}

/* defines a different style for links within the copyright notice */
#copyright a
{
  text-decoration: none;
  background-color: inherit;
  color: #053868;  
}

/* defines a different style for link hovering within the copyright notice */
#copyright a:hover
{  
  background-color: inherit; 
  color: #046380;  
  font-style: italic;
}

/* Links within MenuBoxes/ContainerBoxes */
.menuPanel  a, .menuPanel ul li a, 
.containerPanel a, .containerPanel ul li a,
.menuPanel ul.menuOptions li a
{
  text-decoration: none;  
  color: #2B85BB;
}

hr
{ 
	display: inline;
	border-style: none;
	border-top: 1px dotted #2B85BB;
	border-bottom: 1px solid #053868; 
	width: 90%;	
	height: .25em;
}

img 
{
  border:none;
}

img.header {float: left; margin: 20px 10px 0px 10px};

a
{
	color: #053868;
}

a:hover
{
	color: #046380;  
}

a[disabled="disabled"] 
{
	color:#999999
}

/* Status Messages */
.warning
{
	color: #FF6600;
}

.subdued 
{
	color:#999999;
}

.error 
{
	color:#CC0000;
}

.success 
{
	color:#053868;
}

.failure 
{
	color:#CC0000;
    font-weight: bold;
}

.caption
{
	color: #999999;
	font-size: 11px
}

/* Forms */
form
{
	border: 0px;
	margin: 0;
	width: 100%;
}

form fieldset
{
	margin: 0;
	border: 0;	
}

form fieldset label
{
	float: left;	
	width: 120px;
	font-weight: bold;
}

form input, form textarea
{
	width: 180px;
    margin-bottom: 5px;
}

form textarea
{
	width: 250px;
	height: 150px;
}

form .boxes
{
	width: 1em;
}

form .req
{
	color:#CC0000;
    font-weight: bold;
}

form .submitButton
{

	clear: left;
	float: left;
	width: 90px;
}

form br
{
	clear: left;
}


/************************************/
/* Product Navigation		    */
/************************************/

#productheader
{
	position: relative; 
}

#productheader h2
{
	float: left;
	border: 0;
}


#productheader ul#pnav
{
	margin-top: 30px;	
 	display: inline;	
	float: right;

}

#productheader #pnav li
{
 	display: inline;
	list-style-type: none;
	padding-right: 25px;
}

#productheader a
{
	color: #2B85BB;
	text-decoration: none;
	clear:both;
}

#productheader a:hover
{
	color: #049bc7;
	text-decoration: none;
}


/* This makes the navigation links not highlight for the one you're on */

body#demo #productheader ul#pnav li#nav-demo a,
body#features #productheader ul#pnav li#nav-features a,
body#index #productheader ul#pnav li#nav-index a,
body#resources #productheader ul#pnav li#nav-resources a,
body#services #productheader ul#pnav li#nav-services a,
body#specs #productheader ul#pnav li#nav-specs a,
body#usepolicy #productheader ul#pnav li#nav-usepolicy a
 { color: #053868; cursor: default; } 
 
.spotlight
{
	float: left;
	margin-left: 5px;
}

.spotlight .content h2
{
	margin-right: 15px;
	font-size: 14px;
	color: #336699;	 
}

.spotlight .content h2.break
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bcbcbc;
	padding-top: 10px;
	clear:both;
}

.spotlight .contentItemTop
{
	min-height: 195px;
	clear:both;
}

.spotlight .content
{
	padding: 10px 10px 15px 10px;
	min-height: 405px; 
	margin-left: 10px;
	clear:both;
}

.spotlight .box 
{ 
	width: 321px;
	height: 6px;
	background:url(../images/box_bottom.gif) no-repeat 0 100%; 
}

.spotlight .top 
{ 
	width: 321px;
	background:url(../images/box_top.gif) no-repeat 0 0; 
}


#servicesBody .body
{
	height: 1000px;
}


#fullBody
{
	width: 984px;
	position: relative;
}

#fullBody #top
{
	background:url(../images/content_top.gif) no-repeat 0 0;
	height: 8px;
	width: 984px;
	height: 8px;
	position: absolute;
	font-size: 1px;
	left: 0pt;
}

#fullBody #body
{
	background:url(../images/content_bg.gif) repeat-y 0 0; 
	padding: 10px 15px 10px 15px;
	z-index: 15;
}

#fullBody #bottom
{
	background: url(../images/content_bottom.gif) no-repeat 0 0;
	bottom: 0pt;
	left: 0;
	z-index: -10;
	height: 8px;
	width: 984px;
}


.blankfooter
{
clear:both;
}



img.right
{
	float: right;
	margin-top: 2px;
	margin-bottom: 16px;
	margin-left: 20px;
	margin-right: 5px;
	clear:both;
}

img.left
{
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	margin-bottom: 16px;
	margin-left: 5px;
	clear:both;
}


.body .content
{
	float: left;
	width: 670px;
}

#sidebar
{
	float: right;
	position: relative;
	top: 0;

}

#sidebar .sidebox
{
	position: relative;
	background-color: #f5f0dc;
	background-image: url(../images/sidebox_top.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 0pt;
	width: 222px;
	padding: 5px 25px 20px 25px;
	margin-bottom: 20px;

}


#sidebar .sidebox .bottom
{
	clear: both;
	position: absolute;
	bottom: 0pt;
	left: 0pt;
	background-color: #f2f2f2;
	background-image: url(../images/sidebox_bottom.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: 0pt;
	background-y-position: 100%;
	margin-left: 0pt;
	width: 272px;
	height: 3px;
}

.sidebox ul li
{
	color: #053868;
	margin-left: -18px;
}

#twocol, #onecol
{ 
  float: left;
  width: 660px;
  position: relative;
}

#onecol #col1
{
  width: 660px;
  float: left;
}


#twocol #col1
{
  width: 320px;
  float: left;
  margin-right: 10px;
}

.resourceSection
{
	clear: both;
}
.resourceSection h2
{
	position: relative;
}
.resourceSection h2 .backtop
{
	position: absolute;
	top: 10px;
	right: 12px;
	font-size: 10px;
	color: #2B85BB;
}

.resourceSection h2 .backtop a
{
	color: #c84827;
	text-decoration: none;
}


#twocol #col2
{    
  width: 320px;
  float: right;
  margin-left: 10px;
}

.resourceSection h2
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bcbcbc;
	padding-top: 10px;
}

.resourceSection h2 a, .resourceSection h4 a
{
	color: #053868;
}

.resourceSection a
{
	text-decoration: none;
	color: #0088cc;
}

#licensee, #events
{
	list-style-position: outside;	
	list-style-type: square;
}

#licensee li, #events li
{
color: #c84827;
margin-left: -20px;
padding: 2px;
}
#licensee li
{
color: #c84827;
}

#events li
{
	color: #2B85BB;
}


#rsp .rsp_row
{
margin:0 auto;
width: 100%;
  padding: 10px 0 0 0;
}

#rsp a
{
  border: 0;
  padding: 0px 10px 0px 10px;
}

#rsp a
{
display: inline;
}

#rsp img
{
vertical-align: middle;
}

/************************************/
/*       pageContainer              */
/************************************/

#pageContainer
{ 
	text-align: left;
 	min-width: 1005px;
  	max-width: 1005px;
  	width: 1005px;
  	margin: auto;  
	position: relative;
}

#pageContainerContent
{
	clear: both;	
}

/************************************/
/*       menuContainer              */
/************************************/

.menuContainer
{ 
	margin: 0px 0px 5px 0px;
	padding: 0;
	width: 100%;
}

.menuContainerHeader
{
	background-color: #336699;
	padding: 0;
	margin: 0;
	width: 100%;	
}

.menuContainerHeaderLeft
{     
	float: left;
	background: url(images/menu_left.gif) top left no-repeat;
	width: 12px;
	margin: 0;
}

.menuContainerHeaderRight
{     
	float: right;
	background: url(images/menu_right.gif) top right no-repeat;
	width: 13px;
}

.menuContainerHeaderText
{
	color: #FFFFFF;
    padding: 5px;    
}


.menuContainerContent
{
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;     
    border: #336699 1px solid;
    display: block;
}

.menuContainerContent a
{
	text-decoration: none;
}


/************************************/
/*       container              */
/************************************/

.container
{ 
	margin: 0px 0px 5px 0px;
	padding: 0;
	width: 100%;	
}

.containerHeader
{
	background-color: #DCDCDC;
	padding: 0;
	margin: 0;
	width: 100%;	
}

.containerHeaderLeft
{     
	float: left;
	background: url(images/container_left.gif) top left no-repeat;
	width: 12px;
	margin: 0;
}

.containerHeaderRight
{     
	float: right;
	background: url(images/container_right.gif) top right no-repeat;
	width: 13px;
}

.containerHeaderText
{
	color: #031C35;
	padding: 5px;    
}

.containerContent
{
    background-color: #FFFFFF;
    padding: 5px 5px 5px 5px;     
    border: #DCDCDC 1px solid;
}

#headline { width:980px; height:405px; position:relative;  top:0px; left:0px; margin-bottom:10px; padding-top:0px; background: #000 url(../images/ares_head.jpg) no-repeat 0 0; }
		#headline h2 { width:478px; margin: 10px auto 7px; }
		#headline p.subtitle { font-size:15px; font-weight: normal; line-height:1.5em; margin-bottom:2em; text-align:center; color:#888; }
		#headline p.subtitle a { font-weight: normal; font-size:15px; padding:0 10px 0 5px; color:#fff; }