@charset "utf-8";
/* Home CSS */

html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
}
body {
  font: 1em/1.25 Arial, Helvetica, sans-serif; background:#fff url(../image/gradient1a.jpg) repeat-x top;
}
th, li, dd, dt, ul, ol, q, acronym, abbr, a, input, select, textarea {
  margin: 0;
  padding: 0;
  font: normal normal normal 1em/1.25 Arial, Helvetica, sans-serif;
}
a, a:link, a:visited, a:active, a:hover { 
  text-decoration: underline;
  color: #00578a;
}
img { border: none; }

img.space { margin: 7px 0 7px 0; }

table {
  margin: 0;
  padding: 0;
  border: none;
}
.outline { border: 1px solid #9acfe4; padding: 10px; }

/* Header */
#headerbg {height: 80px; background:#FFFFFF /*url(http://www.abundatrade.com/images/NEW/headerbg.jpg) repeat-x*/; }
#headerbg .inner { width: 816px; margin:0 auto; }
#headerbg a#logoheader { float: left; }
#headerbg #tagheader { float: right; margin: 32px 7px 0 0; color: #666666; font-size: 19px; letter-spacing: -1px; }
#headerbg #tradetag { float: right; margin: 0; }

/* Navigation */

.navheader { 
	clear: both; 
	width: 100%; 
	position: relative; 
	height: 35px; 
    	margin: 0; 
	text-align: center; 
	background: #fff url(../image/navbg1.jpg) repeat-x/**/; 
	z-index:99;	
}

#menu-container {
    display: block;
    position: relative;
    height: 39px;
    width: 819px;
    margin: 0px auto 0px;
    text-align: center;
    z-index:99;
    font-size:11px;

}

#menu-container img {
    width: 161px;
    height: 35px;
}

/*
    End Navigation Style
*/


/*-------------Body----------*/
.homebody {
	clear: both;
	width: 816px;
	margin:0 auto;
	background-color:#ffffff;
	z-index:1;
	min-height: 300px;
	padding-top:12px;
	border-bottom: 1px solid #D8E6EF;

}

.homeindex {
	clear: both;
	width: 816px;
	margin:0 auto;
	background-color:transparent;
	z-index:1;
	min-height: 300px;
}


/* Index Image Roller */
img.roller { margin: 10px 0 0 0; }



/* Index Action Buttons*/
.action {  
	width: 812px; 
	height: 120px; 
	background:url(../image/actionbg1.png) no-repeat bottom center; 	
	margin: 0 0 18px 0;
}

.action h2{padding-top:22px; margin:0; font-weight:normal; color: #666666; font-size: 18px; letter-spacing: -1px; text-align: center;}
.buttons { margin: 7px 3px 0 3px; }
.actionleft{width: 533px; float:left; height:55px ;margin-left:10px;}
.actionright{width: 244px; float:left;height:55px;}
.actionright ol{padding: 5px; font-size:13px;list-style-position:inside}
.actionright ol li a{padding-top:3px; color:#00588A; font-weight:bold;}
.actionright a:hover{color:#000;}


/* Index Shipping image */

.centerimg{
	width: 660px; 
	height: 25px;
	margin:0 auto;
	padding-bottom: 8px;}

/*------------------------Home Feature - Rotator------------------------------*/

#feature {clear:both;width: 816px; height: 302px; margin: 0 0 38px 0; }

	#feature_box{
		width: 816px;
		height: 302px;
		margin:0 auto;
		padding:0;
		background: url(../image/M_featurebg.png) no-repeat;
		
	}
	
	#feature_box .feature_left{
		    width: 290px;
		    float:left;
		    height:290px;
		    padding:10px;
	}
	
#feature_box .feature_left img{margin:0; padding:2px 0 0px 3px;}	


#feature_box hr{margin:2px 0; padding:0; font-size:14px;}
	.feature_left .feat_img1{margin: 0px 0 0px 5px;padding-top:0px; }
	.feature_left .feat_img{padding-top: 2px;margin: 0px 1px 0 5px;}
	.feature_left .feat_imga{padding-top: 2px;margin-left: 1px;}

 	.feature_left .social_box{float:left; width:33px; height: 33px; margin: 0px 2px 2px 2px;}
 	.feature_left .social_box1{float:left; width:101px; height: 32px; margin: 0px 2px 2px 2px;}
 			.social_boxb{float:left; width:185px; height: 35px; margin: 2px 2px 2px 5px;}
 	.feature_left p.socialtxt{font-size:13px; font-weight:bold;padding:5px 0 2px 0; margin:0; color:#278C00;}	
 	.social_box img{margin-top:0px; vertical-align:bottom;}

.feature_main{
    width: 504px;
    float:right;
    height:300px; 
}

/* Scrollbox */
.topten { float: right; margin: 0 0 18px 0; width: 202px; height: 300px; border: 1px solid #ffffff; border-left: 0; }
td.toptencell { border-bottom: 1px solid #cccccc; border-top: 0; border-right: 0; border-left: 0; }
table.small { font-size: 10px; color: #666666; }
img.toptenimg { margin: 0 10px 0 10px; }


/* Miscellaneous */
.switch { clear: both; text-align: center; color: #666666; font-size: 16px;  padding: 10px; border: 0; }
.quote { clear: both; text-align: center; color: #444; font-size: 20px; padding-top: 15px; border: 0; }
.linkback { text-align: center; color: #333; font-size: 12px; border: 0; }
.clearAll{clear: both;}


/* Footer */
div#footerbg {
	min-height: 340px;
	width: 100%;
	/*background-image: url(http://www.abundatrade.com/images/footstacks.jpg);
	background-color: #0588bc;*/
	clear: both;
	
}
div#footerbg div.inner { width: 800px; margin: 0 auto; padding-top: 40px; }
div#footerbg div.inner ul { margin: 0; text-align: center; }
div#footerbg div.inner ul li { 
	display: inline; 
	margin: 5px;
	color: #555;
	font-size: 13px; 
}
div#footerbg div.inner ul li a { color: #00588B; text-decoration: none; }
div#footerbg div.inner ul li a:hover { text-decoration: underline; }
div#footerbg div.siteseals { width: 300px; margin-left: auto; margin-right: auto; padding-top: 10px; }
div.siteseals span.green { width: 103px; margin: 0 50px 0 0; }
div.siteseals span.rate { width: 115px; margin: 0; }

div#footerbg div.postseo { width: 800px; margin: 0 auto; padding-top:72px; }

/* Trade Catalogue */
.title { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
.price { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; }
.msrp { text-decoration: line-through; }
.your { font-weight: bold; color: #00578a; }
.small { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; }

/* List Submission Page */
.listbody { 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	background-color: #ffffff;
}
.boxes {
	width: 180px;
	height: 600px;
	float: left;
	margin: 18px 0 18px 0;
}
.list {
	width: 811px;
	height: 600px;
	display: block;
	background-color: #ffffff;
	float: right;
	margin: 18px 0 18px 0;
}
#applemenu{
margin: 5px 0;
padding: 0;
width: 180px; /*width of menu*/
border: 1px solid #9A9A9A;
}

#applemenu div.silverheader a{
background: black url(silvergradient.gif) repeat-x center left;
font: normal 12px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


#applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;
}


#applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(silvergradientover.gif);
color: white;
}

#applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 450px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#applemenu div.submenu img { margin: 5px 7px 5px 7px; }
#applemenu div.submenu blockquote { margin: 7px 25px 7px 25px; }
#applemenu div.submenu em { font-size: 10px; }

/* Fund a Cause */
#fundbg  { 
	background-image: url(../images/fundBG.jpg);
	height: 460px;
	width: 800px;
	
}
#fundbg h1  {
	color: #ffffff;
	font-size: 22px;
	letter-spacing: -1px;
	padding: 10px 0 0 0;
	margin: 0;
}
img.fundheader { margin: -17px 0 0 0; }
.fundlogo { margin: 40px 55px 10px 55px; }
#fundbg div.howto  { 
	background-image: url(../images/fundhowBG.jpg);
	float: left; 
	height: 366px;
	width: 333px;
	margin: 35px 0 0 50px;
}
#fundbg div.howto p {
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	margin: 5px 15px 5px 80px;
	line-height: 18px;
}
#fundbg div.howto img {
	margin: 20px 35px 0 35px;
	padding: 0;
	border: 0;
}
#fundbg div.ftdcause {
	background-image: url(../images/causesBG.jpg);
	height: 183px;
	width: 342px;
	float: left;
	margin: 35px 0 0 20px;
}
#fundbg div.ftdcause img { margin: 12px 0 0 70px; padding: 0; border: 0;  }
#fundbg div.causes p {
	text-align: left;
	color: #666666;
	font-size: 14px;
	margin: 15px 15px 0 20px;
	line-height: 16px;
}
#fundbg div.causes a { color: #00578a; }
#fundbg div.causes {
	background-image: url(../images/causeBG.jpg);
	height: 168px;
	width: 342px;
	float: left;
	margin: 15px 0 0 20px;
}
#fundbg div.causes img {
	margin: 20px 0 0 0;
	padding: 0;
	border: 0;
}
#fundbg div.ftdcause ul {
	float: left;
	margin: 20px 0 0 30px;
}
#fundbg div.ftdcause ul li {
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	list-style: none;
}
#fundbg div.ftdcause p {
	clear: left;
	float: left;
	margin: 10px 0 0 30px;
	font-size: 10px;
	line-height: 12px;
}
#fundkitbg { 
	background-image: url(../images/fundBG.jpg);
	width: 800px;
}
div.kitlist {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}
div.kitlist h1  {
	color: #00578a;
	font-size: 30px;
	letter-spacing: -1px;
	margin: 0 0 20px 0;
}
div.kitlist #name {
	color: #444444;
	font-size: 18px;
}
div.kitlist li {
	color: #666666;
	font-size: 14px;
	margin: 0 0 10px 0;
	list-style-image: url(../images/FundBullet.jpg);
}

/* The Team */

.team_layout{width:800px; margin:0 auto; padding-left: 12px;}

.team-item-wrappertxt p{font-size:14px; padding: 0px 15px; line-height: 135%; font-family:Veranda, Arial, Helvetica, san-serif;color:#222;}
.team_layout h1{font-size: 28px; color:#555; line-height: 130%; padding: 10px 0 6px 0; }
.team_layout h2{font-size:20px; margin:0;padding:2px 0; font-family:Veranda, Arial, Helvetica, san-serif;color:#037FB3; font-weight:normal;}
.team_layout h3{font-size:17px; margin:0;padding:0px 0; font-family:Veranda, Arial, Helvetica, san-serif;color:#31A900; font-weight:normal;}

.team_layout .team-item-wrapper {
	width:250px;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	border:1px solid #ccc;
}

.team_layout img{ margin:8px 0 0 59px; border: 2px solid #ccc; padding: 3px;}
.team-item-wrappertxt{width:250px; height: 290px; border-bottom: 4px solid #017EB4/*background: url(../image/teambg.jpg)no-repeat bottom*/; }

.team_layout .portfolio-item-wrapper.right-most {
	margin-right:0px;
}

.clearer {clear:both;font-size:0px;line-height:0px;}



/* Mentions */
table.mentions img a, a:visited {
	border: 2px;
	border-color: #ffffff;
}
table.mentions img a:hover, a:active {
	border: 2px;
	border-color: #298f00;
}

/* Refer Thanks */
.referth { color: #00578A; font-size: 35px; }

/* Featured Cause */
h1.ps  {
	color: #ffffff;
	font-size: 22px;
	letter-spacing: -1px;
	padding: 20px 0 0 0;
}
.psone  { 
	background-image: url(../images/MMtrade_bg.jpg);
	height: 250px;
	width: 800px;
}
.psone p {
	color: #000000;
	font-size: 14px;
	line-height: 16px;
}
.psone ul { margin: 0 0 0 20px; }
.psone ul li {
	font-size: 14px;
}
.competition ul { margin: 0 20px 0 40px; }
.competition ul li { font-size: 14px; }
.psinfo  { 
	background-image: url(../images/MMbuy_bg.jpg);
	height: 150px;
	width: 800px;
	font-size: 14px;
}
.psintro	{
	text-align: left;
	color: #000000;
	font-size: 14px;
	margin: 20px 20px 0 20px;
} 	

/* Article */
img.letter { float: left; margin-right: 10px; }
img.incpic { float: right; margin: 10px 0 10px 10px; }
p.incp { font-family: Times New Roman, Times, serif; margin: 10px 0 0 0; }

/* SellingBin.com landing page */
#landbg h1  {
	color: #ffffff;
	font-size: 22px;
	letter-spacing: -1px;
	padding: 10px 0 0 0;
}
#landbg  { 
	background-image: url(../images/landbg.jpg);
	height: 560px;
	width: 800px;
}
#landbg div.howto  { 
	background-image: url(../images/fundhowBG.jpg);
	float: left; 
	height: 366px;
	width: 333px;
	margin: 10px 0 0 0;
}
#landbg div.howto p {
	text-align: left;
	color: #ffffff;
	font-size: 14px;
	margin: 5px 15px 5px 80px;
	line-height: 18px;
}
#landbg div.howto img {
	margin: 20px 35px 0 35px;
	padding: 0;
	border: 0;
}
#landbg div.illus {
	height: 386px;
	width: 359px;
	float: left;
	margin: 10px 0 0 50px;
}
#landbg div.illus div.text {
	height: 60px;
	text-align: center;
	color: #666666;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -1px;
	margin: 0;
	padding: 5px;
}
#landbg div.illus a { color: #cccccc; }


/* selling book  page */

.ppc_title2
{
       text-align:left;
       font-size:16px;
       padding:0;
       margin: 30px 30px 0 0;
       color: #00578a;
       }
   
.ppc_p
{
text-align:left; 
font-size:14px; 
padding:0; 
margin: 10px 30px 0 0;
}
      
 

/*CSS for Shade Tabs*/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}


.tabcontent {
display:block !important;
}


img.live5 {
    margin: 3px 0 15px 0;
}



/*
    Start Trade Calculator Style

*/

#abundaCalcTbl
{
    width: 100%;
    margin-bottom: 18px;
    margin-left: 1px;
    margin-top: 15px;
}

#abundaCalcTbl thead th
{
    background: #298E00 url(../Images/calc_head_bg.jpg) repeat-x bottom;
    height: 35px;
    border-bottom: 1px solid #C0C0C0;
    padding: 6px 5px 2px 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
}

#abundaCalcTbl tbody td
{
    background: #cef4ff;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    padding: 3px 2px 2px 3px;
    color: #000;
    font-size: 14px;
    text-align: center;
}

#abundaCalcTbl tbody td.delete img
{
    cursor: pointer;
}

#abundaCalcTbl tbody
{
    max-height: 400px;
}

#abundaCalcTbl td.upc
{
    width: 90px;
}

#abundaCalcTbl td.values
{
    text-align: right;
}

#abundaCalcTbl tfoot th
{
    background: #1F6300 url(../Images/calc_foot_bg.jpg) repeat-x top;
    border-bottom: 1px solid #C0C0C0;
    height:20px;
    padding: 0px 5px 2px 5px;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
    text-align: right;
}

#abundaCalcTbl td.details
{
    width: 250px;
    text-align: left;
    font-size: 12px;
}

#abundaCalcTbl td.details div.td_details
{
    width: 60%;
    height: 98%;
    float: left;
}
#abundaCalcTbl td.details div.td_image
{
    width: 38%;
    height: 98%;
    float: left;
}

#abundaCalcTbl td.details div.td_image img
{
    border: 1px solid #6EB308;
}

/*
    End Trade Calculator Style
*/

/*
    Start Accordian Style

*/

#accordion
{
    border:1px solid #9A9A9A;
    margin:5px 0;
    padding:0;
    width:180px;
    margin-top: 15px;
}

#accordion h3.toggler
{
    background: #000 url(../Images/silvergradient.gif) repeat-x scroll left center;
    color: #fff;
    font-size: 12px;
    padding: 5px 0 5px 8px;
    cursor:pointer;
}

#accordion h3.toggler_selected
{
    background: #000 url(../Images/silvergradientover.gif) repeat-x scroll left center;
    color: #fff;
    font-size: 12px;
    padding: 5px 0 5px 8px;
    cursor:pointer;
}

#accordion div.element
{
    background: #fff;
    color: #666666;
    height: 450px;
    padding: 5px;
    font-size: 12px;
}

#accordion div.element em
{
    font-size: 10px;
}
/*
    End Accordian Style
*/

/*
    AbundaTrade Calculator Input
*/

#main_content_head
{
    background: #fff url("../Images/form_bg.png") no-repeat;
    height: 120px;
    width: 100%;
    z-index: 1;
}

#main_content #input_section
 {
    margin-top: 25px;
    margin-left: 30px;
    position: absolute;
    display: block;
    color: #ffffff;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    width: 750px;
 }
 #input_section div.input_container
 {
    width: 300px;
    height: 40px;
 }
#input_section div.input_container div.label
{
    margin-top: 5px;
}

#input_section div.input_container div.product_holder
 {
    width:172px;
    height:32px;
    background: url("../Images/upc_input.png");
    position:absolute;
    top: 0px;
    left: 115px;
    z-index: 1;

 }

#input_section div.product_holder #product_code
{
    background: none;
    border: none;
    width:140px;
    height:22px;
    margin-top:7px;
    margin-left:18px;
    z-index: 1;
}


#input_section div.input_container div.qty_holder
 {
    width:106px;
    height:32px;
    background: url("../Images/qty_input.png");
    position:absolute;
    top: 0px;
    left: 405px;
    z-index: 1;
 }

#input_section div.qty_holder #product_qty
{
    background: none;
    border: none;
    width:60px;
    height:22px;
    margin-top:7px;
    margin-left:10px;
}

#input_section div.input_container div.qty_label
{
    position:absolute;
    top: 0px;
    margin-top: 5px;
    left: 325px;
}

#input_section div.input_container div.submit_holder
 {
    position: absolute;
    top: 0px;
    margin: -5px;
    left: 525px;
 }

#input_section .submit
{
    border:none;
    background: url("../Images/add_button.png") no-repeat;
    width: 95px;
    height: 50px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin:0;
    padding:0;
}

#input_section .submit:hover
{
    background: url("../Images/add_button_hover.png") no-repeat;
}

#input_section #option_section
 {
    position: absolute;
    top: 58px;
    left: 625px;

 }

/*
    Login Form

    Modal Settings for pop up login
*/

.Modal
{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

.modalBackground
{
    filter: Alpha(Opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}

.modalContainer
{
    position: absolute;
    width: 300px;
    left: 40%;
    top: 40%;
    z-index: 750;
}

.modal
{
    background-color: #02568A;
    border: solid 2px #816E59;
    position: relative;
    color: #FFE87C;
    top: -150px;
    left: -150px;
    z-index: 1000;
    width: 350px;
    height: 370px;
    padding: 5px 15px;
    margin: 5px;
}
.modalTop
{
    width: 292px;
    background-color: #000099;
    padding: 4px;
    color: #FFE87C;
    text-align: right;
}

.modalTop a, .modalTop a:visited
{
    color: #FFE87C;
}

.modalBody
{
    padding: 10px;
    margin: 10px;
    text-align: left;
}

.modal label
{
    display: block;
    margin-top: 15px;
    margin-left: 5px;
    width: 200px;
    font-weight: bold;
}


#product-submission {
    clear: both;
    text-align: center;
}

#submitModal .modalContainer .modal .Notice
{
    border: solid 1px yellow;
    margin: 0px;
    background-color: #F4F4F4;
    margin-bottom: 3px;
    color: black;
}

#submitModal .modalContainer .modal .Header
{
    padding-left: 3px;
    font-weight: bold;
    background-color: #F0F0F0;
    border-bottom: solid 1px black;
}

#submitModal .modalContainer .modal .Note
{
    padding-left: 3px;
    padding-right: 3px;
    font-size: smaller;
}
#submitModal .modalContainer .modal .Note p
{
    padding-bottom: 4px;
    margin: 0px;
}
#submitModal .modalContainer .modal select
{
    width:352px;
}
#submitModal .modalContainer .modal input[type=text]
{
    width:355px;
}
#submitModal .modalContainer .modal input[type=checkbox]
{
    width:20px;
}
#submitModal .modalContainer .modal input[type=button]
{
    width:140px;
}
#submitModal .modalContainer .modal input[type=submit]
{
    width:140px;
    margin-right: 70px;
}

/*
    End Login Form
*/



.inside_content{width: 780px; margin-left: 4px; padding: 0px 10px 20px 10px;}

.inside_content p{font-size: 16px; color:#333; line-height: 135%; padding: 4px 0 6px 0;}

.inside_content h1{font-size: 28px; color:#111; line-height: 130%; padding: 10px 0 6px 0; font-weight:normal;}

.inside_content h2{font-size: 24px; color:#111; line-height: 130%; padding: 0; font-weight: bold;}

.inside_content h3{font-size: 18px; color:#111; line-height: 130%; padding: 0 0 6px 0;font-weight:normal;}

.inside_content ol {list-style-type: decimal; list-style-position: outside; margin: 10px 0px 8px 18px; }

.inside_content ol li {padding: 2px 0px 12px 5px; }

.inside_content ul {list-style-type: disc; list-style-position: outside; margin: 2px 0px 8px 18px; color: #111;}


#numlist{list-style-type: decimal; list-style-position: outside; margin: 0px 0px 8px 24px; font-size: 14px; padding: 0px 8px 0px 12px; }
#numlist li{padding: 2px 0px 3px 5px; }

.center{text-align:center;}


.whiteT{color:#fff;font-weight:bold;}
.greenbg{background-color:#7FB51A;}
.orangebg{background-color:#FFAA00;}
.bluebg{background-color:#0088FF;}
.smallT{font-size:10px;}

#slider1 {
    width: 498px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	
}

#slider1Content {
    width: 498px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 2px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;z-index:50;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 485px;
    border-top:1px dotted #888;
    background: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #000;
    display: none;
}
.clear {
	clear: both;
}

.clearend{clear:both;padding-bottom:28px;}


.slider1Image span strong {
    font-size: 14px;
}

.slider1Image a{color:#298E00; font-weight:bold; font-size:15px;}
.bottom {
	bottom: 0;
    left: 0;
    margin-bottom:5px;
}

ul { list-style-type: none;}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 799px;
height: 43px;
border: 1px dotted #777;
padding: 5px 0 5px 9px;
background-color: #F3F3F3;
color:#014C79;
font-weight:bold;
text-decoration: none;
font-size:12px;
z-index:1;
}



#pscroller1 a{
text-decoration: none;
color:#555;
font-weight:normal;

}

#pscroller1 p{
text-decoration: none;
color:#333;
font-weight:bold;margin:0;padding:0;

}

.someclass{font-weight:bold;z-index:1; margin-top:18px;
}

/*twif custom */

.title01{
font-size:40px;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
margin: 10px 0 0 0;
font-weight:normal;
color:#666;
}

.blue01{color:#00578a;}
.blue1_01{color:#0588bc;}
.green01{color:#298f00;}
.attention{font-weight:bold;}

.video01{width: 610px; margin:0px auto;}

.bigtext1{font-size: 48px;  line-height: 90%; font-weight:normal; color:#00578a;}
.bigtext1a{font-size: 42px;  line-height: 90%; font-weight:normal;}
.bigtext2{font-size: 33px;  line-height: 104%; font-weight:normal; color:#DB6408;}
.bigtext2a{font-size: 25px; line-height: 112%; font-weight:normal; color:#0588BC;}

.timesfont{font-family:"Times New Roman", Georgia, serif;}

.largetxt{font-size: 17px; color: #333;}
.center_div{clear:both; width: 600px; margin:0 auto; padding: 6px 20px;}

.dictionary{
font-size:32px;
font-family:Arial,Helvetica,sans-serif;
margin: 32px 0 0 0;
font-weight:normal;
color:#222;
}

.dictionarydd{margin: 13px 0 6px 42px; font-size: 28px;}

/*conact page*/
dl.table-display
{
	float: left;
	width: 470px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
	font-size:16px;
}

.table-display dt
{
	clear: left;
	float: left;
	width: 160px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
	
}

.table-display dd
{
	float: left;
	width: 280px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

.table-display a{font-size:16px; font-weight:normal;text-decoration:none;}
.table-display a:hover{text-decoration:underline;}


/*contest*/

#mainside{float:left; width: 500px; margin-left: 3px;padding: 7px 12px 12px 7px;}

#mainside p{font-size:16px; color:#444; padding: 0 0 2px 0;}

#mainside h1{font-size: 26px; font-weight:normal; color:#2A9200;}

#mainside ol {margin: 2px 0px 2px 18px; padding: 8px 8px 8px 12px; font-size:16px;color:#444;}


#mainside ol { list-style-type: decimal; list-style-position: outside; margin: 10px 0px 10px 24px;  padding: 8px;}

.list1{list-style-type: disc; margin: 2px 0px 2px 18px; padding: 8px 8px 8px 12px; font-size:16px;color:#444;}

#smallside{float:right; width: 250px; padding: 7px 2px 12px 4px;}