/* 
Author: parsonlineshopping.com
URL: http://www.parsonlineshopping.com
Free home business available: http://www.freesmallhomebusiness.com
*/
body {
	background-color:#0B0B61;
	font-family: 85%/2em "Lucida Grande", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11pt;
	margin: 0;
	padding: 0px 10px 10px 10px;
	text-align: center;
}

a:link {color: #A9A9F5;}         /* a unvisited link */
a:visited {color: purple;}    /* a visited link */
a:hover {color: red;}         /* a link with the mouse hovering over it */
a:active {color: green;}      /* the selected link */


/* Header */
#header_n {
	width: 100%;
	height: 73px;
	background: url(header-new.JPG);
}
#header-left_n {
	float:left;
}
#header-right_n {
	float:right;
}

#name {
margin: 0px 375px 0 180px;
border: 0px solid #000;
font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
font-weight: 3pt;
line-height: 1em;
padding: 1px;
}

#headerl {
font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
height:30px;
font-size: 16pt;
font-weight: bold;
color: red;
border: 0px solid #000;
background-color: yellow;
margin: 0px;
padding: 0px;
clear:both;
}

/* Start Accordion CSS - Used for homePage right Column */ 
 
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

      /* End Accordion CSS - Used for homePage right Column */  



/*Start Top Navigation (hovermenu) Menu - Main, women & Travel Page*/

.hovermenu ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 1px 0.5em;
text-decoration: none;
float: left;
color: #A9A9F5;
background-color: #0B0B61;
border: 1px solid red;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
color: black;
font-size:13px;
}

.hovermenu li.current a{ /*selected current tab style */
background-color: #FFE271;
color: Black
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

/*End Top Navigation (hovermenu) Menu - Main, women & Travel Page*/

/* Start new Navigation bar */
#nav-left{
	background: #2a588c url(nav-right.gif);
	background-position:right;
	background-repeat:no-repeat;	
	margin: 0 auto;
	padding:0;		
}
#nav-right{
	background: url(nav-left.gif);
	background-repeat:no-repeat;	
	margin: 0;
	padding:0;			
}
#nav{
	margin-left: 7px;
	margin-right: 7px;
	height:44px;
	padding: 4px 0 0 0;
	font-size: 10pt;
	background: #2a588c url(nav-bg.gif);
}
#nav a{
	display:block;
	float:left;
	margin:5px 5px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	padding: 3px 2px 0 2px;
	text-align:center;	
}
#nav a:hover{
	text-decoration:underline;
}

/* End new Navigation bar */

/*Start Top Navigation (ddcolortabs) Menu - Tutor Page*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*This is a lightweight, very easy to customize image tabs menu similar to the one you see throughout Dynamic Drive. Instead of swapping between two tab images, this menu uses a unified transparent tab instead. What this means is that you can in fact change the menu and menu hover colors just by changing the two color values inside the CSS code! It doesn't get simpler than that.
The two colors used in this menu are: #8b0000 and #d50509. Just by changing these two colors, you instantly create a different theme for the menu tabs. There's no need to touch the images in any way unless your page's background image isn't white. In that case you'll have to modify the images' corners' background color so they match that of the page's. Two Pictures for this menu: color_tabs_left.gif & color_tabs_right.gif */

#ddcolortabs{
margin-left: 1px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 0px;
}

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

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:none;
}


#ddcolortabs a{
float:left;
color: white;
background: #678b3f url(media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #8cb85c;
font-size:small;
}

#ddcolortabs a:hover span{
background-color: #8cb85c;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #8cb85c;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/*End Top Navigation (ddcolortabs) Menu - Tutor Page*/

/* Start Drop in Content - used in home & health Page*/

#dropinboxv2cover{
width: 420px; /*change width to desired */
height: 180px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}

#dropinboxv2{
width: 400px; /*change width to above width-20. */
height: 160px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: #FFFF66;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}

/* End Drop in Content - used in Home & health Page*/


/* Start email div */

ul#email li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background-color:#ffffff;
}

ul#email {
font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
font-size: 1em;
clear:both;
margin: 0;
padding: 0;
}

ul#email li a {
border-color: #000;
border-width: 1px 1px 1px 1px;
border-style: solid;
padding: 2px;
}
/* End email div */


/* Start Promotion div */

/* End Promotion div */





/* main */
#wrapper {
    padding: 5px 5px 5px 5px;
	margin: 0;
	border: 0px solid red;
}

#left_n {
	float :left;
	margin:0px;
	width: 131px;
	border: 0px solid black;
	text-align:left;
}

#right_n {
	float: right;
	margin: 0px;
	width: 186px;
	border: 0px solid green;	
    text-align:left;
}


#middle {
	margin-left: 135px;
	margin-right: 190px;
    padding: 0px 3px;
    text-align:center;
    background-color: #FFFFFF;
}

#money468 {
width: 468px;
height: 60px;
background: url(Money Banner.gif);
background-repeat:no-repeat;	
margin: 0;
padding:0;
}

.clearfix:after{ /*Clear floats hack: 
http://positioniseverything.net/easyclearing.html*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{
display: inline-table;
}

.left {
margin: 0px 0px px 0px;
float: left;
}

.right {
margin: 0px 0px 0px 00px;
float: right;
}

.textright {
text-align: right;
margin: 0;
padding: 0;
}

.textleft {
text-align: left;
}

.center {
text-align: center;
}

.small {
font-size: 1em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}



/* Hide from IE5-mac. Only IE-win sees this. \*/ 
* html #left {
  margin-right: 7px;
  }
* html #right {
  margin-left: 7px;
  } 
* html #middle {
  height: 1%;
  margin-left: 0;
  } 
/* End hide from IE5/mac */



/* footer */
#footer-left{
	background: #2a588c url(footer-right.gif);
	background-position:right;
	background-repeat:no-repeat;	
	margin: 0 auto;
	padding:0;		
}
#footer-right{
	background: url(footer-left.gif);
	background-repeat:no-repeat;	
	margin: 0;
	padding:0;			
}
#footer{
	margin-left: 10px;
	margin-right: 10px;
	height:58px;
	background: #434343 url(footer-bg.gif);	
	text-align:center;
	margin-top:5px;
	padding-top:10px;
	color:#FFFFFF;
	font-size:9pt;
	font-weight:bold;	
}

#footer a {
  color: #FFFFFF;
  text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}



/* Start MouseOver CSS - FOR Picture Enlargement (thumbnail) */

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

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* End MouseOver CSS - FOR Picture Enlargement(thumbnail) */

/*Start Top Navigation (glossymenu) Menu - Credit Card Page*/

/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/*End Top Navigation (glossymenu) Menu - Credit Card Page*/

/*Start Fade In Slide Show*/
.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}
/*End Fade In Slide Show*/

/* General */
.clear{
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}