﻿

div.transOFF{width: 100%; background-color: silver;border:1px solid black; }
div.transON {width: 100%; background-color: silver;opacity:.50;border:1px solid black; }
div.trans25 {width: 100%; background-color: silver;opacity:.25;border:1px solid black; }
div.trans75 {width: 100%; background-color: silver;opacity:.75;border:1px solid black; }
div.centerdiv{width: 100%; background-color: silver;opacity:.75;border:1px solid black;}


body {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;	
	font-size:1em;
	color:#000066;
 	letter-spacing: 0.5px;
	line-height:110%;
	background-attachment:scroll;
	text-align:center;
	background-repeat: repeat-y;
	background-image: url('../images/backg.jpg');
	margin-top: 2%;
	margin-left: auto;
    margin-right: auto;
}

a { text-decoration: none; border-bottom: 1px dotted #cc0000; color: #565347; }

a.href {
	color: #ffffff;
	font-weight:700;
	text-decoration:none;
}
a:hover {
	color: #000000;
	background-color: #DBE5FF;
}

a:active{
	font-weight:700;
}

.legoul {
	list-style-image:url('../images/legoicon-blue.gif');
	line-height: 150% ;
}

.tightul {
	margin-top:0;
	margin-left:15px;
}

button {
	width:150;
	letter-spacing:2px;
	font-weight:700;
	font-size:1em;
	font-variant:small-caps;
	background-color:navy;
	color:white;
}

ul {
    margin-top:0;
	line-height: 120%;
	margin:0.9em 0;
	padding:0 10px 0 20px;
	margin-bottom:10px;
	list-style-type:circle;
}


li {
	letter-spacing: 1px;
	margin-top:0;
	margin-bottom:3px;
	font-weight:500;
}

ul.ulpanel {
    margin-top:0;
	line-height: 120%;
	margin:0.75em 0;
	padding:0 10px 0 20px;
	font-size: 1.05em;
	font-weight: bold;
	list-style-image:url('../images/redbuttons.gif');
}

ul.ulpanelsoft {
    margin-top:0;
	line-height: 120%;
	margin:0.75em 0;
	padding:0 10px 0 20px;
	font-size: 1.05em;
	font-weight: 500;
	list-style-image:url('../images/redbuttons.gif');
}

font {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	font-size:1em;	
	line-height: 110%;
}

.contentDiv {
	width:600;
	margin-left:20px;
}

.content450Div {
	width:450;
	margin-left:20px;
}

.content300Div {
	width:100%;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	height:350;
}

#sidemenu {
	background-color: #ffffff;
	border : none;
	border-right:1px #cecece groove;
	width:150;
}

table {
	border-width: 0px;
	margin-left: auto;
    margin-right: auto;
}

table.restrictedwidth{
	border-width: 0px;
	width: 800px; 
	margin-left: auto;
    margin-right: auto;
    padding:0 0 0 0;
}

div.fixedwidth{
	width:800px;
	background-color: white; 
}
	

tr { 
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	text-align:left;
	font-size:0.75em;
 }

td { 
	font-size:0.9em;
	letter-spacing:1px;
	line-height: 120%;
	letter-spacing: 1px;
}

table.inset {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana;
	border : groove;
	border-width: 5px;
	padding: 0px;
	margin-left: auto;
    margin-right: auto;
}

.white_on_navy {
	clear:both;
	color:white;
	text-decoration:none;
	background-color:navy;
	font-weight:700;
}

.bgk { background-image:url('../images/stormbotics%20team%20logo.gif');
}

/**********************************
Headers
************************************/
.titleBar { font-size:20px; font-family: Impact,Tahoma, Arial, Helvetica, sans-serif; text-align:center;
     color: #336699; font-variant:small-caps;padding-bottom: 7px;padding-top: 9px; letter-spacing: 2px; 
     font-weight:500;}
h1 { font-size:20px; font-family: Impact,Tahoma, Arial, Helvetica, sans-serif; text-align:center;
     color: #336699; font-variant:small-caps;padding-bottom: 7px;padding-top: 9px; letter-spacing: 2px; 
     font-weight:500;}
h2 { font-size:1.2em;
	 font-family:Arial, sans-serif;
	 color:#E36C0A;
	 letter-spacing:2.0px;
	 font-variant:small-caps;
	 padding-bottom: 6px; padding-top:6px;
}
.hh2{ font-size:14.0pt;
	 font-family:Impact, sans-serif;
	 color:#E36C0A;
	 letter-spacing:2.0px;
	 padding-bottom: 6px; padding-top:6px;
}
h3 { font-size:1.1em; font-family: Tahoma, Arial, Helvetica, sans-serif;  font-weight: 700; font-variant:small-caps; }
h4 { font-size:0.95em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 700; font-variant:small-caps; }
h5 { font-size:0.95em; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: 500; font-variant:small-caps; }

/**********************************
Block-level
***********************************/
fieldset { margin-bottom:5px }
address { margin-bottom:5px }
table { margin-bottom:5px }
pre { margin-bottom:5px }
ul { margin-bottom:5px }
ol { margin-bottom:5px }
h6 { margin-bottom:5px }
h5 { margin-bottom:5px }
h4 { margin-bottom:5px }
h3 { margin-bottom:5px }
h2 { margin-bottom:5px }
h1 { margin-bottom:5px }
hr { margin-bottom:5px }
dl { margin-bottom:5px }
p { margin-bottom:10px; line-height: 120%;}
br { margin-bottom:6px; line-height: 115%;}

.refs {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	color:red;
	font-size: 100%;
	font-weight:700;
	font-variant: small-caps;
}

input {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	color:#000066;
	text-align:left;
}


.rowdown {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	background-color: silver;
	border-left: 1px solid gray; 
	border-right: .5px solid gray; 
	border-top: 2px solid gray; 
	border-bottom: 2px solid white; 
			
}

.hdr0 {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-variant: small-caps; 
	letter-spacing: 2px;
	font-weight:700;
	font-size:120%;
}		
.hdr {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-size:120%;
	font-weight:700;
	font-variant:small-caps;
	text-align:center; 
	letter-spacing:2px; 
	line-height:200%;
}
.pbreak {
	page-break-after: always;
}

.tbgroove {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-weight: 500;
	border : groove;
	border-width: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 4px;}

.tbinset {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;	
	border : inset;
	border-width: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 4px;
	border-bottom-style:groove; 
	border-bottom-width:2px;
	border-top: solid #c0c0c0 2.0px; 
	border-left: solid #c0c0c0 3.0px; 
	border-bottom: solid #666666 2.0px;	
	border-right: solid #666666 3.0px;
}

.tboutset {
	font-weight: 500;
	border : outset;
	border-width: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 4px;
}
	
.hblack {
	color: #ffffff;
	vertical-align:middle;
	background-color: #000000;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
	line-height:3;
}	
.cblack {
	background-color:#f6f6f6;
	color:#000000;
}

.hblue {
	color: #ffffff;
	vertical-align:middle;
	background-color: #336699;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
	line-height:4;
}	
.cblue {
	background-color: #DBE5F1;
}

.hpurple {
	color: #ffffff;
	vertical-align:middle;
	background-color: #660033;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
	line-height:4;
}	
.cpurple {
	background-color: #D6b6d6;
}

.horange {
	background-color:#E36C0A;
	vertical-align:middle;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
 	line-height:4;
}

.corange {
	color:#000000;
	background-color:#FF9900;
}


.hlime {
	background-color:lime;
	vertical-align:middle;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
 	line-height:4;
}

.clime {
	color:#000000;
	background-color:#ccffcc;
}
	


.hgreen {
	color: #006600;
	line-height:3;
	vertical-align:middle;
	background-color: #C2D69B;
	letter-spacing: 2px;
	text-align:center;
	font-weight:700;
	font-variant:small-caps;
	line-height:4;
}	
.cgreen {
	background-color: #EAF1DD;
	letter-spacing: 1px;
	text-align:justify;
}	

.smp {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana; 
	font-size:0.75em;
}


.indentText { 
	text-indent: 25px; 
	font-size:0.9em;
	font-style:italic;
	font-weight:500;
	text-align:justify;
	margin-top:10px;
}

.adlink {
	padding-bottom:3px;padding-top:3px;
	border-bottom:2px lime ridge;border-top:2px lime ridge;
	font-weight:700;
	text-decoration:none;
}

.title {
       text-align : center;
       color:#000080;
       font-family:"Segoe UI", Tahoma, Geneva, Verdana;
      font-size:150%;
}

.subhdr { 
	font-family:"Segoe UI", Tahoma, Geneva, Verdana; 
	font-size:110%;
	font-weight:bold;
	color:#800000; 
	text-align:center; 
	font-variant:small-caps; 
	letter-spacing:1px; 	
	vertical-align:baseline; 
	font-style:oblique;
}
	
.lrg {
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-size:1.5em;
	font-weight:700;
	text-align:center;
	font-variant:small-caps;
	letter-spacing: 3px;
	font-weight:700;
}

.gleffect {  
	width:150;height:15; 
	font-size:150%; 
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	color: #ffffff; 
}

.lst { 
	text-align:left;
	text-indent:0px;
	font-weight:bold; font-size: 120%;
	font-variant:small-caps;
	letter-spacing: 1.5px; 
}

.raisebd {
	border-right:solid #666666 3.0px; text-align:center;
	border-bottom-style:groove; 
	border-bottom-width:2px;
	border-top:  2.0px solid #c0c0c0;
	border-left: 3.0px solid #c0c0c0; 
	border-bottom: 2.0px solid #666666 ;
}

.legotitle{
	text-align:center;
	font-size:110%;
	font-weight:700;
	color:#000066;
	font-variant:small-caps;
	border-bottom-style:inset; 
	border-bottom-width:3px;
	background-image:url('../images/legobrick.gif');
	border-top: 2.0px solid #c0c0c0; 		
	border-left: 3.0px solid #c0c0c0; 
	border-bottom: 2.0px solid #666666;	
	border-right: 3.0px solid #666666  
}

.gridtitle {
	text-align:center;
	background-image:url('../images/grids-bk-small2.png');
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	color:black;
	font-size:125%;
	font-weight:700;
	font-variant:small-caps;
	letter-spacing:2px;
	background-repeat:repeat;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	border-bottom-style:groove; 
	border-bottom-width:2px;
	border-top: 2.0px solid #c0c0c0; 
	border-left: 3.0px solid #c0c0c0; 
	border-bottom: 2.0px solid #666666;	
	border-right: 3.0px solid #666666;
}
.rowtitle {
	text-align:center;
	background-image:url('../images/lightningbk.jpg');
	color:#FFFFFF;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 105%;
	letter-spacing:2px;
	font-weight:700;
	font-variant:small-caps;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	border-bottom-style:groove; 
	border-bottom-width:2px;
	border-top: 2.0px solid #c0c0c0; 
	border-left: 3.0px solid #c0c0c0; 
	border-bottom: 2.0px solid #666666;	
	border-right: 3.0px solid #666666;
}

.strike {
	text-decoration:line-through;
}
.hnavy {
	text-align:center;
	background-image:url('../images/lightningbk.jpg');
	color:#FFFFFF;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana;
	font-size: 105%;
	letter-spacing:2px;
	font-weight:700;
	font-variant:small-caps;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;	
	border:0;
	}

.topbordertab {
	border-top:thin navy groove;
	background-color:#DCE7C5;
	font-family:Century Gothic;
	font-variant:small-caps;
	letter-spacing:.85pt;
	font-weight:700;
}

.smalllabel {
     font-style:italic;
     font-size:0.85em;
}

.label {
	font-variant:small-caps; 
	font-weight:bold;
	color:#000000;
}


.fun {
	font-family:"Comic Sans MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-style: italic;
	font-variant: small-caps;
	font-size:1.2em;
	font-weight:700;
}


.thinSideBorder {
	font-size:0.9em; 
	height: 25px;
	border-bottom:thin gray dotted;
}

.specialfd {
	background-color:#000080;
	color:#FFFFFF;
	font-variant:small-caps; 
	font-weight:bold;
}