body {
	font-family: verdana, geneva;
	margin:0px; padding:0px;
	font-size:13px;
	line-height:20px;
}

td {
	font-family: verdana, geneva;;
}

th {
	font-family: verdana, geneva;;
}

a:link,
a:visited
{
text-decoration:none;
color: #000080;
}

a:hover
{
text-decoration:hover;
color:#000000;
}

ul
{
margin:5px 0px 0px 25px;
padding:0px 0px 0px 0px;
}

ul li
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

img
{
border:none;
outline:none
}

img a:link,
img a:visited,
img a:hover
{
border:none;
outline:none
}

form
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#container
{
float:left;
margin:0 auto;
padding:0px 0px 0px 0px;
border:0px solid #ff0000;
width:98%;
height:auto;
}

#left-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background:url(images/container-left.jpg) 0 0 repeat-y ;
width:20px;
height:auto;
}

#right-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background:url(images/container-right.jpg) 0 0 repeat-y ;
width:20px;
}

#mid-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background-color:#FFFFFF;
width:auto;
height:auto;

}


#footer-left-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background:url(images/footer-left.jpg) 0 0 no-repeat  ;
width:20px;
height:21px;
}

#footer-right-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background:url(images/footer-right.jpg) 0 0 no-repeat  ;
width:20px;
height:21px;
}

#footer-mid-container-bg
{
margin:0px;
padding:0px 0px 0px 0px;
background:url(images/footer-mid.jpg) 0 0 repeat-x;
width:auto;
height:21px;
}


/*	#container
	{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	background:url(images/container.jpg) 0 0 repeat-y;
	width:1024px;
	height:auto;
	display:table;
	}
*/
/* --------------------------------------------------------- START FOR CONTENT CSS ---------------------------------------------*/

#content
{
margin:0 auto;
padding:0px 0px 0px 0px;
width:100%;
height:auto;
border:0px solid #ff0000;
}

#content #left {
	width:200px;
	height:auto;
	height:100%;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 5px;
	border:0px solid #000000;
}

#right
{
width:100%;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 5px;
border:0px solid #ff0000
}

#right #col1 {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:10px 10px 0px 0px;
	border:0px solid #ff0000;
	
}

#right #col2
{
margin:10px 0px 0px 15px; padding:0px;
width:220px;
}

/* --------------------------------------------------------------------------- END FOR CONTENT CSS ---------------------------------------------*/

#header
{
float:left;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
background:url(images/logo.jpg) 0px 5px no-repeat;
width:100%;
height:110px;
position:relative;
}

#logo{

margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:395px;
height:90px;
z-index:1000;
border:0px solid #ff0000
}

#header-link
{

margin:0px 0px 0px 18px;
padding:0px 0px 0px 0px;
width:100%;
height:30px;
z-index:1001;
position:absolute;
top:0px;
right:0px;
text-align:right;
border:0px solid #ff0000
}

#header-link a,
#header-link a:visited
{
font-size:12px;
color:#0033FF;
text-decoration:none
}

#header-link a:hover
{
font-size:12px;
color:#0033FF;
text-decoration:underline
}

#header-link #part-1
{
float:left;
text-align:center;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
width:340px;
height:30px;
border-right:1px solid #cccccc
}

#header-link #part-2
{
float:left;
text-align:center;
margin:0px 0px 0px 20px;
padding:10px 0px 0px 0px;
width:330px;
}




/* --------------------------------------------------------------------------- START FOR MENU CSS ---------------------------------------------*/

#top-menu
{
border:0px solid #ff0000;
width:auto;
float:right;
z-index:1001;
position:absolute;
top:85px;
right:0px;
margin-top:12px;
}

div#menu {
position:relative;
top:0px; left:0px;
float:left;
height: 46px;
padding-left: 10px;
background: url(images/left.png) no-repeat;
_background-image: url(images/left.gif);
width:auto;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 10px;
    background: url(images/right.png) no-repeat right 0;
    _background-image: url(images/right.gif);
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 36px;
    left: 0;
    visibility: hidden;
    width: 187px;
    padding: 0 0 11px 7px;
    background: url(images/submenu-bottom.png) no-repeat 7px bottom;
    _background-image: url(images/submenu-bottom.gif);
    margin: 0px 0 0 -4px;
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right: 5px;
    text-align: center;
}
div#menu span {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 15px 0 0;
    line-height: 40px;
    height: 46px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
}
div#menu span {
    margin-top: 2px;
    padding-left: 15px;
    color: #fff;
    font: bold 11px Trebuchet MS,Arial,san-serif;
    background: none;
    line-height: 40px;
}
div#menu a:hover,
div#menu a.over {
    background:  url(images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
	
}
div#menu a:hover span,
div#menu a.over span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(images/selected-right-sub.png) no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
	color: #3d4e29;
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
	color: #3d4e29;
}
div#menu ul.menu>li:hover>a span {
    color: #3d4e29;
}
div#menu li {  }
div#menu li.last { background: none; }

div#menu li.current a,
div#menu li.current a span,
div#menu.js-active a:hover,
div#menu.js-active a:hover span,
div#menu.js-active a,
div#menu.js-active span {
    background:none;

}
div#menu.js-active ul.menu>li:hover>a,
div#menu.js-active ul.menu>li:hover>a span {
    background:none;
}
div#menu li.current a.over {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
    _background-image: url(images/selected-right-sub.gif);
}
div#menu li.current a.over span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
    _background-image: url(images/selected-left-sub.gif);
}
div#menu a.over span {
    color: #3d4e29;
}

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 11px;
    color: #d8ebc5;
    z-index: -1;
    padding-left: 5px;
	white-space: normal;
    width: 200px;
    margin: 0 5px;
    text-transform: none;
}
    
div#menu ul ul a span {
    padding: 0 5px;
    line-height: 26px;
    font-size: 11px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
	
}
div#menu ul ul a:hover {
    background: url(images/submenu-selected-bottom.png) no-repeat 5px bottom;
}
div#menu ul ul a:hover span {
    background: url(images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent {
    background: url(images/submenu-pointer-bottom.gif) no-repeat 5px bottom;
}
div#menu ul ul a.parent span {
    background: url(images/submenu-pointer-top.png) no-repeat 0 0;
}
div#menu ul ul a.parent:hover {
    background: url(images/submenu-pointer-selected-bottom.png) no-repeat 10px bottom;
}
div#menu ul ul a.parent:hover span {
    background: url(images/submenu-selected-top.png) no-repeat 0 0;
}
div#menu ul ul span {
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 15px 0px 8px 0px;
    margin: -44px 0 0 169px !important;
    background: url(images/subsubmenu-top.png) no-repeat 0px 0;
    _background-image: url(images/subsubmenu-top.gif);
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 4px 5px 1px;
    background: url(images/submenu-bottom.png) no-repeat 0px bottom;
    _background-image: url(images/submenu-bottom.gif);
}
div#menu ul ul div li {
    position:relative;
    top:-5px;
}

/* lava lamp */
div#menu li.back {
    background: url(images/lavalamp-left.png) no-repeat 0 0;
    _background-image: url(images/lavalamp-left.gif);
    width: 10px;
    height: 46px;
    z-index: 8;
    position: absolute;
    padding: 0;
    margin: 0;
}

div#menu li.back .left {
    padding:0;
    width:auto;
    background: url(images/lavalamp-right.png) no-repeat right 0;
    _background-image: url(images/lavalamp-right.gif);
    height: 46px;
    margin: 0 5px 0 10px;
    _margin-right: 2px;
    float: none;
    position: relative;
    top: 0;
    left: 0;
    visibility: visible;
}




/* --------------------------------------------------------------------------- END FOR MENU CSS ---------------------------------------------*/

/* --------------------------------------------------------------------------- START CATEGORY BOX CSS ---------------------------------------------*/
#category {
	float: left;
	padding:0px;
	width:202px;
	margin:10px 0px 10px 0px;
}


#category #top {
	float: left;
	width:202px;
	background:url(images/category-top-bg.jpg) 0 0 no-repeat;
	height:25px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px;
	font-size:14px; font-weight:bold; color:#ffffff;
}

#category #mid {
	float: left;
	padding:0px;
	width:202px;
	background:url(images/category-bg.jpg) 0 0 repeat-y;
	margin:0px 0px 0px 0px;
}


#category #mid ul
{
margin:10px 0px 0px 15px; padding:0px;
}


#category #mid ul li
{
background-image:url(images/category-arrow.jpg);
background-repeat:no-repeat;
background-position:0px 9px;
list-style:none;
padding:3px 3px 3px 10px;
height:auto;

}

#category #mid ul li a,
#category #mid ul li a:visited
{
color:#333333;
font-size:12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
border-bottom:dotted 1px #cccccc;
width:160px;
padding:0px 0px 5px 0px;
display:block;
}

#category #mid ul li a:hover
{
color:#000000;
border-bottom:dotted 1px #cccccc;
padding:0px 0px 5px 0px;
display:block;
}


#category #bottom {
	float: left;
	padding:0px;
	width:202px;
	background:url(images/category-bottom-bg.jpg) 0 0 no-repeat;
	height:11px;
	margin:0px 0px 0px 0px;
}
/* --------------------------------------------------------------------------- END CATEGORY BOX CSS ---------------------------------------------*/
#vol_col {
	float: left;
	padding:0px;
	width:202px;
	margin:10px 0px 10px 0px;
}


#vol_col #top {
	float: left;
	width:202px;
	background:url(images/category-top-bg.jpg) 0 0 no-repeat;
	height:25px;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 10px;
	font-size:14px; font-weight:bold; color:#ffffff;
}

#vol_col #mid {
	float: left;
	padding:0px;
	width:202px;
	background:url(images/category-bg.jpg) 0 0 repeat-y;
	margin:0px 0px 0px 0px;
}


#vol_col #mid ul
{
margin:10px 0px 0px 15px; padding:0px;
}


#vol_col #mid ul li
{
/*background-image:url(images/category-arrow.jpg);
background-repeat:no-repeat;
background-position:0px 9px;*/
list-style:none;
padding:3px 0px 3px 0px;
height:auto;
}

#vol_col #mid ul li a,
#vol_col #mid ul li a:visited
{
list-style:none;
height:auto;
padding:0px 0px 5px 0px;

/*color:#333333;
font-size:12px;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
border-bottom:dotted 1px #cccccc;
width:160px;
padding:0px 0px 5px 0px;
display:block;*/
}

#vol_col #mid ul li a:hover
{
color:#000000;

padding:0px 0px 5px 0px;
display:block;
}


#vol_col #bottom {
	float: left;
	padding:0px;
	width:202px;
	background:url(images/category-bottom-bg.jpg) 0 0 no-repeat;
	height:11px;
	margin:0px 0px 0px 0px;
}
/* --------------------------------------------------------------------------- START SEARCH BOX CSS ---------------------------------------------*/

#search {
	padding:0px;
	width:100%;
	margin:5px 0px 0px 0px;
	height:42px;
}


#left-search {
	padding:0px;
	background:url(images/search-bar-left.jpg) 0 0 no-repeat;
	height:42px;
	width:16px;
	margin:0px 0px 0px 0px;
}

#mid-search {
	padding:0px;
	width:auto;
	margin:0px 0px 0px 0px;
	height:42px;
	background:url(images/search-bar-bg.jpg) 0 0 repeat-x;
}


#search ul {
	float: left;
	list-style-type:none;
	padding:0px;
	height:35px;
	border:0px solid #ff0000;
	margin:3px 0px 0px 0px;
}

#search ul li{
	float: left;
	list-style-type:none;
	padding:0px;
	height:35px;
	line-height:35px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	border:0px solid #ff0000
}

#search ul li.text{
	float: left;
	padding:0px;
	width:80px;
	margin:2px 0px 0px 30px;
	font-size:16px;
	font-weight:bold;
	
}

.text
{ padding-top:0px;
font-size:14px;
	font-weight:bold;
	color:#3283d6
}

#search ul li#search-box{
	float: left;
	background:url(images/search-box-bg.jpg) 0px 2px no-repeat;
	padding:0px;
	width:149px;
	margin:0px 0px 0px 0px;
}

input[type="text"].stext-box {
width:140px;
padding-left:3px;
height:20px;
margin:0px;
color:#999999;
border:1px solid #2275ca
}

#search ul li#button{
	float: left;
	background:url(images/search-button.jpg) 0 5px no-repeat;
	width:60px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-right:1px solid #ffffff;
}

#ipadd{
	width:auto;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-right:1px solid #ffffff;
}

#search  ul li.ctext a,
#search  ul li.ctext a:visited{
	float: left;
	padding:0px;
	width:180px;
	margin:0px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}


#search ul li#cart{
	float: left;
	width:42px;
	background:url(images/basket.jpg) 0 0px no-repeat;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#right-search {
	padding:0px;
	background:url(images/search-bar-right.jpg) 0 0 no-repeat;
	height:42px;
	width:15px;
	margin:0px 0px 0px 0px;
}

/* --------------------------------------------------------------------------- END SEARCH BOX CSS ---------------------------------------------*/




#order
{
display:block;
float:left;
clear:both;
width:184px;

margin-top:-5px;
}

#top-text
{
width:100%;
margin:20px 20px 0px 0px;
border:0px solid #ff0000;
}


#top-text #text
{
float:left;
font-size:12px;
line-height:18px;
color:#333333;
width:100%;
text-align:justify;
margin:0px 20px 10px 10px
}

#top-text p
{
margin:0px 15px 0px 0px;
padding:0px 0px 0px 0px
}


/* --------------------------------------------------------------------------- START FOR TAB MENU CSS ---------------------------------------------*/

#tab {
	float: left;
	padding:0px;
	width:100%;
	margin:0px 0px 0px 0px;
	border:0px solid #ff0000
}

#tab ul {
	float: left;
	padding:0px;
	margin:0px 0px 0px 0px;
	height:26px;
}

#tab li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#tab li a {
	float: left;
	text-decoration: none;
	background: url('images/tab-left.jpg') top left no-repeat;
	margin: 0px 2px;
	padding: 0px 0px 0px 10px;
	font-size:13px;
	height:30px;
	line-height:30px;
	color:#1f4401;
	font-family: Arial, Helvetica, sans-serif;
	
}

#tab li a span {
	background: url('images/tab-right.jpg') top right no-repeat;
	padding: 8px 10px 7px 0px;
}

#tab li a:hover 
 {
	background: url('images/tab-left-hover.jpg') top left no-repeat;
	padding: 0px 0px 6px 10px;
	font-size:13px;
	color:#1f4401;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

#tab li a.highlight {
	background: url('images/tab-left-hover.jpg') top left no-repeat;
	padding: 0px 0px 6px 10px;
	font-size:13px;
	color:#1f4401;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#tab li a:hover span, 
#tab li a.highlight span {
	background: url('images/tab-right-hover.jpg') top right no-repeat;
	padding: 8px 10px 7px 0px;
}





#tab-right {
	float: left;
	padding:0px;
	width:219px;
	margin:0px 0px 0px 0px;
	border:0px solid #ff0000
}

#tab-right ul {
	float: left;
	padding:0px;
	margin:0px 0px 0px 0px;
	height:26px;
}

#tab-right li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#tab-right li a {
	float: left;
	text-decoration: none;
	background: url('images/tab-left.jpg') top left no-repeat;
	margin: 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size:13px;
	height:30px;
	line-height:30px;
	color:#1f4401;
	font-family: Arial, Helvetica, sans-serif;
	
}

#tab-right li a span {
	background: url('images/tab-right.jpg') top right no-repeat;
	padding: 7px 10px 7px 0px;
}

#tab-right li a:hover 
 {
	background: url('images/tab-left-hover.jpg') top left no-repeat;
	padding: 0px 0px 6px 10px;
	font-size:13px;
	color:#1f4401;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
	
}

#tab-right li a.highlight {
	background: url('images/tab-left-hover.jpg') top left no-repeat;
	padding: 0px 0px 6px 10px;
	font-size:13px;
	color:#1f4401;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#tab-right li a:hover span, 
#tab-right li a.highlight span {
	background: url('images/tab-right-hover.jpg') top right no-repeat;
	padding: 7px 10px 7px 0px;
}



#tab-section
{
float:left;
width:100%;
margin:0px 0px 0px 2px;
padding:0px 0px 0px 0px;
}

#green-box
{
float:left;

width:100%;
background-color:#93d35d;
margin-bottom:10px;
border:0px solid #ff0000;
padding:0px 0px 0px 0px
}
#green-box #bottom
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
border:0px solid #ff0000;
width:100%;
background: url('images/green-box-left-bottom.jpg') bottom left no-repeat;
}

#green-box #content
{
float:left;
margin:0px 0px 0px 0px;
padding:5px 5px 5px 5px;
list-style-type:none;
border:0px solid #ff00ff;
width:99%;
background: url('images/green-box-top.jpg') top right no-repeat;
}



#green-box #content ul
{
float:left;
margin:0px 0px 0px 0px;
list-style-type:disc;
padding:0px 0px 0px 0px;
background-image:none;
}

#green-box #content ul li
{
float:left;
border:0px solid #ff0000;
width:100%;
margin:0px 0px 0px 25px;
padding:0px 0px 0px 0px;
}

#green-box #content li
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#006600;
}

#green-box #content ul li#left
{
float:left;
width:70px;
list-style-type:none;
margin:10px 0px 0px 10px;
padding:0px 0px 0px 0px;

}

#green-box #content ul li#right
{
float:left;
border:0px solid #ff0000;
width:390px;
list-style-type:none;
margin:10px 0px 0px 20px;
padding:0px 0px 0px 0px;
}


#green-box #content ul li#right h1
{
margin:0px; padding:0px;
float:left;
font-size:18px;
color:#ffffff;
}

#green-box #content ul li#right h2
{
margin:0px; padding:0px;
float:left;
font-size:18px;
color:#030402;
}

#green-box #content p
{
float:left;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}



#green-box-right
{
float:left;
background: url('images/green-box-bottom-right.jpg') bottom left no-repeat;
width:219px;
background-color:#93d35d;
border:0px solid #ff0000;
}

#green-box-right #content
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
list-style-type:none;
border:0px solid #ff0000;
width:219px;
background: url('images/green-box-top.jpg') top right no-repeat;
}

#green-box-right #content p
{
float:left;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 0px;
}


#green-box-right ul
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
border:0px solid #ff0000;
width:219px;
}

#green-box-right ul ul
{
float:left;
margin:0px 0px 0px 0px;
list-style-type:disc;
padding:0px 0px 10px 0px;
background-image:none;
}

#green-box-right ul li
{
float:left;
border:0px solid #ff0000;
width:199px;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
}

#green-box-right li li
{
float:left;
margin:0px 0px 0px 0px;
padding:0px 10px 0px 0px;
color:#006600;
}

#green-box-right ul li#left
{
float:left;
width:70px;
margin:10px 0px 0px 10px;
padding:0px 0px 0px 0px;

}

#green-box-right ul li#right
{
float:left;
border:0px solid #ff0000;
width:120px;
margin:10px 0px 0px 10px;
padding:0px 0px 10px 0px;
line-height:16px;
}


#green-box-right ul li#right h1
{
margin:0px; padding:0px;
float:left;
font-size:12px;
color:#ffffff;
}

#green-box-right ul li#right h2
{
margin:0px; padding:0px;
float:left;
font-size:12px;
color:#030402;
}

/* --------------------------------------------------------------------------- END FOR TAB MENU CSS ---------------------------------------------*/


#subscribe
{
float:left;
margin:0px 0px 0px 0px; padding:0px;
width:227px;
height:110px;
}

#list
{
margin-top:0px;
clear:both;
float:left;
width:100%;
}

#heading
{
width:100%;
background: url('images/heading-right-bg.jpg') top right no-repeat;
padding:0px 0px 2px 0px;
border:0px solid #ff0000;
height:24px;
line-height:24px;
background-color:#257dd7
}
#heading span
{
float:left;
background: url('images/heading-left-bg.jpg') top left no-repeat;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
height:26px;
vertical-align:top;
line-height:26px;
padding:0px 0px 0px 10px;
margin:0px 0px 0px 0px;
border:0px solid #ff0000
}

#sub-heading
{
font-size:16px;
color:#2e510a;
font-weight:bold;
text-align:center;
padding:5px 0px 5px 0px;
}

#sub-heading span
{
font-size:13px;
color:#000080;
font-weight:bold;
text-align:center;
padding:5px 0px 5px 0px;
}

#list ul
{
margin:0px 0px 0px 0px; padding:5px 0px 0px 20px;
background-color:#f2f2f2;
}


#list ul li
{
background-image:url(images/orange-dot.jpg);
background-repeat:no-repeat;
background-position:0px 5px;
list-style:none;
padding:0px 0px 0px 15px;
}

#list ul li a,
#list ul li a:visited
{
color:#333333;
font-size:12px;
text-decoration:none;
padding:0px 0px 5px 0px;
display:block;
}

#list ul li a:hover
{
color:#000000;
padding:0px 0px 5px 0px;
display:block;
font-size:12px;
text-decoration:underline;
}

#list ul li.read 
{
background-image:none;
text-align:right;
padding:0px 50px 0px 0px;
margin:0px 0px 0px 0px;

}

#list ul li.read a,
#list ul li.read a:visited
{
color:#0033FF;
font-size:12px;
text-decoration:none;
padding:0px 0px 5px 0px;
display:block;
}

#list ul li.read a:hover
{
color:#0033FF;
padding:0px 0px 5px 0px;
display:block;
}

#contact
{
float:left;
width:206px;
height:203px;
background: url('images/contact-bg.jpg') top left no-repeat;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 20px;
color:#333333;
font-size:13px;
line-height:20px; 
}

#contact h1
{
margin:0px 0px 0px 0px;
padding:5px 0px 0px 0px;
line-height:20px; font-size:16px; font-weight:bold; color:#ffffff;
}

#contact p
{
margin:0px 0px 0px 0px;
padding:25px 0px 0px 0px;
color:#333333;
font-size:13px;
line-height:20px; }






#footer
{
float:left;
margin:0 auto;
padding:0px 0px 0px 0px;
background-color:#93d35d;
width:100%;
height:30px
}

#footer #left
{
float:left;
padding:0px 0px 0px 0px;
width:auto;
}

#footer #left ul
{
float:left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#footer #left ul li
{
float:left;
list-style-type:none;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
height:30px;
}


#footer #left ul li a,
#footer #left ul li a:visited
{
float:left;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
line-height:20px;
border-right:1px solid #ffffff;
text-decoration:none
}

#footer #left ul li a:hover
{
float:left;
padding:0px 10px 0px 10px;
margin:0px 0px 0px 0px;
border-right:1px solid #ffffff;
text-decoration:none
}


#footer #left ul li:last-child a {
	padding:0px 10px 0px 10px;
	margin:0px 0px 0px 0px;
	border-right:none;
}


#footer #right
{
float:right;
width:auto;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:5px 10px 0px 0px;
margin:0px 0px 0px 0px;
line-height:20px;
text-align:right;
text-decoration:none
}

.border
{
border:1px solid #eeeeee
}

.bg-1
{
background-color:#dcdcdc
}


.border-1
{
border:1px solid #ccc
}

.top-border
{
border-top:1px solid #dddddd
}

.padding10
{
padding:10px
}

.padding5
{
padding:5px
}

.paddingtrb10
{
padding:10px 10px 0px 10px
}

.paddingt10
{
padding:10px 0px 0px 0px
}

.paddingtr10
{
padding:10px 10px 0px 0px
}

.paddingtl10
{
padding:10px 0px 0px 10px
}
.paddingr5
{
padding:0px 5px 0px 0px
}

.paddingl5
{
padding:0px 0px 0px 5px
}

.paddingt5
{
padding:5px 0px 0px 0px
}

.paddingtrb5
{
padding:5px 5px 5px 0px
}

#book-bg
{
width:219px;
height:272px;
background:url(images/book-bg.jpg) 0 0 no-repeat;
padding-top:30px;
}

#bg
{
background-color:#eee;
padding:5px 10px 5px 10px;
width:auto;
}
#bg-about
{
background-color:#eee;
padding:5px 10px 5px 10px;
width:auto;
height: 330px;
}
#bg p
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#bg ul
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#bg ul li
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 20px;
}


#msg
{
color:#ff0000;
font-size:13px;
text-align:center;
text-decoration:none
}

.msg
{
color:#ff0000;
font-size:13px;
text-align:center;
font-weight:normal;
text-decoration:none
}











ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: auto;
	list-style: none;
	position: relative;
	font: 1.3em normal Futura, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: url(images/top-nav-bg.jpg) repeat-x;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #555;
	position:relative;
	background:url(images/top-divider.jpg) top right no-repeat;
}
ul#topnav li a {
	padding: 5px 13px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}


ul#topnav li :hover { background: #A4DA78  ;
	border-radius:5px 5px 5px 5px;
	 }
	 
	 ul#topnav li span:hover { background: #A4DA78  ;
	border-radius:0px 0px 0px 0px;
	 }
	
ul#topnav li.current a 
{ 
	background: #a4da78 ;
	border-radius:5px 5px 5px 5px;
	color:#000000;
	
	
	
	}
	
	ul#topnav li.current li a { background:none;
	
	 }
		
ul#topnav li:visited { background: #1376c9 url(images/top-divider.jpg) top right no-repeat; }
ul#topnav li span{
	float: left;
	padding: 5px 0;
	position: absolute;
	left: 0px; top:28px;
	display: none;
	width: 223px;
	background: #a4da78;
	color: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}


ul#topnav li:hover span { display: block; }
ul#topnav li span a
 {
 
	  font-size:13px; 
	  line-height:25px; 
	  height:25px; 
	  padding:0px 10px 0px 15px;
	  text-align:left; 
	  background:url(images/sub-nav-divider11.jpg) top right no-repeat;
 }
	
ul#topnav li span a:hover { background: #A4DA78;	
					  border-radius:0px 0px 0px 0px;
	 				}	
	  
ul#topnav li.current span a { font-size:13px; margin-right:5px; text-align:left; line-height:25px; height:25px; padding:0px 10px 0px 15px; background:url(images/sub-nav-divider11.jpg) top right no-repeat;}

ul#topnav li span a:hover {text-decoration: underline; background:url(images/sub-nav-divider11.jpg) top right no-repeat;}
ul#topnav li span .selected { text-decoration: underline; }