@import url("imagesCss.css");
@import url("miscCss.css");

/* this is the style that ensures that the main container on the pages*/
/*does not interfere with the buutons and regulates the space between the title and the content*/
.topHead	{clear: both; width: 100%; margin: 15px 0 0 0;}
/*general clear tag*/
.clear		{clear: both;}
body		{margin: 5px 0 5px 5px ; background-color: #FFF;}
img			{border-style: none;}
h1 			{color: #75CACF; font-family: Arial, Helvetica, sans-serif;	padding: 0 0 0 15px ; text-align: left;}
h2			{font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align:left;
			 margin: 0 15px 0 15px;	color: #000;}
h3			{font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;	text-align:left;
			color: #000; margin-left:15px; margin-bottom:-12px;	padding: 0 15px 0 0;}

#mainContainer		{width: 935px; text-align: center; position: relative;}


/*left hand collun-----------------------------------*/

/*background for the left colum  */


#new
{
	width: 500px;
	text-align: center;
	background-position: center center;
	
}



#leftback
{
	float: left;
	background-color: #FFF;
	background-image: url(../images/left_nav_shim.gif);
	background-repeat: repeat-y;
}

#leftCollum
{
	width: 171px;
	background: #084C8D;
	float: left;
}


#LeftNavigation
{
	width: 171px;
	margin: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	background: #084C8D;
}
#LeftNavigation ul
{
	border: 0;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}
#LeftNavigation li
{
	padding: 0 0 0 10px;
}
#LeftNavigation a:link
{
	color:#BFE1F1;
	text-align:left;
	padding-top:5px;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}
#LeftNavigation a:visited
{
	color:#BFE1F1;
	text-align:left;
	padding-top:5px;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}
#LeftNavigation a:hover
{
	color:#FFF;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
#LeftNavigation div a:link
	{
	color:#71FFFF;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 20px 0 0 0;
    } 
#LeftNavigation div a:visited
	{
	color:#71FFFF;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 20px 0 0 0;
    } 
#LeftNavigation div a:hover{
	color:#FFF;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding: 20px 0 0 0;
}
/*left collum ends----------------------------------------*/

/*central colum--------------------------------------------*/
#midCollum
{
background: url(../images/box/box_middle_section.gif) repeat-y;
float: left;
width: 592px;
margin: 0 10px 0 10px;
}
/* central colum format*/
#midCollum p
{
	font-size: 12px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 15px 0 15px;
	text-align: left;
}
/* holding the is the id for the div that contains the content----*/
#holding
{}
#holding a:link{
	color:#084C8D;
	font-size: 12px;
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;	
	text-decoration: underline;
	} 
#holding a:visited{
	color:#084C8D;
	font-size: 12px;
	text-align: left;
    font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	} 
#holding a:Hover{
	color:#74CACE;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/*this is the test bit that puts a small icon next to the link showing that is an external link this only works in 
FF and similar browsers. If the browser does not support it then they don't even know its there if you want to enable this then 
just move the closing comment tag to the end here
#holding a:link[rel="external"],  a:visited[rel="external"]
{
background: url(../images/new_window.gif) no-repeat;
padding: 0 0 0 20px;
}
#holding a:hover[rel="external"]
{
background: url(../images/new_window_dn.gif) no-repeat;
padding: 0 0 0 20px;
}
*/

.picture
{
float: right;
padding: 0 20px 0 0;
}
#header
{
height: 95px;
}
.headspace
{
padding: 5px 0 0 0;
}
a.navbutton{
	color:#084C8D;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 15px;
	background: url(../images/arrow_images/ar1.gif) no-repeat -3px;
	margin: 0 0 0 15px;

    }
a.navbutton:hover{
	color:#74CACE;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 15px;
	background: url(../images/arrow_images/ar2.gif) no-repeat -3px;
	margin: 0 0 0 15px;
}
/*middle box curved corners*/
.boxTop
{
	height: 22px;
	width: 592px;
	background: url(../images/box/box_top.gif) no-repeat center;
	margin: 0 auto;
}
.boxBottom
{
	height: 22px;
	width: 592px;
	background: url(../images/box/box_bottom.gif) no-repeat center;
	margin: 0 auto;
}
/* middle collum ends-----------------------------------------------*/

/*the cntainer that holds the small right hand boxes----------------*/
#rightCollum
{
	float: right;
	background: #FFF;
	width: 150px;
	clear: right;
}
/*top right hand box - navigation links----*/
#TopRightBox
{
	width: 149px;
	height: 120px;
	background: #FFF url(../images/links_images/bluebox.gif) no-repeat;
	color: #084C8D;
}
#TopRightBox ul
{
	margin: 0;
	padding: 10px 0 0 15px;
	list-style: none;	
}

#TopRightBox li
{
	color:#71FFFF;
	text-align:left;
	margin: 0 0 0 5px;
	padding: 0 0 0 15px;
	background: transparent url(../images/arrow_images/ar_side.gif) no-repeat left;
}
#TopRightBox a:link
{
	color:#71FFFF;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}
#TopRightBox a:visited
{
	color:#71FFFF;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}

#TopRightBox a:hover
{
	color:#FFF;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/* second right box*/
#rBoxNoTwo
{
	height: 120px;
	width: 149px;
	background: #FFF url(../images/links_images/customer_services.jpg) no-repeat;
	margin: 10px 0 0 0 ;
}
#rBoxNoThree
{
	width: 149px;
	height: 120px;
	background: #FFF url(../images/links_images/bluebox.gif) no-repeat;
	color: #084C8D;
	margin: 10px 0 0 0 ;
}
#rBoxNoThreeBlank
{
	width: 149px;
	height: 120px;
	color: #084C8D;
	margin: 10px 0 0 0 ;
}
#rBoxNoFour
{
	height: 120px;
	width: 149px;
	background: #FFF url(../images/links_images/take_our_quiz.jpg) no-repeat;
	margin: 10px 0 0 0 ;
}
a.rightLinks:Link{
	color:#084C8D;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 14px;
	padding-top: 10px;
    } 
a.rightLinks:visited{
	color:#084C8D;
	text-align:left;
	display:block;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 14px;
	padding-top: 10px;
    } 
a.rightLinks:hover{
	color:#084C8D;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*orderd list for the legal page*/
ol
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
ol li
{
padding: 5px 0 5px 0;
}
/*this is for the text select icons------------------------*/
#textSelect		{margin: 0 20px;}
#textSelect ul	{list-style: none; display: inline; margin: 0; padding: 0;}
#textSelect li	{float: left; margin: 0 15px;}
#textSelect p	{font: 12px Arial, Helvetica, sans-serif;}

/*page footer-----------------------------------------------*/
#footer
{
clear: both;
background: #FFF url(../images/menu/bottom_main.gif) no-repeat left;
text-align: left;
padding: 0 0 0 190px ;
}
#footer a:link
{
	color:#084C8D;
	font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	
	} 
#footer a:visited
{
	color:#084C8D;
	font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	
	} 
#footer a:hover
{
	color:#74CACE;
	font-size: 11px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}