body { 
background:#Fff;
margin: 13px 10px 10px 12px;
font-family:'Trebuchet MS', Verdana, Arial, sans-serif;
font-weight:normal;
color: #3b3b3b;

}


a{color:#1A76D7;text-decoration:underline;font-weight: bold; }
a:hover{text-decoration:none;}

ul.box {
 list-style: square outside none; 
 padding:0px;
 padding-left:25px;
 margin-left:12px;
}



h1 
{font-family:Arial,sans-serif; font-size:1.50em; color:#1A76D7; display:block;border-bottom:0px dotted #ba81b8;  padding-bottom:6px;margin-left:3px;}
h2 {color: #1A76D7; display: block;text-decoration:none; margin-top: 30px;font-size:1.45em; }
h3 {color: #1A76D7; display: block;text-decoration:none; margin-top: 35px;font-size:1.25em; }


#wrapper { 
width: 990px;
margin: auto;
background:#FFFFFF;
padding: 10px;
}


#wrapper2{
	width: 980px;  overflow:hidden; 
	
}


#Header  {
position:relative;
}

#Header {
    background: url("../image-files/header.jpg") no-repeat scroll 0 56% transparent;
}

#Header {
height:120px;
position:relative;
top:10px;
width:980px;
}

/*== top-menu2==*/
#menu-container {width:980px; height:35px; position:relative; background:#145AA1;border:1px solid #1A76D7; margin-top:10px;}

/*** ESSENTIAL STYLES ***/
.topmenu-menu, .topmenu-menu * {
   margin:0;
   padding:0;
   list-style:none;
}
.topmenu-menu {
   margin:1px 0 0 1px; /* top right bottom left */
   line-height:1.0;
}
.topmenu-menu ul {
   position:absolute;
   top:-999em;
   width:10em; /* submenu item width - offest below must match */
}
.topmenu-menu li {
   width:160px; /* Default to 'auto'. If specified, the submenu item width and offset must match */
}
.topmenu-menu li a {
   text-align:center;
}
.topmenu-menu li li a {
   text-align:left;
}
.topmenu-menu ul li {
   width:100%;
}
.topmenu-menu li ul  {
   display:none;
}
.topmenu-menu li:hover ul  {
   display:block;
}
.topmenu-menu li li ul  {
   display:none;
}
.topmenu-menu li:hover li:hover ul  {
   display:block;
}
.topmenu-menu li:hover {
   visibility:inherit; /* fixes IE7 'sticky bug' */
}
.topmenu-menu li {
   float:left;
   position:relative;
}
.topmenu-menu a {
   display:block;
   position:relative;
}
.topmenu-menu li:hover ul
{
   left:0;
   top:30px; /* match top ul list item height */
   z-index:2;
}
ul.topmenu-menu li:hover li ul {
   top:-999em;
}
ul.topmenu-menu li li:hover ul {
   left:10em; /* submenu offest - must match ul width above */
   top:0;
}
ul.topmenu-menu li li:hover li ul {
   top:-999em;
}
ul.topmenu-menu li li li:hover ul {
   left:10em; /* submenu offest - must match ul width above */
   top:0;
}

/*** The Look ***/
.topmenu-menu {
   float:left;
   margin-bottom:1em;
	font-family:Verdana;
	font-size:16px; 
	font-weight:normal;   /* bold or normal */
	font-style:normal; /* italic or normal */
    
}

.topmenu-menu li.last { border-right:none; }



.topmenu-menu a {
   
     padding:8px 15px;
   text-decoration:none;
}



.topmenu-menu a, .topmenu-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
   color:#fff;
}
.topmenu-menu a:hover, .topmenu-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
   color:#92C947;
}

.topmenu-menu li li a { 
    border:1px dashed #B3CA32; border-top-width:0; 
    }
.topmenu-menu li li li.first a { 
    border:; 
    }
.topmenu-menu li {
   background:#145AA1;
   border-right:1px solid #FFFFFF;
}
.topmenu-menu li li {
   background:#A5C01F;
}
.topmenu-menu li li li {
   background:#F6FAE4;
}
.topmenu-menu li:hover, .topmenu-menu a:focus,
.topmenu-menu a:hover, .topmenu-menu a:active {
   background:none;
   outline:0;
}

.topmenu-menu li li a, .topmenu-menu li li a:visited { 
    color:#fff;
}

.topmenu-menu li li a:hover, .topmenu-menu li li a:active, .topmenu-menu li li a:focus { 
  color: #666666;
} 
	



#content {
    
	width: 735px;
	padding:8px; 
    
    margin-top: 20px;
    float:right;
    margin-right:5px;
	
}


/*******************
*	SIDEBAR		   *
********************/


#sidebar {
    border: 0px solid #ddd;
    float: left;
    margin-top: 55px;
    padding: 3px 0 13px;
    width: 165px;
}
	}



#sidebar h2 
{ color:#cc9cc7;
font-family:'Fertigo Pro', Tahoma, Sans Serif;
text-align: center;
}



.Navigation {
    background-color: #FFFFFF;
    font-family: Calibri,Tahoma,Arial,sans-serif;
    width: 100%;
}

.Navigation h3 {
    clear: both;
    color: #669900;
    font: 20px Arial;
    margin: 10px 0 10px;
    padding: 0;
}

.Navigation ul {
    list-style-type: none;
    margin: -6px 0 0;
    padding: 0 0 8px 5px;
}


.Navigation li {
    border-bottom: 0px dotted #999999;
}

.Navigation a {
    color: #1B3B62;
    display: block;
    padding: 3px 0 3px 4px;
    text-decoration: none;
}
.Navigation a:visited {
    color: #1B3B62;
    }
.Navigation a:hover    {
color: #fff;
text-decoration: none;
background-color: #145AA1;}

.Block { float:right; }


  


/* ~~~~~~ boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.CalloutBox {
background-color: #fff;
width: 80%;
border: 1px dotted #8f8fb3;
margin: 18px auto 24px auto;
padding: 4px;
color: black;
}

div.CalloutBox p {
margin: 13px;
}

p.CalloutBox {
padding: 13px;
}

div.CalloutBox h1,
div.CalloutBox h2,
div.CalloutBox h3,
div.CalloutBox h4,
div.CalloutBox h5,
div.CalloutBox h6 {
margin: 13px 0 0 13px;
text-align: center;
}

div.CalloutBox h3 {
background-color:#F5Faec;}

.ReminderBox {          
background-color: #fff;
width: 50%;
border: 1px solid #8f8fb3;
margin: 0 0 12px 18px;
             /* adding float enables text to flow around it */
color: #000;
}

.ReminderBox h4 {
margin: 0;
padding: 2px;
text-align: center;
background-color: #efa331;
}

.ReminderBox p {
font-size: 80%;
padding: 0 4px;
line-height: 120%;
}





/* ~~~~~~ miscellaneous ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0px 10px 10px 0px; }
.alignright { float: right; margin: 0px 0px 10px 10px; }

.caption { border: 1px solid #ddd ; text-align: center; background-color: #f3f3f3; padding-top: 4px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 2px 5px 2px; }
.caption img { margin: 0px 0px 4px 0px; padding: 0; border: 0 none; }
.caption p.caption-text { font-size: 12px; line-height: 13px; padding: 0px 0px 0px 0px; margin: 0; }

blockquote { margin-top: 23px; padding: 4px 14px 2px 15px; background:#FDECD0; color:#555555; border: 1px solid #E1ECFD; -moz-border-radius:5px; -webkit-border-radius:5px; border-left:5px solid #ADADAD; width:300px;}

.returntolink { background: #Fff; border-top: 1px dotted  #98B700; margin-top:11px; padding:11px 0px; text-align: left;}
.below-returntolink { padding:15px 0px 0 0;}


.fl{
	float: left;
}
.fr{
	float: right;
}

.clear {
    clear: both;
}


/* ~~~~~~ F E A T U R E D ++++ C A T E G O R I E S ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* --------------------Featured Category No:1 --------------------------------------------------*/
.left-box2{display:block; line-height:22px; margin-bottom:8px; padding: 11px 8px 0 8px;overflow:hidden;}

.left-head-title{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;color:#1B3B62; text-align: center; padding: 11px 12px 0px;}
.left-head-title a {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;color:#555;  text-decoration:underline;}
.left-head-title a:hover { color:#555;text-decoration:none;}
.left-box{background: #Fff; width: 313px; border: 1px solid #E1E1E1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom: 6px;float:left;margin-top:28px;}

*:first-child+html .left-box { margin-bottom: -5px; !important; }
* html .left-box { margin-bottom: -5px; !important; }

.left-img-main{border: 1px solid #CCCCCC; background:#FFF ; width:288px; height:130px;float:left;padding: 4px 4px 4px 4px; overflow:hidden; }
.left-img{width:288px; height:130px;float:left;}
.left-title{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:block;border-bottom:1px solid #E1E1E1;  padding-bottom:7px;}
.left-title a{color:#1B3B62; text-decoration:underline;}
.left-title a:hover{color:#659C16; text-decoration:none;}
.left-content{width:295px;padding: 0 8px 11px 8px;}
.left-content2{width:295px;}
.left-entry{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:14px; color:#000000;line-height:20px;margin-top:-9px; padding-bottom:5px;}

*:first-child+html .left-entry { margin-top: -16px; }
* html .left-entry { margin-top: -16px; }


.left-more{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; display:block; text-align:right;padding-bottom:7px;}
.left-more a{background: #99CB43; border: 1px solid #99CB43; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 4px; text-align:center; width:36px; text-decoration:none;}
.left-more a:hover{background: #76AC18; border: 1px solid #76AC18; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 4px; text-align:center; width:36px; text-decoration:none;}

/* --------------------Featured Category No:2 --------------------------------------------------*/
.right-box2{display:block; line-height:22px; margin-bottom:8px; padding: 11px 8px 0 8px;overflow:hidden;}

.right-head-title{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;color:#1B3B62; text-align: center; padding: 11px 12px 0px;}
.right-head-title a {font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;color:#555;  text-decoration:underline;}
.right-head-title a:hover { color:#555;text-decoration:none;}
.right-box{background: #Fff; width: 313px; border: 1px solid #E1E1E1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-bottom: 6px;float:right; margin-top:28px;}

*:first-child+html .right-box { margin-bottom: -5px; !important; }
* html .right-box { margin-bottom: -5px; !important; }

.right-img-main{border: 1px solid #CCCCCC; background:#FFF; width:288px; height:130px;float:left;padding: 4px 4px 4px 4px; overflow:hidden; }
.right-img{width:288px; height:130px;float:left;}
.right-title{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; display:block;border-bottom:1px solid #E1E1E1;  padding-bottom:7px;}
.right-title a{color:#1B3B62; text-decoration:underline;}
.right-title a:hover{color:#659C16; text-decoration:none;}
.right-content{width:295px;padding: 0 8px 11px 8px;}
.right-content2{width:295px;}
.right-entry{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:14px; color:#000000;line-height:20px;margin-top:-9px; padding-bottom:5px;}

*:first-child+html .right-entry { margin-top: -16px; }
* html .right-entry { margin-top: -16px; }

.right-more{font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333333; display:block; text-align:right;padding-bottom:7px;}
.right-more a{background: #99CB43; border: 1px solid #99CB43; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 4px; text-align:center; width:36px; text-decoration:none;}
.right-more a:hover{background: #76AC18; border: 1px solid #76AC18; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#FFF; font-family:'Trebuchet MS',Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:3px 5px 4px; text-align:center; width:36px; text-decoration:none;}




/* -------------------- Search Credit Cards Tool ---------------------------------------------*/

form, fieldset {
    margin: 0;
    padding: 0;
}



.mainDiv {
background: url(../image-files/form-bg.jpg)no-repeat top left;
    float: left;
    margin-bottom: 15px;
    height:226px;
    width: 726px;
    
}

.contentDiv1 {
    
    float: left;
    height: 160px;
    overflow: hidden;
    width: 240px;
    margin-top:60px;
	
}

.middleContentDiv1 {
    color: #fff;
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 240px;
}

.bottomContentDiv1 {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 240px;
	font-size: 12px;
}

input, select, textarea, table, td, tr, th {
    color: #000000;
    font: 1em Arial,Helvetica,sans-serif;
}

.contentDiv2 {
    
    float: left;
    height: 160px;
    overflow: hidden;
    width: 240px;
    margin-top: 60px;
}



.middleContentDiv2 {
    color: #fff;
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 240px;
}

.bottomContentDiv2 {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 240px;
	font-size: 12px;
}

.contentDiv3 {
   
    float: left;
    height: 160px;
    overflow: hidden;
    width: 240px;
    margin-top: 60px;
}



.middleContentDiv3 {
    color: #fff;
    float: left;
    margin-bottom: 10px;
    margin-top: 32px;
    text-align: center;
    width: 240px;}

.bottomContentDiv3 {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 240px;
	font-size: 12px;
	margin-bottom: 10px;
}

.goCCDiv {
    float: right;
    height: 50px;
   padding-right: 30px;
    width: 100%;
    color:#fff;
	
}

.goCC {
    background-color:#1B3B62;
    border: medium none;
    cursor: pointer;
    display: block;
    height: 30px;
    margin-left: 79px;
    margin-top: 10px;
	margin-bottom: 10px;
    width: 56px;
	color:#fff;
	font-weight: bold;
    float: right;
    border-radius: 5px 5px 5px 5px;
}




/* -------------------- The Footer -----------------------------------------------------------*/


#footer { text-align:center; font-family:'Trebuchet MS'Arial, Helvetica, sans-serif; font-size:12px; color: #fff;
height:100px;
padding-top:13px }

#footer  {
background-image: url(../image-files/footer.jpg);
background-position: center center;
background-repeat: no-repeat;}
#footer p {
margin: 14px auto ; }

#footer a { font-family:"Trebuchet MS",Arial,sans-serif; font-size:12px; color: #fff; font-weight:bold; text-decoration: underline; }
#footer a:hover { color: #000; text-decoration:underline;

 }

/* -------------------- TOC -----------------------------------------------------------*/

#homecategories img {
    border-style: none;
    float: left;
    margin: -3px 6px 15px 0;
    horizontal-align: top;
}


/* -------------------- Navbar -----------------------------------------------------------*/

#boxes-left {
    float: left;
    margin: 0 0 6px 0px;
    width: 170px;
}

#boxes-left .box {
    background-color: #Fff;
    border: 1px solid #669900;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-top-left-radius: 12px;
    color: #3b3b3b;
    float: left;
    font-family: Calibri,Tahoma,Arial,sans-serif;
    width: 100%;
    list-style: none outside none;
    margin: 6px 0 16px 0px;
    padding-bottom: 10px;
    text-align: left;
    width: 165px;
    z-index: 999;
}
.box h4 {
    background-color: #145AA1;
    border-bottom: 5px solid #A0A1A5;
    border-top-left-radius: 11px;
    color: #FFFFFF;
    font-family: Arial,Verdana,Geneva,Helvetica,sans-serif;
    font-size: 94%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 3px 0 4px 12px;
    text-align: left;
    z-index: 0;
}
