/************************************************************************** 
*************************************************************************** 
*  Program Name: $Id: common.css,v 1.12 2008/09/20 22:18:50 neo Exp $
*  Program Author:  Michael T. Schock
*  Creation Date: 05-15-2006
*  CVS Revision: $Revision: 1.12 $
*  Copyright (c) 2006
*************************************************************************** 
*************************************************************************** 
*  Program Summary:
*  Style sheet for common.css
*
*
*************************************************************************** 
**************************************************************************/

/*  Main Body */
html, form
{
	height:100%;
}

body 
{
	margin: 0px;
	height:100%;
	background-color:black;
	background-image: url('../Graphics/skin_4.jpg');
	background-repeat: repeat;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


/*  Page Setup  */
#Header
{
	width:100%;
}

.header
{
	margin:auto;
	width:1000px;
	height:100px;
	color:white;
}

.site_title
{
	margin-top:25px;
	margin-left:35px;
	font-family:"Impact", Charcoal, sans-serif;
	font-size:4em;
}

.page
{
	margin:auto;
	color:black;
	min-height:100%;
	border-top:3px solid white;
	background-image: url('../Graphics/graph3d_3.gif');
	background-repeat: no-repeat;
}

.content
{
	overflow:auto;
	padding-bottom:4em;
}

.footer
{
	text-align:center;
	clear: both;
	position: relative;
	z-index: 10;
	height: 4em;
	margin-top:-4em;
	z-index:2;
}

.footer table
{
	margin:auto;
	width:1000px;
	color:white;
}

/*  Content headers */
.ncol
{
	float:left;
	width:250px;
}

.wcol
{
	width:750px;
	float:left;
}

.box
{
	margin:15px 15px 10px 15px;
}

.box_content
{
	background-color:white;
	color:#444444;
	padding:10px;
	margin-bottom:10px;
}

.title_content
{
	margin:0;
	margin-left:16px;
	font-size:12pt;
	font-weight:bold;
	color:black;
}


/*  Links  */
.site-link:link
{
	color:#D9D9D9;
	text-decoration:none;
}

.site-link:visited
{
	color:#D9D9D9;
	text-decoration:none;
}

.site-link:hover 
{
	color:#ff6600;
	text-decoration:none;
}

.site_link_active:link
{
	color:#091870;
}

.site_link_active:visited
{
	color:#3366ff;
}

.site_link_active:hover 
{
	color:#ff6600;
	text-decoration:none;
}

/*  Links  */
.img_link:link
{
	text-decoration:none;
}

.img_link:visited
{
	text-decoration:none;
}

.img_link:hover 
{
	text-decoration:none;
}

/*  Set widths  */
.w100	{width:100%;}
.w99	{width:99%;}
.w98	{width:98%;}
.w97	{width:97%;}
.w95	{width:95%;}
.w90	{width:90%;}
.w85	{width:85%;}
.w80	{width:80%;}
.w75	{width:75%;}
.w70	{width:70%;}
.w65	{width:65%;}
.w60	{width:60%;}
.w55	{width:55%;}
.w50	{width:50%;}
.w45	{width:45%;}
.w40	{width:40%;}
.w35	{width:35%;}
.w30	{width:30%;}
.w25	{width:25%;}
.w20	{width:20%;}
.w15	{width:15%;}
.w10	{width:10%;}
.w5	{width:5%;}
.w600p	{width:600px;}
.w500p	{width:500px;}
.w400p	{width:400px;}
.w300p	{width:300px;}
.w200p	{width:200px;}
.w175p	{width:175px;}
.w150p	{width:150px;}
.w125p	{width:125px;}
.w100p	{width:100px;}
.w95p	{width:95px;}
.w90p	{width:90px;}
.w85p	{width:85px;}
.w80p	{width:80px;}
.w75p	{width:75px;}
.w70p	{width:70px;}
.w50p	{width:50px;}
.w45p	{width:45px;}
.w40p	{width:40px;}
.w35p	{width:35px;}
.w30p	{width:30px;}
.w25p	{width:25px;}
.w20p	{width:20px;}
.w15p	{width:15px;}
.w10p	{width:10px;}
.w5p	{width:5px;}

/*  Set Heights  */
.h100	{height:100%;}
.h90	{height:90%;}
.h80	{height:80%;}
.h70	{height:70%;}
.h60	{height:60%;}
.h50	{height:50%;}
.h40	{height:40%;}
.h30	{height:30%;}
.h20	{height:20%;}
.h10	{height:10%;}
.h800p	{height:800px;}
.h700p	{height:700px;}
.h600p	{height:600px;}
.h500p	{height:500px;}
.h400p	{height:400px;}
.h300p	{height:300px;}
.h225p	{height:225px;}
.h200p	{height:200px;}
.h175p	{height:175px;}
.h150p	{height:150px;}
.h125p	{height:125px;}
.h100p	{height:100px;}
.h90p	{height:90px;}
.h80p	{height:80px;}
.h70p	{height:70px;}
.h60p	{height:60px;}
.h50p	{height:50px;}
.h40p	{height:40px;}
.h30p	{height:30px;}
.h20p	{height:20px;}
.h10p	{height:10px;}

/*  Set Alignment */
.taleft {text-align:left;}
.taright {text-align:right;}
.tacenter {text-align:center;}

/*  Floating */
.lfloat {float:left;}
.rfloat {float:right;}
.bclear {clear:both;}

/*  Fonts */
.fbold {font-weight:bold;}
.fnormal {font-weight:normal;}

/*  Margins */
.m0 {margin:0;}
.ml5p {margin-left:5px;}
.ml10p {margin-left:10px;}
.ml15p {margin-left:15px;}
.ml20p {margin-left:20px;}
.ml25p {margin-left:25px;}
.ml30p {margin-left:30px;}
.ml35p {margin-left:35px;}
.ml40p {margin-left:40px;}
.ml45p {margin-left:45px;}
.ml50p {margin-left:50px;}
.ml55p {margin-left:55px;}
.ml60p {margin-left:60px;}
.ml65p {margin-left:65px;}
.ml70p {margin-left:70px;}
.ml75p {margin-left:75px;}

.mr5p {margin-right:5px;}
.mr10p {margin-right:10px;}
.mr15p {margin-right:15px;}
.mr20p {margin-right:20px;}
.mr25p {margin-right:25px;}
.mr30p {margin-right:30px;}
.mr35p {margin-right:35px;}
.mr40p {margin-right:40px;}
.mr45p {margin-right:45px;}
.mr50p {margin-right:50px;}
.mr55p {margin-right:55px;}
.mr60p {margin-right:60px;}
.mr65p {margin-right:65px;}
.mr70p {margin-right:70px;}
.mr75p {margin-right:75px;}

.ml5 {margin-left:5%;}
.ml10 {margin-left:10%;}
.ml15 {margin-left:15%;}
.ml20 {margin-left:20%;}
.ml25 {margin-left:25%;}
.ml30 {margin-left:30%;}
.ml35 {margin-left:35%;}
.ml40 {margin-left:40%;}
.ml45 {margin-left:45%;}
.ml50 {margin-left:50%;}
.ml55 {margin-left:55%;}
.ml60 {margin-left:60%;}
.ml65 {margin-left:65%;}
.ml70 {margin-left:70%;}
.ml75 {margin-left:75%;}
.ml80 {margin-left:80%;}
.ml85 {margin-left:85%;}
.ml90 {margin-left:90%;}
.ml95 {margin-left:95%;}

.mr5 {margin-right:5%;}
.mr10 {margin-right:10%;}
.mr15 {margin-right:15%;}
.mr20 {margin-right:20%;}
.mr25 {margin-right:25%;}
.mr30 {margin-right:30%;}
.mr35 {margin-right:35%;}
.mr40 {margin-right:40%;}
.mr45 {margin-right:45%;}
.mr50 {margin-right:50%;}
.mr55 {margin-right:55%;}
.mr60 {margin-right:60%;}
.mr65 {margin-right:65%;}
.mr70 {margin-right:70%;}
.mr75 {margin-right:75%;}
.mr80 {margin-right:80%;}
.mr85 {margin-right:85%;}
.mr90 {margin-right:90%;}
.mr95 {margin-right:95%;}

.mt5p {margin-top:5px;}
.mt10p {margin-top:10px;}
.mt15p {margin-top:15px;}
.mt20p {margin-top:20px;}
.mt25p {margin-top:25px;}
.mt30p {margin-top:30px;}

.mb5p {margin-bottom:5px;}
.mb10p {margin-bottom:10px;}
.mb15p {margin-bottom:15px;}
.mb20p {margin-bottom:20px;}
.mb25p {margin-bottom:25px;}
.mb30p {margin-bottom:30px;}

.m5p {margin:5px;}
.m10p {margin:10px;}
.m15p {margin:15px;}
.m20p {margin:20px;}
.m25p {margin:25px;}
.m30p {margin:30px;}

/*  Overflow */
.aover {overflow:auto;}


/*  Page Size */
.wmin { min-width:1000px;}
.wpage { width:1000px;}


/*  Spacing for pages */
/*  ----------------- */
/*  Single Column */
.sctl { margin:.5em 0 0 .5em; }

/*  Standard Margin for spacing  */
.stl { margin:.5em 0 0 .5em; }
.stlr { margin:.5em .5em 0 .5em; }

/*  Padding */
.p10p {padding:10px;}

/*  Page Options  */
/*  ************  */


/*  Menu  */
.menu
{
	font-family:"Impact", Charcoal, sans-serif;
	font-size:1.5em;
	padding:0;
	margin-left:-50px;
}

.menu-selected
{
	list-style:none;
	width:125px;
	height:40px;
	float:right;
	text-align:center;
	background-image: url('../Graphics/button_1.gif');
	background-repeat: no-repeat;
}

.menu-default
{
	list-style:none;
	width:125px;
	height:40px;
	float:right;
	text-align:center;
}

.menu-link:link
{
	color:#3366ff;
	text-decoration:none;
}

.menu-link:visited
{
	color:#3366ff;
	text-decoration:none;
}

.menu-link:hover 
{
	color:#ff6600;
	text-decoration:none;
}


.user_field_1
{
	margin-left:10px;
	width:200px;
	float:left;
}

.panel_1
{
	border:solid 1px white;
	height:500px;
	width:225px;
	margin:40px 25px 0 10px;
	float:left;
	padding:0;
	background-image: url('../Graphics/puzzle.jpg');
	background-repeat: no-repeat;
}

.panel_1 div
{
	margin-top:0;
	height:125px;
	background:#888888;
	font-family:"Impact", Charcoal, sans-serif;
	font-size:2.5em;
	text-align:center;
	border-bottom:solid 1px black;
}

.panel_2
{
	border:solid 1px white;
	height:500px;
	width:225px;
	margin:40px 25px 0 0;
	float:left;
	padding:0;
	background-image: url('../Graphics/laptop.jpg');
	background-repeat: no-repeat;
}

.panel_2 div
{
	margin-top:125px;
	height:125px;
	background:#888888;
	font-family:"Impact", Charcoal, sans-serif;
	font-size:2.5em;
	text-align:center;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
}

.panel_3
{
	border:solid 1px white;
	height:500px;
	width:225px;
	margin:40px 25px 0 0;
	float:left;
	padding:0;
	background-image: url('../Graphics/circuit.jpg');
	background-repeat: no-repeat;
}

.panel_3 div
{
	margin-top:250px;
	height:125px;
	background:#888888;
	font-family:"Impact", Charcoal, sans-serif;
	font-size:2.5em;
	text-align:center;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
}

.panel_4
{
	border:solid 1px white;
	height:500px;
	width:225px;
	margin:40px 0 0 0;
	float:left;
	padding:0;
	background-image: url('../Graphics/sphere.jpg');
	background-repeat: no-repeat;
}

.panel_4 div
{
	margin-top:374px;
	height:125px;
	background:#888888;
	font-family:"Impact", Charcoal, sans-serif;
	font-size:2.5em;
	text-align:center;
	border-top:solid 1px black;
}

.trans10 { opacity: .10; filter:Alpha(Opacity=10); }
.trans20 { opacity: .20; filter:Alpha(Opacity=20); }
.trans30 { opacity: .30; filter:Alpha(Opacity=30); }
.trans40 { opacity: .40; filter:Alpha(Opacity=40); }
.trans50 { opacity: .50; filter:Alpha(Opacity=50); }
.trans60 { opacity: .60; filter:Alpha(Opacity=60); }
.trans70 { opacity: .70; filter:Alpha(Opacity=70); }
.trans80 { opacity: .80; filter:Alpha(Opacity=80); }
.trans90 { opacity: .90; filter:Alpha(Opacity=90); }
.trans100 { opacity: 1.0; filter:Alpha(Opacity=100); }

.services-header
{
	font-family:"Impact", Charcoal, sans-serif;
	font-size:1.7em;
	margin-top:25px;
}