/* CSS Document */


<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;padding: 0;
list-style: none;}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;padding: 0;
text-transform: uppercase;}

.ubercolortabs a{
float: left;
background: #ccccff url(images/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;padding: 0 0 1px 3px;
text-decoration: none;letter-spacing: 1px;
color: #333399;}

.ubercolortabs a span{
float: left;display: block;
background: transparent url(images/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;}

.ubercolortabs a span{
float: none;}

.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #666699; /*background color of tabs onMouseover*/
color: white;}

.ubercolortabs a:hover span{
background-color: transparent;}

.ubercolortabs li.rightmenu a{
background-color: #DCDCDC;
color: #666666;}

.ubercolortabs li.rightmenu a:hover{
background-color: #CCCCCC;
color: white;}

.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;padding: 0;width: 100%;height: 4px;line-height: 4px;
background: fffffff; /*background color of horizontal line*/
border-top: 1px solid #000033; /*Remove this to remove border between bar and tabs*/}

</style>

<style type="text/css">
td img {
	display: inline;
	float: inherit;
}body {
	background-color: #d6d6d6;
}

#main_content {
 background: #F8F8FA url('images/Corenerstone-INDEX-COMP-FW_r4_c2.png') repeat-x top;
 background-image: url(images/Corenerstone-INDEX-COMP-FW_r4_c2.png);
}

.menu_box .text_body {
	text-align:left;
    margin-right:20px;
    padding-right:0;
}

#box1 {
    position:static;
	background-image: url(images/box.gif);
	height: 247px;
	width: 253px;
	margin-left:0px;
	float:left;}
#box2 {
    position:static;
	background-image: url(images/box.gif);
	height: 247px;width: 253px;
	float:left;margin-left:52px;}
#box3 {
    position:static;
	background-image: url(images/box.gif);
	height: 247px;width: 253px;
	float:left;margin-left:52px;}
	
	
.text_educate {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #330033;}
	
.text_educate a:hover {
    color: #66CCFF}
	
.text_advise {font-family: Geneva, Arial, Helvetica, sans-serif; 
    color: #333366; }
	
.text_advise a:hover {
	color: #66ff66}

.getafreequote {
    font-family: Geneva, Arial, Helvetica, sans-serif;color: #333366;}
	
.getafreequote a:hover {
    color: #ff66ff}

.text_body {
	text-align:left;text-align:justify;
     
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color: #333366;
	padding-right:50px;
}
	
.text_body#main_header {
    position:relative; left:48px; top:25px;
	font-size:28px; float:left;}
	
.color_line {
     position:relative; top:20px;
     width:775px;float:right;}

.text_body#introbody {
    position:static;width:675px; 
	margin-left:70px;margin-top:115px; 
    color:#663366;line-height:35px;}
	
.text_body#introcontact {
    margin-top:110px;
	line-height:20px;
	color:#663366;
	margin-left:100px;
	margin-right:175px;
	font-size:12px;
	padding-top:-20px;}
	
.text_body#clickabove {
    position:absolute; top:80px;right:50px;
	float:left;
    text-align:right;
	font-size:12px;}

.text_body#mainbody {
    margin-left:125px;margin-right:25px;margin-top:18px;
	background-color:#E7E9FF;
	padding-top:8px;padding-right:25px;padding-left:25px;padding-bottom:5px;
	border:1px solid black;}
	
.text_body#mainbody li{
    font-size:12px;margin-right:100px;margin-left:65px;}
	
.text_body#advise_paragraph {
 text-align:justify;/*font-size:14px;*/
 margin-left:45px;
 font-size: 12px;
}
	
.text_body#contact_box {
    margin-left:125px;margin-right:25px;margin-top:10px;margin-bottom:10px;
	background-color:#E7E9FF;
	padding-top:8px;padding-right:25px;padding-left:25px;padding-bottom:25px;
	border:1px solid black;}

.text_header {
    margin-left:80px;margin-top:30px;margin-bottom:15px;
	text-align:left;font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;letter-spacing: 2px;
    font-size:19px;}
	
.text_header#ins_heading1 {
    margin-top:15px;}
	
.text_header#color {
    color:#66ccff;margin-left:20px;margin-right:25px;
	text-align:center;}

.text_highlight {
 color:#663333;
 font:12px;
 margin-left:17px;
 font-weight: bold;
 padding-right: 37px;
}

a:link {
	color: #333399;}

.footer {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;font-style: normal;font-weight: lighter;
	color: #000000;letter-spacing: .35em;}
	
.footer#topofpage {
    margin-right:25px;margin-top:10px;}
	
.toplinks {
    position:relative; right:10px;top:-34px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-style: normal;font-weight: lighter;color: #000000;
	letter-spacing: .35em;font-size:12px;
	width:460px;float:right;}

#content_box {
    position:relative; margin-top:40px;
	background: #ccccff;height: 97%;
	width: 90%;border: 1px solid #333333;}
	
.color_circle_content {
    position:relative; left:45px; top:32px;float:left;}

.bio_pic {
    border:solid 1px black;margin-top:5px;float:left;}
	
.bio_info {
    font-size:12px;text-align:left;margin-top:15px;margin-left:115px;
	line-height:12px;}
	
.bio_info_name {
    font-size:14px;}
	
.bio_info_bold {
    font-size:14px;line-height:15px;}
	
.bio_info_button {
    margin-top:5px;margin-left:115px;}
	
.bio_info_main {
    text-align:justify;font-size:14px;color:#663333;
	margin-left:115px;margin-top:20px;
	background: #FFFFCC;border:1px solid #663333;
	padding-left:25px;padding-right:25px;padding-top:25px;padding-bottom:25px;}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 250px;
clear: left;
margin:0;
padding: 5px 0 8px 0;
padding-left:200px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float:left;
margin-left: -130px; /*width of left column*/
width: 120px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

</style>