/*CSS Style Document*/

/*This sets the document width and centers it */
div.documentwidth
{
	margin-left:  auto;
	margin-right:  auto;
	width:  950px;
}

/*This section deals with the header, search bar, and menu choices*/

div.content
{;
	width:  830px;
}

table.all
{
width:  950px;
}

td.nonad
{
vertical-align:  top;
width:  830px;
}

td.googlead
{
vertical-align:  top;
	text-align:  right;
	width:  120px
}

img.mainlogo
{
	margin-left:  20px;
	position:  relative;
	float:  left;
	width:  40%;
	border:  none;
	top:  10%;
}

div.searchbar
{
	position:  relative;
	left:  15%;
	top:  47%;
	background:  transparent;
}
div.header
{
	margin-top:  0px;
	height:  120px;
	background:  #0066FF;
  background-image:  url(background.gif);
}
table.menucontainer
{
	width:  100%;
	position: relative;
	background:  #000066;
	height:  50px;
	text-align:  center;
}

a#menusubmit
{
background:url(template/html/images/sep.gif) right top repeat-y;
max-height:  20px;
position:  center;
padding:0 2% 0 2%; 

position:  static;
font-size:  small;
font-weight:  bold;
font-family:  arial;

}

a#menucheckanswers
{
background:url(template/html/images/sep.gif) right top repeat-y;
max-height:  20px;
position:  center;
padding:0 2% 0 2%; 

position:  static;
font-size:  small;
font-weight:  bold;
font-family:  arial;

}

a.menu
{
max-height:  20px;
position:  center;
background:url(template/html/images/sep.gif) right top repeat-y;
padding:0 2% 0 2%; 

position:  static;
font-size:  small;
font-weight:  bold;
font-family:  arial;
color:  #FFFFFF;
text-decoration:  underline;
}


a#menuright
{
		max-height:  20px;
position:  center;
padding:0 2% 0 2%; 

position:  static;
font-size:  small;
font-weight:  bold;
font-family:  arial;
color:  #FFFFFF;
text-decoration:  underline;
}

a.highlight
{
max-height:  20px;
position:  center;
padding:0 2% 0 2%; 

position:  static;
font-size:  small;
font-weight:  bold;
font-family:  arial;
color:  #0099FF;
text-decoration:  underline;

}

a:hover{text-decoration:  none;}

/*******************box*********************************/
.content{witdth:  100%; height: 100%;}
.left_top{ background:url(template/html/images/left_top.gif) left top no-repeat;}
.right_top{ background:url(template/html/images/right_top.gif) right top no-repeat;}
.left_bot{ background:url(template/html/images/left_bot.gif) left bottom no-repeat;}
.right_bot{ background:url(template/html/images/right_bot.gif) right bottom no-repeat; width:100%;}

.side_left{ background:url(template/html/images/side.gif) left top repeat-y #FFFFFF;}
.side_right{ background:url(template/html/images/side.gif) right top repeat-y;}
.side_top{ background:url(template/html/images/side.gif) left top repeat-x;}
.side_bot{ background:url(template/html/images/side.gif) left bottom repeat-x;}
/***************************end**************************/

/*-----------------------------------------------------*/

div.textbox
{
	padding:  20px;
}
/*This handles all of the headings
----------------------------------------------------*/

h1
{
color:  #003399;
font-family:  Arial;
text-align:  center;
}

h2
{
font-family:  Arial;
text-align:  center;
}

h3
{
font-family:  Arial;
color:  red;
text-align:  center;
}

h4
{
color:  blue;
text-align:  center;
}

/*General Text items/*

/* General Fonts and Paragraph Items */
/*-----------------------------------*/

p					/*The central paragraphs*/
{
	margin-left:  auto;
	margin-right:  auto;
font-family:  arial;
text-align:  justify;
line-height:  120%;
font-size:  16px;
width:  90%
}

a
{
font-family:  Arial;
}

p.copyright
{
text-align:  center;
color:  gray;
}

/*This is for the boxes on the main screen*/

td.subjects
{
padding-left:  20px;
width:  275px;
background-color:  #E5FFFF;
border:  solid;
border-width:  2px;
color:  #004D99;
clear:  left;
height:  260px;
}

td.space
{
padding-left:  25px;
}

table.boxes
{
position:  relative;
}

td.whatwedo
{
float:  right;
padding:  20px;
border:  solid;
border-width:  2px;
background-color:  #E5FFFF;
color:  #004D99;
width: 275px;
height:  280px;
}


/*------------------------------------------------------------*/
/*All of the rounded box itemms*/
/*------------------------------------------------------------*/

.roundedcornr_box_349126 {
	width:  40%;
	background: url(roundedcornr_349126_tl.png) no-repeat top left;
}
.roundedcornr_top_349126 {
	background: url(roundedcornr_349126_tr.png) no-repeat top right;
}
.roundedcornr_bottom_349126 {
	background: url(roundedcornr_349126_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_349126 div {
	background: url(roundedcornr_349126_br.png) no-repeat bottom right;
}
.roundedcornr_content_349126 {
	background: url(roundedcornr_349126_r.png) top right repeat-y;
}

.roundedcornr_top_349126 div,.roundedcornr_top_349126,
.roundedcornr_bottom_349126 div, .roundedcornr_bottom_349126 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_349126, .roundedcornr_bottom_349126 {
	margin-top: -19px;
}
.roundedcornr_content_349126 { padding: 0 15px; }

table.con
{
	position:  relative;
}
#box1
{
	margin-left:  5%;
	float:  left;
}

#box2
{
	margin-right:  5%;
	float:  right;
}


.box2 { 
	height:  100%;
	margin-top:  0px;
	position:  relative;
	float:  right;
  background: #CCFFFF; 
  color:  #004D99;
}

.box1 { 
height:  50%;
	position:  relative;
	float:  left;
  background: #CCFFFF; 
  color:  #004D99;
}
.boxtop { 
  background: url(ne.gif) no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 10px; 
  background: url(nw.gif) no-repeat top left; 
}
.boxbottom { 
  background: url(se.gif) no-repeat bottom right; 
}
.boxbottom div { 
	border:  solid;
  font-size: 0;
  height: 10px; 
  background: url(sw.gif) no-repeat bottom left; 
}
.boxcontent {
  padding: 0px 10px 0px 10px;
}

/*------------------------------------------------------------*/
/*Bottom Menu Items*/
/*------------------------------------------------------------*/
div.bottommenu
{
	width:  80%;
	text-align:  center;
	margin-left:  auto;
	margin-right:  auto;
	vertical-align:  middle;
	margin-top:  10px;
	background:  #000066 url(bottomback.png) repeat-y;
}

table.bottommenu
{
	
	margin-top:  10px;
	margin-bottom:  10px;
	width:  100%;
	border: none;
}
td.bmenu
{
	width:  100%;
	vertical-align:  middle;
	text-align:  center;
}

a.bmenu
{
	font-size:  small;
font-weight:  bold;
font-family:  arial;
color:  #FFFFFF;
padding-left:  3%;
padding-right:  3%;
}

/*-------------------------------
Stuff on How it Works Page
--------------------------------*/

#boxhowitworks
{
	margin-left:  auto;
	margin-right:  auto;
	width:  600px;
	float:  none;
}

table.subjectlist
{
	width:  100%;
}

td.subjectlist
{
	vertical-align:  top;
}

/* This handles the problem webpages*/
/*-----------------------------------*/

p.problemstatement
{
font-size: x-large;
text-align:  left;
bottom:  0px;;
}

p.problemprice
{
font-size:  large;
color:  navy;
}

table.probtable
{
width:  100%;
margin-top:  10px;
margin-bottom:  10px;
}

td.problem
{
text-align:  right;
vertical-align:  bottom;
}

a.problinks
{
text-decoration:  none;
}

#probbox
{
	width:  30%;
}

/*------------------------------------------
This is teh Prices Page Stuff
-------------------------------------------*/
#pricebox
{
	margin-left:  auto;
	margin-right:  auto;
	width:  85%;
}
table.pricetable
{
color:  #004D99;
	width:  100%;
}
td.pricetime
{
	text-align:  center;
}
td.pricetime
{
	font-weight:  bold;
	text-align:  center;
	font-style:  bold;

}

td.pricesub
{
	width:  55%;
	font-weight:  bold;
}
td.prices
{
text-align:  center;
}
/*------------------------------------------
This is Quote Page Stuff
-------------------------------------------*/
table.quotetable
{
	width:  40%;
	margin-left:  30%;
}

tr.quoteheader
{
	font-weight:  bold;
}

/*This section is for ads*/