/* CSS Document */

body{
	padding:0;
	margin:0;
	background:url(../images/body_bg.gif) 0 0 repeat-x #EDEBD5; 
	color:#87600C;
}
div, h1, h2, p, form, label, input, textarea, img, span{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

a:link, a:visited {
	color: #d58608;
	border:none; 
} 

a:hover, a:active {
	color: #983d01;
	border:none; 
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.spacer{
	clear:both; 
	font-size:0px; 
	line-height:0px;
}
/*------------------------------------------------body--------------------*/

/*------------------------------------------------header start--------------------*/
#header{
	background:url(../images/header.jpg) 0 0 no-repeat;
	width:778px;
	height:302px;
	margin:0 auto;
	position:relative;
}
#header img{
	position:absolute;
	top:192px;
	left:417px;
	width:340px;
	height:44px;
}
#header h1{
	display:block;
	width:443px;
	height:19px;
	text-indent:-10000px;
	position:absolute;
	left:311px;
	top:235px;
	background-image: url(../images/slogan.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#header ul{
	width:525px;
	height:22px;
	background:url(../images/nav_bg.gif) 0 0 repeat-x #DDDBC0;
	color:#fff;
	position:absolute;
	left:217px;
	top:265px;
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 8px;
}
#header ul li{
	display:block;
	margin:0;
	height:22px;
	float:left;
}
#header ul li a{
	display:block;
	padding:0 14px 0 16px;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#5C5A38;
	background:url(../images/nav_bg.gif) 0 0 repeat-x #DDDBC0;
	text-decoration:none;
}
#header ul li a:hover{
	color:#fff;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #D51110;
}
#header ul li.home{
	display:block;
	margin:0;
	height:22px;
	padding:0 14px 0 16px;
	font:bold 13px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/nav_bg_hover.gif) 0 0 repeat-x #D51110;
	text-decoration:none;
	float:left;
}
	
/*------------------------------------------------header end--------------------*/

/*------------------------------------------------body start--------------------*/
#body{
	width:727px;
	background-color:#F8F7EE;
	color:#87600C;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 13px;
	padding-right: 25px;
	padding-left: 26px;
	padding-bottom: 13px;
}
#member{
	width:248px;
	float:left;
}
#member h2{
	display:block;
	width:232px;
	height:31px;
	padding:3px 0 4px 16px;
	background:url(../images/member_login_bg.gif) 0 0 repeat-x #D4100E;
	color:#fff;
}
#member h2 span{
	display:block;
	width:158px;
	background:url(../images/member_login_icon.gif) 0 2px no-repeat #D4100E;
	padding:0 0 0 44px;
	font:normal 24px/31px Georgia, "Times New Roman", Times, serif;
	color:#fff;
}
#member form{
	width:214px;
	padding:19px 17px 14px 17px;
	margin:0;
	background-color:#DBD9BD;
	color:#222222;
	float:left;
}
#member form label{
	display:block;
	width:70px;
	font:bold 13px/30px Tahoma, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	float:left;
}
#member form input{
	width:135px;
	height:24px;
	border:#EBEADD solid 1px;
	background-color:#AFAC87;
	color:#000;
	margin:0 0 7px 0;
	float:right;
}
#member form p{
	display:block;
	width:141px;
	height:15px;
	padding:0 0 0 7px;
	background-color:#F0EFDB;
	color:#D30000;
	border:#BFBC98 solid 1px;
	margin:6px 0 0 0;
	font-size:0;
	float:left;
}
#member form p a{
	font:normal 10px/15px Arial, Helvetica, sans-serif;
	color:#D30000;
	background-color:#F0EFDB;
	text-transform:uppercase;
	text-decoration:none;
}
#member form p a:hover{
	color:#000;
	background-color:#F0EFDB;
}
#member form input.go{
	background:url(../images/btn_go.gif) 0 0 no-repeat;
	width:32px;
	height:19px;
	float:right;
	border:none;
	cursor:pointer;
	margin:6px 0 0 0;
}
#body h2.history{
	display:block;
	width:440px;
	height:42px;
	font:normal 24px/42px Georgia, "Times New Roman", Times, serif;
	color:#222222;
	background-color:#F8F7EE;
	background-image:none;
	padding:0;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#body p{
	display:block;
	width:440px;
	float:left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 0px;
	clear: none;
	text-align: justify;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	font-variant: normal;
}
#body p span{
	color:#D30000;
	background-color:#F8F7EE;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}
#body p.readmore{
	display:block;
	width:84px;
	height:20px;
	background:url(../images/read_more_bg.gif) 0 0 repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 354px;
}
#body p.readmore a{
	display:block;
	width:100px;
	height:20px;
	background:url(../images/read_more_icon.gif) 76px 2px no-repeat #F8F7EE;
	font:bold 13px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#222222;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}
#body p.readmore a:hover{
	background:url(../images/read_more_icon_hover.gif) 76px 2px no-repeat #F8F7EE;
	color:#D30000;
}
#body p.readmore2{
	display:block;
	width:84px;
	height:20px;
	background:url(../images/read_more_bg.gif) 0 0 repeat-x;
	margin:0;
	position:absolute;
	left:298px;
	top:365px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 354px;
}
#body p.readmore2 a.rm{
	display:block;
	width:100px;
	height:20px;
	background:url(../images/read_more_icon.gif) 76px 2px no-repeat #F8F7EE;
	font:bold 13px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#222222;
	text-decoration:none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	float: none;
}
#body p.readmore2 a.rm:hover{
	background:url(../images/read_more_icon_hover.gif) 76px 2px no-repeat #F8F7EE;
	color:#D30000;
}
.arrowlistmenu{
	width: 227px; /*width of accordion menu*/
}

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

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../images/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 .opensubheader{ /*Open state CSS for sub menu header*/
background: #e6e6e6 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #ffdeb1 !important;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/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*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
#latest{
	width:261px;
	margin:0 0 0 0;
	padding:0 0 0 16px;
	float:left;
}
#latest h2.work{
	display:block;
	width:175px;
	height:55px;
	background:url(../images/reunion_icon.png) 0 5px no-repeat;
	font:normal 24px/20px Georgia, "Times New Roman", Times, serif;
	color:#222222;
	background-color:#F8F7EE;
	padding:0 0 0 51px;
	margin:15px 0 10px 0;
	float:left;
}
#latest h2.work span.red{
	display:block;
	color:#D30000;
	background-color:#F8F7EE;
	margin:0;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: normal;
	line-height: 30px;
	font-weight: normal;
	font-variant: normal;
}
#latest ul{
	width:226px;
	margin:0;
	padding:0;
}
#latest ul li{
	display:block;
	width:227px;
	margin:0;
	float:left;
}
#latest ul li a{
	display:block;
	width:210px;
	background:url(../images/bullet.gif) 0 9px no-repeat #F8F7EE;
	padding:0 0 0 14px;
	font:normal 13px/22px Tahoma, Arial, Helvetica, sans-serif;
	color:#87600C;
	text-decoration:none;
}
#latest ul li a:hover{
	background:url(../images/bullet_hover.gif) 0 9px no-repeat #F8F5DB;
	color:#000;
}
#latest ul li.nbdr{
	border:none;
}
#publisher{
	width:210px;
	float:left;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
}
#publisher h2.pub{
	display:block;
	width:210px;
	color:#222222;
	background-color:#F8F7EE;
	float:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	font-weight: normal;
	font-variant: normal;
	margin-bottom: 12px;
	padding-bottom: 12;
}
#publisher p{
	width:180px;
	font:bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#87600C;
	background-color:#F8F7EE;
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}
#publisher ul{
	width:186px;
	margin:0;
	padding:0;
}
#publisher ul li{
	display:block;
	margin:0;
	float:left;
}
#publisher ul li a{
	display:block;
	background:url(../images/bullet_red.gif) 0 7px no-repeat #F8F7EE;
	padding:0 0 0 14px;
	font:normal 13px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#87600C;
	text-decoration:none;
}
#publisher ul li a:hover{
	background:url(../images/bullet_red_hover.gif) 0 7px no-repeat #F8F5DB;
	color:#000;
}
#right{
	width:220px;
	float:left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#right p{
	width:179px;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	color:#87600C;
	background-color:#F8F7EE;
	padding:0;
	margin:0 0 15px 0;
}
#right ul{
	width:186px;
	margin:0;
	padding:0;
}
#right ul li{
	display:block;
	float:none;
	width: 220px;
	margin-left: 5px;
	padding-bottom: 12px;
}
#right ul li a{
	display:block;
	background:url(../images/bullet_red.gif) 0 7px no-repeat #F8F7EE;
	padding:0 0 0 14px;
	font:normal 13px/20px Tahoma, Arial, Helvetica, sans-serif;
	color:#87600C;
	text-decoration:none;
}
#right ul li a:hover{
	background:url(../images/bullet_red_hover.gif) 0 7px no-repeat #F8F5DB;
	color:#000;
}

/*------------------------------------------------body end--------------------*/
/*------------------------------------------------quote start--------------------*/
#quote{
	width:622px;
	height:128px;
	margin:0 auto;
	padding:0 0 0 156px;
	background:url(../images/logo_run.jpg) 0 0 no-repeat;
}
#quote p{
	width:620px;
	padding:10px 0 0 0;
	font:bold 10px/16px Arial, Helvetica, sans-serif;
	color:#87600C;
	background-color:#EDEBD5;
}
#quote p span{
	font:bold 14px Georgia, "Times New Roman", Times, serif;
	color:#87600C;
	background-color:#EDEBD5;
	text-transform:uppercase;
	padding:0 7px 0 0;
	float:right;
}

/*------------------------------------------------quote end--------------------*/

/*------------------------------------------------red part start--------------------*/
#red-main{
	width:100%;
	height:110px;
	padding:12px 0 20px 0;
	background:url(../images/red_bg.gif) 0 0 repeat-x;
}
#red{
	width:705px;
	height:110px;
	margin:0 auto;
}
#tips{
	width:221px;
	border-right:#CECBAB dashed 1px;
	float:left;
}
#tips h2{
	display:block;
	width:200px;
	color:#EDEBD5;
	background-color:#BB0000;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#tips ul{
	width:188px;
	margin:0;
	padding:0;
}
#tips ul li{
	float:left;
}
#tips ul li a{
	display:block;
	width:172px;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 16px;
	background:url(../images/bullet_white.gif) 0 7px no-repeat #BB0000;
	float:left;
}
#tips ul li a:hover{
	background:url(../images/bullet_white_hover.gif) 0 7px no-repeat #AA0000;
	color:#fff;
}
#tips p.rm-yellow{
	display:block;
	width:87px;
	height:13px;
	background:url(../images/read_more_bg_yellow.gif) 0 0 repeat-x;
	font-size:0;
	padding:0 0 0 100px;
	margin:0 0 5px 0;
	float:left;
}
#tips p.rm-yellow a{
	display:block;
	width:79px;
	padding:3px 0 0 8px;
	height:10px;
	font:bold 13px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/read_more_icon_black.gif) 79px 6px no-repeat #BB0000;
	text-decoration:none;
}
#tips p.rm-yellow a:hover{
	color:#EDEBD5;
	background:url(../images/read_more_icon_black_ho.gif) 79px 6px no-repeat #BB0000;
}
#links{
	width:219px;
	border-right:#CECBAB dashed 1px;
	padding:0 0 0 39px;
	float:left;
}
#links h2{
	display:block;
	width:200px;
	color:#EDEBD5;
	background-color:#BB0000;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#links ul{
	width:188px;
	margin:0;
	padding:0;
}
#links ul li{
	float:left;
}
#links ul li a{
	display:block;
	width:172px;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 16px;
	background:url(../images/bullet_white.gif) 0 7px no-repeat #BB0000;
	float:left;
}
#links ul li a:hover{
	background:url(../images/bullet_white_hover.gif) 0 7px no-repeat #AA0000;
	color:#fff;
}
#links p.rm-yellow{
	display:block;
	width:87px;
	height:13px;
	background:url(../images/read_more_bg_yellow.gif) 0 0 repeat-x;
	font-size:0;
	padding:0 0 0 100px;
	margin:0 0 5px 0;
	float:left;
}
#links p.rm-yellow a{
	display:block;
	width:79px;
	padding:3px 0 0 8px;
	height:10px;
	font:bold 13px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/read_more_icon_black.gif) 79px 6px no-repeat #BB0000;
	text-decoration:none;
}
#links p.rm-yellow a:hover{
	color:#EDEBD5;
	background:url(../images/read_more_icon_black_ho.gif) 79px 6px no-repeat #BB0000;
}
#methods{
	width:187px;
	padding:0 0 0 35px;
	float:left;
}
#methods h2{
	display:block;
	width:200px;
	color:#EDEBD5;
	background-color:#BB0000;
	padding:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#methods ul{
	width:188px;
	margin:0;
	padding:0;
}
#methods ul li{
	float:left;
}
#methods ul li a{
	display:block;
	width:172px;
	font:normal 13px/20px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	padding:0 0 0 16px;
	background:url(../images/bullet_white.gif) 0 7px no-repeat #BB0000;
	float:left;
}
#methods ul li a:hover{
	background:url(../images/bullet_white_hover.gif) 0 7px no-repeat #AA0000;
	color:#fff;
}
#methods p.rm-yellow{
	display:block;
	width:87px;
	height:13px;
	background:url(../images/read_more_bg_yellow.gif) 0 0 repeat-x;
	font-size:0;
	padding:0 0 0 100px;
	margin:0 0 5px 0;
	float:left;
}
#methods p.rm-yellow a{
	display:block;
	width:100px;
	padding:3px 0 0 8px;
	height:10px;
	font:bold 13px/10px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	background:url(../images/read_more_icon_black.gif) 79px 6px no-repeat #BB0000;
	text-decoration:none;
}
#methods p.rm-yellow a:hover{
	color:#EDEBD5;
	background:url(../images/read_more_icon_black_ho.gif) 79px 6px no-repeat #BB0000;
}
/*------------------------------------------------red part end--------------------*/

/*------------------------------------------------footer start--------------------*/
#footer-main{
	width:100%;
	height:125px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x #B18545;
	color:#fff;
}
#footer{
	width:778px;
	height:125px;
	margin:0 auto;
	background:url(../images/footer_design.gif) 0 0 no-repeat;
	position:relative;
}
#footer a.xht{
	display:block;
	width:57px;
	height:14px;
	background:url(../images/xhtml_bg.gif) 0 0 no-repeat #B18545;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	left:108px;
	top:22px;
}
#footer a.xht:hover{
	color:#fff;
	background:url(../images/xhtml_bg_hover.gif) 0 0 no-repeat #B18545;
}
#footer a.cs{
	display:block;
	width:43px;
	height:14px;
	background:url(../images/css_bg.gif) 0 0 no-repeat #B18545;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
	position:absolute;
	left:166px;
	top:22px;
}
#footer a.cs:hover{
	color:#fff;
	background:url(../images/css_bg_hover.gif) 0 0 no-repeat #B18545;
}
#footer ul{
	width:526px;
	margin:0;
	padding:0;
	position:absolute;
	left:253px;
	top:25px;
}
#footer ul li{
	margin:0;
	float:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#B18545;
}
#footer ul li a{
	font:bold 13px/13px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#B18545;
	text-decoration:none;
	padding:0 14px 0 14px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li.home2{
	padding:0 14px 0 14px;
	float:left;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#B18545;
}
#footer p.copyright{
	font:normal 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#B18545;
	position:absolute;
	left:531px;
	top:66px;
	width: 240px;
}
#footer p.design{
	display:block;
	width:148px;
	height:25px;
	position:absolute;
	left:618px;
	top:84px;
	font:normal 11px/25px Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#B18545;
	text-align:center;
}
#footer a.link{
	color:#fff;
	padding:3px;
	background-color:#B18545;
	text-decoration:none;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 25px;
	font-weight: bold;
}
#footer a.link:hover{
	color:#fff;
	background-color:#785625;
}
/*------------------------------------------------footer end--------------------*/

#popout {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 200px;
	left: 0;
	width: 897px;
	height: 439px;
	z-index: 100;
	overflow: hidden; 
	/* Allows us to hide the ad with a negative margin. */ }

/* Basic formatting within the ad space. */
#popout a, #popout a img {
	text-decoration: none;
	border: 0;
	outline: 0; }
#popout a span {
	display: none; }

/* Formatting the "Cap" - the part the user click to open the ad. */
#popout #cap {
	width: 20px;
	height: 439px;
	position: relative;
	left: 0;
	z-index: 102; }

/* Formatting the close button. */
#popout a#close {
	position: absolute;
	background: transparent url(transparent.gif);
	top: 0;
	left: 820px;
	height: 20px;
	width: 60px; }

/* Formatting the ad itself. */
#popout #adbox {
	position: absolute;
	top: 10px;	
	left: 20px;
	margin-left: -867px;
	z-index: 101; }