@charset "windows-1252";


/*
** Templates or bodies
*/
body{
	background: #135 url('images/watermark.jpg') repeat scroll top left;
	color: #000;
	margin: 0;
	padding: 20px;
	font-size: 0.95em;
	font-family: "trebuchet ms", trebuchet, "times new roman", serif;
	text-align: center;
}	
div.header{
	color: #000;
	margin: 0;
	padding: 0;
	height: 100px;
	text-align: center;
}  
div.backdrop{
	background-color: #fff;
	color: #235;
	border: 1px inset #fff;
	margin: 0;
	padding: 0;
}
.centred{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
div.box{
	text-align: center;
}
hr{
	width: 50%;
	text-align: center; 
	margin-left: auto; 
	margin-right: auto;
}

/* 
** Make the menu work
*/

div.horizontal_menu{
	margin: 10px;
	padding: 10px;
	margin-bottom: 3px;
	padding-bottom: 0;
	text-align: center;
	font-size: 0.9em;
	font-weight: normal;
}
div.horizontal_menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.horizontal_menu ul li{
	background:	#fff url('images/tabs_down_right.jpg') no-repeat scroll top right;
	display: inline;
	margin: 0;
	padding: 0;
}
div.horizontal_menu ul li a{
	background: url('images/tabs_down_left.jpg') no-repeat scroll top left;
	text-decoration: none;
	font-weight: normal;
	padding: 5px 7px;
	color: #b76;
}
div.horizontal_menu ul li.current a{
	background: url('images/tabs_left.jpg') no-repeat scroll top left;
}
div.horizontal_menu ul li.current{
	background: url('images/tabs_right.jpg') no-repeat scroll top right;
}

/*
** Onto the content
*/ 

div.main2{
	background: #f2f2f2 url('images/gray_fade.jpg') repeat-x scroll top center;
	border: 1px solid #ccc; 
	margin: 20px;
	margin-top: 0; 
}
div.main{
	background: url('images/white_fade.jpg') repeat-x scroll bottom center;
	padding: 30px;
	padding-top: 0;
}
.centered_content{
	text-align: center;
}
.boxed_content{
	border: 1px solid black;
	color: black;
	background-color: white;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.privacy{
	text-align: justify;
	padding: 0 20px 10px 15px;
	border-bottom: 1px inset black;
}
tr{
	vertical-align: top;
}


/*
** Weird stylistic devices
*/ 

.cleared{
	clear: both;
}
div.left{
	text-align: left;
}
img{
	border: 0;
}
h1{	
	padding: 5px;
	border-bottom: 1px groove black;
	text-align: center;
	font-variant: small-caps;
}
h2{
	font-family:"copperplate gothic light", verdana, trebuchet, arial, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	font-variant: small-caps;
	color: #3000;
}
h3{
	font-size: 1.2em;
	text-align: center;
	color: #036;
}

a{
	color: #00f; 
} 						  
p.index{
	font-size: 0.95em;
	font-weight: bold;
	font-family: arial, verdana, sans-serif;
	color: #310498;
} 
.double{
	font-weight: bold;
	font-size: 0.95em;
}
.tollfree:hover{
	color: #900;
}
.tollfree{
	font-family: trebuchet, verdana, unicode, arial, sans-serif;
	color: gray;
	font-weight: bold;
}
.seh{
	font-family: "times new roman", serif;
	font-style: italic;
	font-weight: bold;
	font-size: 1.25em;
}
.red{
	color: #900;
}
.magenta{
	color: #909;
}
.darkgreen{
	 color: #360;
}
.blue{
	  color: #00f;
}
.smallcap{
	font-variant: small-caps;
	font-size: 1.1em;
}
.emph{
	color: #555;
	text-decoration: underline;
	font-weight: bold;
	font-size: 1.15em;
}
p.facts{
	border: 1px solid #000;
	border-top: 1px solid #000;
	color: #036;
	background-color: #fff;
	text-align: left;
	padding: 5px 50px 25px 50px;
	left: 0px;
	font-weight: bold;
}

p.company{
	border: 2px solid #C00;
	text-align: justify;
	background-attachment: fixed;
	background-color: #fff;
	padding:15px;
	font-weight: normal;
}
.org{	  
	padding: 3px 3px 3px 3px;
	background-color: #fff;
	color: #033;
	font-size: 1.15em;	
	text-decoration: underline;  
}
.highlight{
	text-decoration: underline;
}

/*
** Modules table
*/

table.modules{
	margin-left: auto;
	margin-right: auto;
}

table.modules tr td.module{
	background: #eef9c8 url('images/green-blue_right_drawer.jpg') no-repeat scroll top right;
	background-color:#EEF9C8;
	color: #000;
	padding: 0;
	text-align: justify;
	vertical-align: top; 
	font-size: 0.9em;
}
table.modules tr td div.module2{
	background: url('images/green-blue_left_drawer.jpg') no-repeat scroll top left;
	padding: 10px;
}
table.modules tr td.variation_module{
	background: #fff5e5 url('images/violet-orange_right_drawer.jpg') no-repeat scroll top right;
}
table.modules tr td.variation_module div.module2{
	background: url('images/violet-orange_left_drawer.jpg') no-repeat scroll top left;
}
table.modules tr td.banner{
	background: #ccc url('images/chrome.jpg') repeat-x scroll top left;
	padding: 0;
}
.banner-left-drawer{
	background: url('images/chrome-left-drawer.jpg') no-repeat scroll top left;
}
.banner-right-drawer{
	background: url('images/chrome-right-drawer.jpg') no-repeat scroll top right;
	color: #000;
	padding: 10px;
	font-family: verdana, arial, sans-serif;
	font-weight: bold; 
	border: 0;
	text-align: center;
	vertical-align: middle; 	
}
.module_title{
	padding: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
}

/*
** Reports
*/
tr.list_of_reports td{
	vertical-align: top;
	padding: 5px;
}

/*
** Requirements
*/ 
table.requirements{
	margin-left: auto;
	margin-right: auto;
}
div.requirements_head{
	font-weight: bold;
	text-align: center;
	padding: 20px 5px 20px 5px;
}
table.requirements tr td.config_display2{ 
	vertical-align: top;
	background: #fc6 url('images/requirements_right_drawer.jpg') no-repeat scroll top right;
	width: 50%;
}
table.requirements tr div.config_display{
	background: url('images/requirements_left_drawer.jpg') no-repeat scroll top left;	
	padding: 20px;
	padding-top: 0;
	text-align: left;
}

/*
** Contact
*/
table.contact{
	border: 1px groove black;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
table.contact tr td.heading{
	border-right: 1px groove black;
	text-align: right;
	font-weight: bold;
}
table.contact tr td{
	padding-left: 5px;
	padding-right: 5px;
}

/*
** Products
*/
ul.capabilities{
	list-style-image: url('images/checkmark.png'); 
	list-style-position: outside;
}
ul.capabilities li{
	padding: 5px;
}
table.learn_about{
	border: 1px solid black;
}
table.learn_about tr{
	text-align: center;
	border: 1px solid black;
}  

/*
** Footer info
*/	  
div.footer{
	margin: 20px;
	text-align: center;
}

/* 
** Events (untested)
*/

#topright{  
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: black;	 
	background-color: #FFFFCC;
	padding: 5px 5px 5px 5px;
	color:black;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	text-decoration:none;
} 
a#topright:hover{
	text-decoration:underline;
	color:#990000;
	background-color:#EAE9FF;
}	
.eventsheading{
	font-size:14px;
	color:#003366;
	position:relative;
	top:10px;
	font-weight:bold;
	text-decoration:underline;
	line-height:30px;
	text-align: center;
}
table.events{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
table.events tr td{
	margin: 3px;
	font-size: 0.9em;
	text-align: center;
	border-bottom: 1px solid #aaa;
}
table.events tr.events_headings td{
	margin: 3px;
	width:110px;
	font-weight:bold;
	text-align:center;
	border-bottom: 1px solid black;
}
table.ads{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}
table.ads tr td{
	margin: 3px;
	text-align:center;
	border-bottom: 1px solid gray;
}
table.ads tr.ads_headings td{
	margin: 3px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid black;
}		   

/*
** Products
*/
.prod{
	float: left;
}				
table.product_specs{
	margin: 10px;
	border: 1px solid #fff;
}
table.product_specs tr td{
	padding: 0 15px;
	color: #000;
	background-color: #fff;
}
table.product_specs tr td:first-child{
	text-align: left;
}
table.product_specs tr.product_list_head td.product_specs_1st_column{
	color: #000;
}		   
table.product_specs tr.product_list_head td{
	color: darkred;
	background-color: #dacfef;
	font-weight: bold;
}		   
table.product_specs tr.product_list_title td{
	color: #3e5934;
	text-align: center;
	font-weight: bold;
	background-color: #c6ddf5;
} 
.product_box{
	border: 1px dotted #aaa;
	padding: 30px 10px;
	margin: 10px;
	background-color: #f8f8f8;
	text-align: left;
	width: 500px;
}
