﻿body
{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	background-color:#35538b;
}
#csHeaderParent,#csFooterParent,#csMainDivParent 
{
	/* header and category parent containers extend % */
	width:100%;
	margin-left:auto;
	margin-right:auto;	
	margin-top:0px;
	margin-bottom:0px;
}
#csHeaderDiv, #csHeaderNav,#csCategoryHeader,#csProfileHeader, #csMainDiv,#csMainImageDiv111,#csMainDivFooter{width:990px;}
#csHeaderParent
{
	/* Parent container for header content. For now - orange background */
	height:80px;
	border-bottom:6px solid #153063;
	background-color:#2c70c2;
}

#csHeaderDiv 
{
	/* Header row with logo and member links (login/logout) */
	padding:10px 0px 5px 0px;
	height:64px;
	margin-left:auto;
	margin-right:auto;
	border:0px solid #0000FF;
}

#csHeaderDivLeft{
	float:left;
	height:50px;
	margin:25px 0px 0px 0px;
	border:0px solid #0000FF;
}
#csHeaderDivRightImg{
	float:right;
	margin:36px auto 0px auto;
}
#csHeaderDivRight 
{
	/* main nav on home */
	float:left;
	margin:34px 10px 0px 100px;

	padding:10px 10px 10px 10px;
	
	font-size:small;
	border:0px solid #3293e4;

	background: -webkit-gradient(linear, left top, left bottom, from(#2560a6), to(#153063));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #2560a6, #153063);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#35538b, endColorstr=#153063);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#35538b, endColorstr=#153063)";
	
   -moz-border-radius-topleft: 3px;
   -moz-border-radius-topright: 3px;
   
   -webkit-border-top-right-radius: 3px; 
   -webkit-border-top-left-radius: 3px;
   
	-khtml-border-radius-topright: 3px;
	-khtml-border-radius-topleft: 3px;		
	
}

#csHeaderNavLinks{
	padding:5px 0px 2px 0px;
	display:inline;
	clear:left;	
	float:left;
}

#csHeaderDivRight a
{
	/* links on main nav on home */
	/* color:#F7D7B0; fde2b9 */
	font-family:Verdana,Arial,Helvetica;	
	font-weight:bold;
	float:left;
	text-decoration:none;
	color:#D7DFFF;
	font-size:11px;
	
	padding:2px 10px;
	
	border-right:1px solid #5f7bb0;
}

#csMainDivParent
{
	/* middle row on home parent container */
	min-height:320px;
	background-color:#FFFFFF;
	padding:0px;
	border:0px solid #990000;
}

#csMainDiv
{
	/* middle section on home container */
	clear:both;
	background-color:#FFFFFF;
	padding:20px 0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	border:0px solid #990000;


	/* somehow this makes all go well as far as spacing goes.
	border:1px solid #FFFFFF; */
}

#csMainImageDiv
{
	/* middle section on home container */
	clear:both;
	text-align:center;
	height:166px;
	background-image:url(mainimg.jpg);
	background-repeat:no-repeat;

	background-position:center; 
	background-color:#0c0d61;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	border:0px solid #990000;


	/* somehow this makes all go well as far as spacing goes.
	border:1px solid #FFFFFF; */
}

#csMainDivFooter
{
	/* middle section on home container */
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	border:0px solid #990000;


	/* somehow this makes all go well as far as spacing goes.
	border:1px solid #FFFFFF; */
}
#csMainDiv div,#csMainDivFooter div,#csMainImageDiv div
{
	display:inline-block;
}

#csMainDivLeft,#csMainDivFooterLeft
{
	/* middle section on home - left side */
	width:600px;
	min-height:200px;
	vertical-align:top;
	padding:0px 30px 10px 6px;
	border-right:1px dotted #CCCCCC;
	line-height:18px;
}

#csMainDivFooterLeft
{
	border-right:1px dotted #5a7e9c;
}
#csMainDivMiddle,#csMainDivFooterMiddle
{
	/* middle section on home - middle part */
	width:290px;
	min-height:200px;
	vertical-align:top;
	padding:0px 0px 10px 25px;
	border-right:1px dotted #CCCCCC;
}
#csMainDivFooterMiddle
{
	border-right:1px dotted #5a7e9c;
}
#csMainDivRight,#csMainDivFooterRight
{
	/* middle section on home - right part, login, etc. */
	width:250px;
	padding:0px 0px 10px 25px;
	vertical-align:top;
	border-right:0px dotted #CCCCCC;		
}


#csFooterParent 
{
	clear:left;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;

	border:0px solid #009900;

	/* to make footer seemed fixed to bottom of page. can make page background color
	 as end of gradient so that no need to fix footer to bottom. can also try options below
	position:absolute;
	bottom:0;
	 */
	
    min-height:100px;   /* Height of the footer */
	vertical-align:top;
	border-top:3px solid #09192e;
	/** behavior:url(border-radius.htc);	**/		
}

#footertable td{
	padding:0px 4px 4px 0px
}

#navdiv{
	padding:10px 10px 0px 10px;
	vertical-align:middle;
	height:30px;
	/* background-color:#21486b; */
	background-color:#1b92b0;
	/* fcb135  d27c12  EF9527 background-image:url(../imgtemplate1/back-nav-orange.jpg); */
	background: -webkit-gradient(linear, left top, left bottom, from(#1b92b0), to(#217482));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #1b92b0, #217482);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b92b0, endColorstr=#217482);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1b92b0, endColorstr=#217482)";	
}

.navlinks a{
	/* links on main nav on home */
	/* color:#F7D7B0; fde2b9 */
	font-family:Verdana,Arial,Helvetica;	
	font-weight:bold;
	float:left;
	text-decoration:none;
	color:#c3e1fa;
	font-size:12px;
	padding:0px 12px;
	border-right:1px solid #2d6695;
}
#quotediv
{
	width:340px;
	float:right;
	margin-top:95px;
	margin-right:0px;
	font-family:Arial;
	font-style:normal;
	font-size:12px;
	line-height:18px;
	color:#666666;
	padding:0px;
	border:0px solid #990000;
}
.contactbox{
	float:right;
	margin-top:43px;
	margin-left:10px;
	margin-bottom:5px;
	padding:10px;
	/* background-color:#add9f3;	
	border:1px dotted #3ca8c2; */
	background-color:#dddddd;	
	border:1px solid #CCCCCC;	
	font-size:12px;
}

.txthome{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;	
}
.txtfooter{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
}
.txtpages{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;	
}
.txthomewhite{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;	
}

.txtBoldGray{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.txtBoldLtBlue{
	color:#83bff0;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.txtBoldBlue{
	color:#000066;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.txtBoldGreen{
	color:#009900;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.txt12red
{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;	
}
.txt14red
{
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;	
}
.txtBoldRed{
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.txtBoldOrange{
	color:#EA8712;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.txtLargeOrange
{
	color:#EA8712;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.txtLargeGray
{
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.txtLargeWhite
{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;	
}
.txtTitle
{
	color:#333;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

.buttonHomeSignup {
	color:#FFFFFF;
	font:1em Verdana, sans-serif;font-weight:bold;
	padding:4px 8px;
	background-color:#009999;
	border:0px solid #EA8712;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;		
}

.buttonHomeSilver {
	color:#333333;
	font:1em Verdana, sans-serif;font-weight:bold;
	padding:4px 8px;
	background-color:#DDDDDD;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;		
}

.buttonHomeYellow {
	color:#333333;
	font:1em Verdana, sans-serif;font-weight:bold;
	padding:4px 8px;
	background-color:#FFFF66;
	border:1px solid #CCCCCC;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;		
}

.buttonHomeSignupFB {
	color:#FFFFFF;
	font:.9em Futura, 'Century Gothic', AppleGothic, sans-serif;font-weight:bold;
	padding:4px 8px;
	background-color:#6979ad;
	border:0px solid #EA8712;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;		
}

.buttonGraySmall {
	color:#FFFFFF;
	font:.8em Verdana, sans-serif;font-weight:bold;
	padding:3px 6px;
	background-color:#666666;
	border:0px solid #EA8712;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
	cursor:pointer;		
}

.menuBar
{
	clear:both;
	margin-top:20px;
	padding:10px;
	vertical-align:middle;
	height:30px;
	/* background-color:#21486b; */
	background-color:#1b92b0;
	/* fcb135  d27c12  EF9527 background-image:url(../imgtemplate1/back-nav-orange.jpg); */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #CCCCCC, #999999);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#666666, endColorstr=#333333)";		
}

.contactdiv{
	padding:10px 10px 10px 10px;
	margin-left:10px;
	font-size:12px;
	border:1px dotted #999999;
}

#formtable td{
	color:#333;
}

.popwin{
    z-index: 100;
	width:auto;
	padding:8px 20px;
	background-color:#EEE;
	border:5px solid #333;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.textclass {
  width: 100%;
  padding: 8px 14px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.button {
  background-color: #008CBA; /* Blue */
  border: none;
  color: white;
  padding: 8px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 3px;
}

.buttongray {background-color: #CCC; color: black;} /* Gray */ 
.buttonsilver {background-color: #555555; color: black;} /* Black */

.textclass{
	
}

.formmsg, .mailmsg{
	color:#990000;
	font-weight:bold;
}

.successwin{
    min-width:200px;
    min-height:50px;
    padding:16px 20px 30px 14px;
	color:#009900;
	font-weight:bold;
    font-size:16px;
}

.successclose{
    cursor:pointer;
    position:absolute;
    bottom:0px;
    right:0px;
    padding:5px;
	color:#FFF;
	font-weight:bold;
    font-size:12px;
    background-color:#333;
}

.contactlink{
    font-weight:bold;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 10;
}