	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background-color: #1C1C1C;	/* right column background colour */
	}
	.threecol .colmid {
		right:37%;			/* width of the right column */
		background-color: #1C1C1C;	/* center column background colour */
	}
	.threecol .colleft {
		right:26%;			/* width of the middle column */
		background-color: #1C1C1C;	/* left column background colour */
	}
	.threecol .col1 {
		width:25%;			/* width of center column content (column width minus padding on either 						side) */
		left:102%;			/* 100% plus left padding of center column */
		background-color: #1C1C1C;
	}
	.threecol .col2 {
		width:33%;			/* Width of left column content (column width minus padding on either 							side) */
		left:40%;			/* width of (right column) plus (center column left and right padding) 							plus (left column left padding) */	
		background-color: #1C1C1C;
	}
	.threecol .col3 {
		width:35%;			/* Width of right column content (column width minus padding on either 							side) */
		left:68%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) 							plus (left column left and right padding) plus (right column left 							padding) */
		background-color: #1C1C1C;
	}



body
{
background: black;
color: white;
height: 100%;
font-family: sans-serif;
}

a
{

}

div
{
border: 0px solid #FFFFFF;
background: black;
}

.container
{
float: left;
position: relative;
height: 530px;
}

.header
{
clear:both;
float:left;
height: 14%;
width: 100%;
}

.namebanner
{
clear: both;
float: left;
width: 100%;
text-align: center;
}

.title
{
font-size: xx-large;
}

.navigation
{
clear:both;
height: 3%;
width: 100%;
background: black;
text-align: center;
}

div#primary
{
border-top: 1px solid silver;
}

div#secondary
{
border-top: 1px solid silver;
border-bottom: 1px solid silver;
}

a
{
color: white;
}

a:visited
{

}

a.pagenav
{
text-decoration: none;
color: white;
margin-right: 8px;
}

a.pagenav:hover
{
color: silver;
}

a.subnav
{
text-decoration: none;
color: silver;
font-size: small;
margin-right: 8px;
}

a.subnav:hover
{
color: white;
}

a.listlink
{
text-decoration: none;
}

.widescreen
{
clear:both;
float:left;
width:100%;			/* width of whole page */
overflow:hidden;		/* This chops off any overhanging divs */
background-color: #1C1C1C;
padding-bottom:2%;
height: 378px;
}

.faq
{
font-size: large;
}
.himage
{
position: relative;
margin: 6px;
padding: 3px;
border: 1px solid;
}

.columns
{
float:left;
width:100%;
position:relative;
background-color: silver;
}

.centered_content
{
position:relative;
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
background-color: #1C1C1C;
color: white;
}

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

.menuimg
{
border: 0px;
}

.menuimgcaption
{
font-size: x-small;
font-style: bold;
color: white;
text-decoration: none;
}

.menucaption
{
height: 15px;
background: black;
border: 1px solid silver;
}

.menucell
{

}

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

.comparehead
{
height: 20px;
background: black;
border: 1px solid silver;
font-size: large;
font-weight: bold;
}

.comparecell
{
height: 20px;
background: black;
border: 1px solid silver;
font-size: normal;
}

.comparetext
{
font-style: bold;
color: white;
text-decoration: none;
}

.left_content,
.right_content
{
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
background: #1C1C1C;
color: white;
}
	/* 2 Column (double page) settings */
.two_cols 
{
background: #1C1C1C;	/* right column background colour */
}
.two_cols .columns 
{
right:50%;		/* right column width */
background: #1C1C1C;	/* left column background colour */
}
.two_cols .left_content 
{
width:46%;	/* left column content width (column width minus left and right padding) */
left:52%;	/* right column width plus left column left padding */
}
.two_cols .right_content 
{
width:46%;	/* right column content width (column width minus left and right padding) */
left:56%;	/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

.midimage
{
}

.linebreak
{
display: block;
}

.choice_label
{
position: relative;
top: 35%;
}

.choice_text
{
position: relative;
font-size: large;
letter-spacing: -2px;
margin-right: 10px;
line-height: 2em;
font-weight: bold;
text-decoration: none;
}

.contact
{
clear: both;
//float: left;
//position: absolute;
//bottom: 0%;
width: 98%;
text-align: center;
padding-top: 1%;
padding-bottom: 3%;
}

.footer
{
clear: both;
float: left;
width: 100%;
}




