/* body styles */ 
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 67%;
	line-height: 1.4em;
	background-color: #334444;
}

/* typography */
h1, h2, h3, h4, h5, h6, p, td, ul, ol, li, dl, dt, dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}
input, select, th, td {
	font-size: 1em;
}
h1 {
	font-size: 3em;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, san-serif;
	margin: 80px 0 0 15px;
}
h2 {
	font-size: 2.3em;
	font-weight: bold;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, san-serif;
	margin: 25px 0 0 15px;
}

h3 {
	font-size: 1.8em;
	font-weight: bold;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, san-serif;
	margin: 15px 0 5px 0;
	line-height: 1.2em;
}

i {  font-style: italic}
b {  font-weight: bold}
a:link {  color: #0033FF; text-decoration: none}
a:hover {  color: #00CCFF}
a:visited {  color: #0033CC}

.small-caps {font-variant: small-caps;}
.clear {clear: both; }	
.floatright {float:right; }
.floatleft { float:left; }
	
/* full width wrapper with background */

#Wrapper {
	width: 100%;
	background: #334444;
}

/* page within wrapper - set width once - float left or center */

#Page {
	width: 840px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}

/* main navigation bar - styles set in imenus0.css*/

#MainNav {
	background: #334444;
}

/* Branding section w/logo, top menu */
#BrandingBox {
	width: 100%;
	margin: 0;
	padding:0;
	height: 75px;
	background: #FFFFFF url(../images/tsc/TSC-wireless-logo.gif) no-repeat top left;
	}
	
#BrandingBox .topmenu {float:right; margin:3px 15px 0 0;}
#BrandingBox a {text-decoration: none;}
#BrandingBox a:hover {color: #00CCFF;}	
	
/* Main content section */

#Content {
	width: 100%;
	float: left;
	}
	
#Section {
	background: url(../images/web/page_sidecolumn.gif) top right repeat-y;
	border-top: #ffffff solid 1px;	/* stops the automatic margins! */
	}
	
#SectionMenu {
	width: 240px;
	float: right;
	font-size: 1em;
	padding: 0;
	margin-bottom: 1em;
	color: #333333;
	}
#SectionMenu p {display: none;}
#SectionMenu ul {margin:0 0 0 20px; padding:0; list-style:none;}
#SectionMenu ul a {
	display: block;
	height: 25px;
	line-height: 25px;
	color: #000;
	text-decoration: none;
	background: url(../images/web/orangesquare.gif) no-repeat left center;
	text-indent: 20px;
	}
#SectionMenu a:hover, .selected a { color: #FF3300; }
#SectionMenu li { display: inline; /* KLUDGE removes gaps in IE/Win */ }

#FeatureBox {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	background: #3E946A url(../images/web/feature_gradient.jpg) top left repeat-y;
}
#FeaturePic {
	width: 240px;
	float: right;
	}
	
#ContentText {
	width: 550px;
	float:	left;
	margin: 20px 15px;
	display:inline;		/* KLUDGE for IE/Win */
}


/* Homepage layout is different */

#HomePage #Section { 
	background: #ffffff;
	border-top: #ffffff solid 1px;	/* stops the automatic margins! */	
	display: inline;	/* KLUDGE for IE/Win */
	}

#HomePage #FeatureBox {
	width: 100%;
	height: 202px;
	float: left;
	margin: 0;
	padding: 0;
	background: #3E946A url(../images/web/feature_gradient.jpg) top left repeat-y;
}

#HomePage #FeatureNews {
	margin: 15px 0;
	padding-left: 20px;
	width: 250px;
	float: left;
	color: #FFFFFF;
	}

#HomePage #FeatureNews p {
	color: #FFFFFF;
	}
	
#HomePage #FeatureImage {
	margin: 0;
	width: 560px;
	float: right;
}	

#HomeText {
	float: right;
	margin: 20px 15px;
	text-align: 15px;
	display: inline;
	}

#HomePage #FeatureText {
	margin-left: 15px;
	width: 33%;
	float: right;
	color: #FFFFFF;
	}
	
.Column123 {
	width: 100%;
}

.Column1 {
	width: 33%;
	float:left;
}

.Column23 {
	width: 66%;
	float: right;
}

.Column2 {
	width:49%;
	float: left;
}

.Column3 {
	width: 49%;
	float:right;
}

.ColumnContent {
	margin: 10px;
}
	
#HomePage #FeatureText img {border: #999999 solid; border-width: 1px 2px 2px 1px; margin-left:90px;}
.imageframe {border: #999999 solid; border-width: 1px 2px 2px 1px; }

/* Footer with copyright statement */

#Footer {
	width: 100%;
	text-align: center;
	bottom: 10px;
	clear:both;
	background: #FFFFFF url(../images/web/footer-line.gif) top left repeat-x;
	padding-bottom: 10px;	
	}
#Footer p {
	margin:0;
	padding-top: 24px;
	font-size: .9em;
	color: #999999;
	line-height: 1.5em;
	text-align: center;
	}


/* home page */

#Home {
	width: 100%;
	float: left;
	background-color: #688AA5;
	}



/* content page structure */

#container {
	margin-left: 20px;

}

.column {
	float: left;
}
/* IEx patch \*/
* html .column {
	display: inline;
	}
/**/



#feature {
	width: 20%;
}

/* scroller styles*/
#marqueecontainer{
	position: relative;
	width: 90%; /*marquee width */
	height: 200px; /*marquee height */
	overflow: hidden;
}

#vmarquee {
	position: absolute;
	width: 98%;
 }
 
#vmarquee a {color: #ffffff; text-decoration:underline;}
#vmarquee a:hover { color: #00CCFF;}