/* font size set to 16px for all browsers */

/* light blue	color:#088ac0; */

* {margin: 0; padding: 0; font-size: 100%;}
/*body {width:720px; margin:auto; font-family: Arial, Helvetica, sans-serif;*/
/* background:url(../images/bg2.jpg) repeat-x top left; } */


h1, h2, h3, h4, h5, h6 {font-weight:normal;}
p {font-weight:normal; font-size:.7em; color:#333; line-height:1.3em; margin-bottom:12px;}
strong {font-weight:bold; font-size:.7em; color:#333;}
p strong {font-size:1em;}
/* img {border:0;} */
input {font-size:.65em; color:#777; padding:2px 3px;}

/*---font classes for the entire web------------------------------------------------------------------------*/
.text, .textsmall, .textmedium, .textmediumcolored, .errSmall {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#545454;
	text-decoration:none;
	line-height:1.3em;
}

.textsmall {
	font-size:11px;
	line-height:1.1em;
}
.text:hover {
	/*text-decoration:underline;*/
}

.textmedium, .textmediumcolored{
	font-size:13px;
	font-weight:bold;
}

.textmediumcolored {
 	color:#0a63b1;
 	margin:5px 0 10px 400px;
}

.textLinks {
	color:#5C762C; 
	font-size:.7em;
}
p a.textLinks {font-size:1em;} 
em a.textLinks {font-size:1em;}

.errSmall { font-weight:bold; color: red }

.scroll {
	scrollbar-3dlight-color: #739DDB;
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #ffffff;
	scrollbar-darkshadow-color: #739DDB;
	scrollbar-face-color: #739DDB;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #739DDB;
}
.more, .learnmore {
	font-family: Georgia, "Times New Roman", tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5C762C;
	text-decoration:none;
	font-weight:bold;
}
.more:hover, .learnmore:hover {
	text-decoration:underline;
}
.mainHead{
	font-family:Palatino, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#A40909;
	font-weight:bold;
}
.mainHeadItalic{
	font-family: Palatino, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#A40909;
	font-weight:bold;
	font-style:italic;
}
.head, .mainSubHead, .loginText{
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#090edb;
	font-weight:bold;
	
}

.loginText{
	color: #25639c;
}

.head:hover {
	text-decoration:underline;
}
.packagehead {
	font-family:palatino, "times roman", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#090edb;
	font-weight:bold;
	
}
.packagehead:hover{
	color:#25639C
}
.list {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#545454;
	text-decoration:underline;
}
.list:hover {
	text-decoration:none;
}
.list_g {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1A8202;
	text-decoration:underline;
	font-weight:bold;
}
.list_g:hover {
	text-decoration:none;
}
.menu {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#61B6CF;
	text-decoration:underline;
}
.menu:hover {
	text-decoration:none;
}
.bottom {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
.bottom:hover {
	text-decoration:underline;
}
.shadowContainer {
	background:url(../images/shadows/drop_shadow.gif) no-repeat bottom right; 
	float:left; 
	margin:5px 0 0 5px;
}
.shadow {
	display:block; 
	position:relative; 
	left:-5px; 
	top:-5px;
}
.sideimage {
	CLEAR: left; FLOAT: left; MARGIN: 5px 10px 0px 0px
}
.largeimage {
	CLEAR
}
.logotextmedium {
	font-family:tahoma, Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#120092;	
	font-weight:bold;
	font-style:italic;	
}
.packageprice, .productprice {
	font-family:"times roman", tahoma, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#25639C;	
	font-weight:bold;
	/*font-style:italic;*/  	
	float:right;
	margin:0px 10px 10px 0px; 
}

.productprice {
	valign:bottom;
}

/* header_bggrnd_blue_logo_900x100.jpg */

/*--header styles----------------------------------------------------------------------------------*/
#header {float:left; width:720px; height:100px; background:url(../images/background/header_bggrnd_blue_logo_900x100.jpg) no-repeat top left; float:left; margin:0 0 0 0;; padding: 0 0 0 0;}

#header #leftSide {float:left;  margin: 20px 0 0 0;}
#header #leftSide #logo {float:left;}

/*top right for login etc. padding:top,left*/
#header #rightSide {float:right; width:300px; padding:10px 52px 0 0;}
#header #rightSide #utilityMenu {float:right; margin:18px 0 0 0px;}
#header #rightSide #utilityMenu a {text-decoration:none; display:block; font-family: Arial, Helvetica, sans-serif; color:#ffffff; font-size:.7em; font-weight:bold; vertical-align:middle; display:table-cell;}

#header #rightSide #utilityMenu1 {float:right;}
#header #rightSide #utilityMenu1 a {padding: 1px 10px; border-left: 1px solid #ffffff;}
#header #rightSide #utilityMenu1 a:hover {color:navy;}
#header #rightSide #utilityMenu2 {float:right;}
#header #rightSide #utilityMenu2 a {padding: 1px 10px; border-left: 1px solid #ffffff; border-right:1px solid #977728;}
#header #rightSide #utilityMenu2 a:hover {color:navy;}
#header #rightSide #utilityMenu3 {float:right;}
#header #rightSide #utilityMenu3 a {padding: 1px 10px; border-right:1px solid #977728;}
#header #rightSide #utilityMenu3 a:hover {color:navy;}

/*--main nav----------------------------------------------------------------------------------------------*/
#mainMenu {float:left; padding: 0px 0 0px 0; background: #FFF url(../images/shadows/header.gif) repeat-x bottom left;}
#mainMenu ul {float:left; list-style:none; border-top: 1px solid #B2B1B0; border-bottom: 1px solid #B2B1B0;}
#mainMenu ul li {float:left; border-right:1px solid #B2B1B0; font-weight:bold; letter-spacing: .145em; font-size: .7em;}

/*the following are very important -- matched with header background*/
#mainMenu ul li a {display:block; text-decoration:none; text-transform: uppercase; color:#ffffff; padding: 7px 0px; text-align:center; background-color: #25639C;}
#mainMenu ul li a:hover {background-color:#3FA2FD; color:#FFFFFF;}
/* total width of main navs must be 1017.  each has 1px border right, one has 1px border left, so 7px + 1017px is the full 1024px */
#mainMenu #style1 {width:143px; border-left:0px solid #cccccc;}

#topCap {float:left; width:720px; height:10px; background:url(../images/background-top.jpg) top left;}
#bottomCap {float:left; width:720px; height:10px; background:url(../images/background-bottom.jpg) bottom left;}

/*--page layout options----------------------------------------------------------------------------*/
#threeCol #leftColumn {float:left; width:240px; padding:0px 0px 0px 0px}
#threeCol #mainContent {float:left; width:240px; padding:0px 6px 0px 0px}
#threeCol #rightColumn {float:right; width: 200px; padding:0px 10px 0 0;}

#twoColContentLeft #mainContent {float:left; width:420px; padding:0px 13px 0 34px; /*background:#e3e3e3;*/}
#twoColContentLeft #sideColumn {float:right; width:200px; padding:5px 10px 0 0;}  /* 162width+33padding is 195px total */

#twoColContentRight #primaryMenu {float:left; height:100%; width:190px; padding:0 0px 0 5px; /*background: #e3e3e3*/}
#twoColContentRight #primaryMenu a {color:blue}
#twoColContentRight #primaryMenu a:hover {color:#F650D6}
/* change to this: #twoColContentRight #primaryMenu {float:left; width:185px; padding:0 5px 0 10px; background:#9D0011} */
#twoColContentRight #mainContent {float:right; width:520px; padding:0px 0px 0 0px; /*background:#e3e3e3*/}
#menuTd{width:100%; height:100%; valign:top; padding:15px 0px 20px 0px;}


/*--the main container----------------------------------------------------------------------------*/
#container {background-color:#e3e3e3;  width:720px; float:left;
/*background:url(../images/background/background.jpg) repeat-y top left*/
}

/*--column specific tables etc. ----------------------------------------------------------------------*/

/** for threeCol structure **/
#ColMainTableGray{width:220px; /*background-color:#e3e3e3;*/ margin:5px 10px 5px 20px;}
#ColMainTableGray li {font-weight:bold; color:#120092; letter-spacing: .115em; font-size: 1em; padding:5px 5px 5px 0px;}
#ColMainTableGray p {font-weight:bold; color:#120092; letter-spacing: .115em; font-size: 1em; padding:5px 5px 5px 5px;}
#ColMainTableGray .more{float: right; margin:20px 50px 12px 0;}
#ColMainTableGray .more2{float: right; margin:10px 50px 12px 0;}
#ColMainTableGray .learnmore{float: right; margin:0px 0px 0px 0px;}

/** for twoCol structure **/
#twoColMainTable{width:400px;  margin:5px 10px 5px 12px; }
#twoColMainTable .more{float: right; text-decoration:underline;  margin:0px 30px 0px 0px;}
#twoColMainTable .more:hover{float: right; text-decoration:underline; color:navy; margin:0px 30px 0px 0px;}

#twoColMainTable .learnmore{float: right; text-decoration:underline; margin:-9px 30px 5px 0px;}
#twoColMainTable .learnmore:hover{float: right; text-decoration:underline; color:navy; margin:-9px 30px 5px 0px;}


#twoColMainTableWide{width:480px; margin:15px 10px 5px 12px;}
#twoColMainTableWide .more{float: right; text-decoration:underline; margin:0px 30px 0px 0px;}
#twoColMainTableWide .more:hover{float: right; text-decoration:underline; color:navy; margin:0px 30px 0px 0px;}

#portfolioTable{width:720px;  height: 380px; margin:5px 10px 5px 0px; background:url(../images/portfolio_background.jpg) top left;}
#promoTable{width:720px;  height: 380px; margin:5px 10px 5px 0px; background:url(../images/promo_background.jpg) top left;}

/*#ColMainTableGray{background-color:#e3e3e3; width: 243px; height: 378px; margin:15px 15px 15px 30px;}*/
#colTd{width:280px; valign:top; padding:15px 10px 20px 20px}

/*--leftColMain --------------------------------------------------------------------------------------*/
#leftColMain {float:left;  width:559px; margin:0px 0 10px 0;}
#leftColMain h3 {color:#7A6D5C; font-weight:bold; font-size:.95em;}  /* for all 3 headers in search */

#leftColMain2 {float:left; width:500px; /*border-top:1px dashed #D8D1C9;*/ margin:0 0 0px 20px; background: url(../images/icons/two.gif) no-repeat 0px 12px; padding:20px 0 12px 0;}
#leftColMain2 h3 {display:block; margin:0 0 0 45px; width:200px;}
#leftColMain2 #catCol1 {width:180px; float:left; margin:25px 25px 0 8px; }
#leftColMain2 #catCol1 input {float:left; width:20px; height:16px; display:block; margin:0 3px 0 0;}
#leftColMain2 #catCol2 {width:180px; float:left; margin:25px 0 0 0;}
#leftColMain2 #catCol2 input {float:left; width:20px; height:16px; display:block; margin:0 3px 0 0;}
#leftColMain2 .catDesc {width:150px; float:left; margin:0px 0 10px 0; padding:0 0 2px 0; line-height:.8em;}
#leftColMain2 .catDesc p {color:#777; margin-bottom:0px;}

/*--footer-----------------------------------------------------------------------------------------------*/
#footer{
	background:url(../images/footer-bg.jpg) top left;
	float:left; width:100%; height:220px; padding: 5px 0 20px 0; margin:0px 0 0 0;
}