/* (C) Copyright 2006-2009 Long2 Consulting. All Rights Reserved */

/* Start Layout CSS. This top section of CSS is what is used to layout each of the pages. To change general styles, look for the Start General Styles section below. We strongly urge you not to change the Layout styles unless you have an advanced knowledge of CSS. We cannot help you if you mess it up. */



html {

	height: 100%; 

	margin-bottom: 1px;

}



body {

	margin: 0px;

	padding: 0px;

	font: 76.4% Verdana, Arial, Helvetica, sans-serif;

	color: #000000;

	background: #555555 url(../images/vposs-bg.jpg) repeat;
	

}



#wrapper {

	margin: 8px auto 0px auto; /* fix to center in firefox */

	width: 100%;


}



#innerwrapper {

	margin: 10px auto; /* fix to center in firefox */

	width: 800px;

	background: #fff ;

}


/* Used in single column layouts */

#bodycolumn {

	margin: 0px auto; /* fix to center in firefox */

	width: 800px;

	clear: both;
	
	border: 3px solid #990000;
	background-color: #ffffff;
}



.bodycolumncontent {

	padding: 20px 40px;

	min-height: 400px;
	
	text-align:center;

}



#formwrapper {
	margin: 0 auto;
	text-align: center
}


/* End of Layout CSS */





/*  The items below the properties for the links that appear in the

main text area as well as in the sidebar of the pages  */



a:link, a:visited {

	color: #990000;
	text-align: left;
}





a:active, a:hover {

	color: #555555;

}



ul {

	list-style-image: url('../images/bullet.gif');
	padding: 0;
	line-height: 135%;
	margin: 0 0 20px 30px;
		text-align: left;

}



ul ul {

	list-style-image: url('../images/bullet2.gif');

	margin: 0 0 0 30px;

}



ol{

	padding: 0;

	margin: 0 0 20px 30px;

	line-height: 135%;

}



p {

	padding: 3px 0;
	margin: 0;
	line-height: 135%;
		text-align: left;

}



img {

	border: none;

}



table {

	border-collapse: collapse;

	border: none;
	
	margin: 0 auto;

}



td {

	vertical-align: middle;
}

/*  The items below set the properties for the fonts, sizes, and

colors used for headings 1 through 6. Typically h1 - h3 are used

in the main content area and h4 - h6 are used in the sidebar  */





h1 { 

	color: #990000;

	font-size: 185%;


	border-bottom: 3px solid #990000;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 8px 0;

}



h2 {	

	font-size: 165%;

	color: #777;


	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 4px 0;

}



h3 {	

	font-size: 165%;

	color: #000;


	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 4px 0;
	
}



h4 { 

	font-size: 145%;

	color: #000;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 4px 0;

}



h5 { 

	font-size: 145%;

	color: #999;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 4px 0;

}



h6 { 

	font-size: 145%; 

	color: #990000; 

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	margin: 8px 0 4px 0;

	text-align: left;
}



.center {

	text-align: center;
	margin: 0 auto;
}



/*  This class can be applied to your buttons to create uniform submit or shopping cart buttons without using graphics.  */



.submitbuttons {

	font-weight: bold;

	color: #990000;

	text-align: center;

	font-size: 100%;

	font-variant: small-caps;

	font-family: Verdana, Arial, sans-serif;

	border-top: 3px solid #990000;

	border-bottom: 4px solid #990000;

	border-left: 1px solid #990000;

	border-right: 1px solid #990000;

	background-color: #e2e2e2;

	width: 155px;

	height: 30px;

}



.topalign {

	vertical-align: top;

}



table {

	border-collapse: collapse;

	font-size: 100%;
	
	border: none;

}




.clear {

	clear: both;

}



/*  The items below sets the properties for additional typography and page elements.  */


.tiny {

	font-size: 80%;

}



hr {
	width: 95%;
	border-bottom: #990000 solid 3px;
	border-bottom-width: 2px;
}



/*  Your smaller images can be floated to the left or the

right so your text can flow around them. You can also have

the images appear with or without a small border. The items

below sets the properties for the classes you may apply to

your images.  */



.image-border {

	border: 3px double #990000;
	text-align: center;
}

	

.imageleft-noborder {

	margin: 0 10px 0 0; 

	float: left;

}



.imageleft-noborder2 {

	margin: 0 30px 0 0; 

	float: left;

}





.imageright-noborder {

	margin: 0 0 0 10px; 

	float: right;

}

	

.imageleft-border   {

	margin: 0 10px 0 0; 

	float: left;

	border: 3px double #990000;

}



.imageright-border  {

	margin: 0 0 10px 15px; 

	float: right;

	border: 3px double #990000;

}

.image-center {
	margin: 0 auto;
	text-align: center;
}

.businesscard {
	margin-left: 75px;
}



.note {

	font-size: 90%;

	font-style: italic;

}



#radiolicensing {

	width: 85%;

	margin: 0 auto;

	text-align: center;

}



#radiolicensing2 {

	width: 65%;

	margin: 0 auto;

	text-align: center;

}






.image-borderclear {

		border: 3px double #FFFFFF;

}


.rightimage {
	float: right;
	width: 225px;
	padding: 0 6px 5px 12px;
	text-align: center;
}



.rightimage2 {

	float: right;

	width: 275px;

	padding: 0 6px 5px 12px;

	text-align: center;

}





.imagecaption {
	text-align: center;
	font-weight: bold;
	color: #990000;
	font-style: italic;
}



.redboldleft {

	text-align: left;

	font-weight: bold;

	color: #990000;

}



.boldcenter {

	font-weight: bold;

	text-align: center;

}



.bolditalic {

	font-weight: bold;

	font-style: italic;

}



#internetpaging {

	border: 3px double #990000;

	width: 350px;

}



.internetpaging {

	text-align: left;

}



.verticalcenter {

	vertical-align: middle;

}



.alignright {

	text-align: right;

}



.tableblackbdr {

	text-align: left;

	border: 2px solid #000;

	width: 90%;

	padding: 2px;

}





.righttable {

	float:right;

	border-color: #000;

	border-width: 0;

	text-align: left;

}



.cellpadding {

	padding: 0 0 0 8px;

}

.centersmall {
	font-size: 80%;
	text-align: center;
}

.aaImageTable {
}

.aaBoldYellow {
	background-color: #FFFF00;
	font-weight: bold;
}

.aaBolderNormalRed {
	color: #990000;
	font-weight: bolder;
	font-style: normal;
}

.aaHighlightedText2 {
	font-weight: bold;
	text-align: center;
	font-style: normal;
	font-size: large;
}

.aaBoldXXsmall {
	font-size: xx-small;
}

.aaTableBorderLeftBottomCopy {
	margin: 0 0 10px 15px;
	float: right;
	border: 3px double #990000;
	text-align: center;
}

.aaIndentNumberedList {
	margin-left: 70px;
}

.aaXsmall {
	font-size: x-small;
}

.aaBolderNormalBlack {
	color: #000000;
	font-weight: bolder;
	font-style: normal;
}

.aaBoldXXsmallRed {
	font-size: xx-small;
	font-weight: bold;
	color: #990000;
}

.aaXXsmall {
	font-size: xx-small;
}

.aaBoldTextGreenBackground {
	font-weight: bold;
	background-color: #00FF00;
}

.aaBoldRed {
	font-weight: bold;
	color: #FF0000;
}

.aaBoldBlueText {
	color: #0000FF;
	font-weight: bold;
}

.aaBoldGreenText {
	font-weight: bold;
	color: #009933;
}