@charset "utf-8";
/* CSS Document */

body {
	font-family:Arial, Helvetica, sterns-serif;
	color:#315588;
	font-size:12px;
	background:url(../images/scratches2.png) ;
	}
	
	*{
	margin:0px;
	padding:0px;
	}
h1, h2, h3, h4, h5, h6, p, ul, li {
    margin:0;
	padding:0;
}
a {
    text-decoration:none;
	outline:none;
	color:#000000;
}
img {
    border:0;
	outline:none;
}
.black{
	color:#000000;
	}
.red{
	color:#FF0000;
	}
.gray{
	color:#7c7c7c;
	}
.blue{
	color:#0070c0;
	}
.green{
	color:#6b9e34;
	}
.flt-left {
	float:left;
}

.flt-right {
	float:right;
}
.btn-blue{
	background:url(../images/registration-btn-common.jpg) left top repeat-x;
	border:solid 1px #1f3a60;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	display:block;
	outline:none;
	}
*+html .btn-blue{
	border:none;
	}
.btn-green{
	background:url(../images/green-btn-common.jpg) left top repeat-x #557f3d;
	border:solid 1px #5c7d4d;
	color:#FFFFFF;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	display:block;
	outline:none;
	}
*+html .btn-green{
	border:none;
	}
.btn-gray{
	background:url(../images/gray-btn-common.jpg) left top repeat-x;
	border:solid 1px #c0c0c0;
	color:#000000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 5px 0px 5px;
	cursor:pointer;
	display:block;
	outline:none;
	}
*+html .btn-gray{
	border:none;
	}

.clear{
	clear:both;
	}
input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	
	

	
	
#main-container{
  width:1053px;
  margin:0px auto 0px auto;
 height:auto;
  }
  
#main-container-2{
  width:1053px;
  margin:0px auto 0px auto;
  height:auto;
  }
	
/*------------------header-wrap starts------------------*/
#header-wrap{
  width:1053x;
  margin:0px auto 0px auto;
  height:84px; 
}

#header-wrap .header-wrap-content{
  width:1000px;
  margin:0px auto 0px auto;
  height:84px; 
}

#header-wrap .header-wrap-content .logo{
  width:534px;
  margin:0px;
  padding:0px;
  float:left;
  height:81px;
   
}
#header-wrap .header-wrap-content .right{
  width:126px;
  float:right;
  padding:35px 0px 15px 0px;  
  height:31px; 
}
/*------------------header-wrap ends------------------*/
#topShadow {
  background: url(../images/scratches_top.png) no-repeat scroll center bottom transparent;
  height: 19px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
/*------------------page-container-wrap starts------------------*/
.page-container {
    background: url(../images/scratches_mid.png) repeat-y scroll center top transparent;
    margin: 0 auto;
    width: 100%;
	height:auto;
}

#bottomShadow {
    background: url(../images/scratches_dwn.png) no-repeat scroll center top transparent;
    display: block;
    height: 40px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#page-wrapper {
    background-color: #FFFFFF;
    position: relative;
    width: 1000px;
	border:1px solid #888888;
	height:974px;	
	margin:0px auto;
}
#page-wrapper-inner {
    background-color: #FFFFFF;
    position: relative;
    width: 1000px;
	border:1px solid #888888;
	height:auto;	
	margin:0px auto;
}
/*------------------menur-wrap starts------------------*/
#menu-bar{
	width:1000px;
	height:36px;
	float:left;
	margin:0px;
	padding:0px;
	}

#menu{
	position:relative;
	display:block;
	height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background:url(../images/menu-bg.jpg) repeat-x left top;
	
	}

#menu ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
	}

#menu ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
	}

#menu ul li a{
	display:block;
	float:left;
	color:#6c6c6c;
	text-decoration:none;
	padding:0px 20px 0 20px;
	height:36px;
	line-height:36px;
	background:url(../images/menu-gray-button.jpg) no-repeat top left;
	}

#menu ul li a:hover{
	color:#FFF;
	background:#fbfbfb url(../images/menu-red-button.jpg) no-repeat top right;
	}

#menu ul li a.current,#foxmenu ul li a.current:hover{
	color:#FFF;
	background:url(../images/menu-red-button.jpg) no-repeat top left;
	}
	
#menu ul li .diver{
	background:url(../images/diver.jpg) no-repeat right top;
	}
	
/*------------------menur-wrap end------------------*/

#container {
	width:972px;
	margin:14px 14px 0px 14px;
	float:left;
	height:auto;	
	}
	
#banner-part {
	width:972px;
	float:left;
	height:300px;
	margin:0px;
	padding:0px;	
	}
	
#banner-part .left {
	width:690px;
	float:left;
	height:300px;
	margin:0px;
	padding:0px;	
	}
#right-menu {
	width:268px;
	float:right;
	height:300px;	
	margin:0px 0px 0px 14px;	
	}
.right-menu-top {
	width:268px;
	float:left;
	height:20px;
	padding:0px;
	margin:0px;
	background:url(../images/right-menu-top.jpg) top left; 	
  }
  
.right-menu-middle {
	width:268px;
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	background:url(../images/right-menu-center.jpg)  repeat-y top left; 	
  }
  
  .right-menu-dowene {
	width:268px;
	float:left;
	height:18px;
	padding:0px;
	margin:0px;
	background: url(../images/right-menu-dowen.jpg) top left; 	
  }
#right-menu-box{
	width:248px;
	margin:0px 10px;
	float:left;
	padding:0px;
	}  
  





.arrowlistmenu{
width: 248px; /*width of menu*/
}

.arrowlistmenu .headerbar{


background: black url(media/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*/
}

.arrowlistmenu ul{
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{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
background: url(../images/arrow.png) no-repeat 8px ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 28px; /*link text is indented 19px*/
text-decoration: none;
color:#000000;
border-bottom: 1px dotted #dbdcdd;
line-height:28px;
}

.arrowlistmenu ul li a:visited{
color: #000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFF;
background-color: #922c29;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFF;
background-color: #922c29;
}


.arrowlistmenu ul li a.current{
	color:#FFF;
	background-color: #922c29;
	}
	
.main-content{
	width:972px;
	margin:0px;
	padding:0px;
	float:left;
	height:auto;	
	
	}
	
.main-content-left{
	width:235px;
	margin:0px;
	padding:0px;
	float:left;
	height:auto;	
	
	}
	
  .main-left-menu-box{
  width:235px;
  margin:0px;
  padding:0px;
  float:left;
  height:auto;	
	
	}
	
	.main-left-menu-box .top {
	width:235px;
	float:left;
	height:49px;
	padding:0px;
	margin:0px;
	background:url(../images/left-menu-top.jpg) top left; 	
  }
  
.main-left-menu-box .middle {
	width:235px;
	float:left;
	height:auto;
	padding:0px;
	margin:0px;
	background:url(../images/left-menu-middle.jpg)  repeat-y top left; 	
  }
  
  .main-left-menu-box .middle .button {
	width:235px;
	float:left;
	height:36px;
	margin:0px;
	padding:0px;
  }
 .button-image  {
	width:59px;
	float:right;
	height:22px;	
	padding:10px 10px 6px 0px;
  }
  
  .main-left-menu-box .dowen {
	width:235px;
	float:left;
	height:11px;
	padding:0px;
	margin:0px;
	background:url(../images/left-menu-dowen.jpg) no-repeat top left; 	
  }		
	
	
	.leftsub-menu{
  width: 215px;
  padding:2px 0px 0px 20px; /*width of menu*/
  height:165px;
}



.leftsub-menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.leftsub-menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.leftsub-menu ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
background:url("../images/left-arrow.jpg") no-repeat scroll 8px 26% transparent; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 28px; /*link text is indented 19px*/
text-decoration: none;
color:#000000;
border-bottom: 1px dotted #dbdcdd;
line-height:18px;
}

.leftsub-menu ul li a:visited{
color: #000;
}

.leftsub-menu ul li a:hover{ /*hover state CSS*/
color: #FFF;
}

.leftsub-menu ul li a:hover{ /*hover state CSS*/
color: #922c29;
}


.leftsub-menu ul li a.current{
	color:#922c29;
	}
	
	
#contnet-part{
	width:439px;
	margin:4px 0px 0px 14px;
	height:auto;
	float:left;
	
	}

#contnet-part .heading{
	width:439px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:18px;
	font-weight:bold;
	}
	
#contnet-part .comment-text{
	width:439px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#000000;
	font-size:12px;
	line-height:22px;
	padding-top:14px;
	}
	
	#contnet-part .comment-text p {
    padding:10px 0px;
	}


 .readmore-box{
  width:439px;
  height:30px;
  float:left;
  
	}
#contnet-current-openings{
	width:436px;
	padding:0px 0px 12px 4px;
	height:118px;
	float:left;	
	}
	
 .content-box{
  width:54px;
  height:30px;
  float:right;
  
	}
	
.more-content  {
	width:auto;
	height:auto;
	line-height:18px;
	text-align:left;
	color:#922c29;
}

.more-content  a {
	color:#922c29;
	text-decoration:underline;
}

.more-content  a:hover {
	color:#922c29;
	text-decoration:none;
}

#content-right-box {
	width:268px;
	float:right;
	height:auto;	
	margin:0px 0px 0px 14px;	
	}
	
#content-jobseeker-box {
	width:268px;
	float:right;
	height:115px;	
	margin:14px 0px 0px 0px;
	background:url(../images/job.jpg) no-repeat left top;	
	}
	
	
	#box-news-center {
	width:262px;
	background:  url(../images/news-middle.jpg) repeat-x  left top;
	height:269px;	
}

#box-news-left {
	width:262px;
	background:  url(../images/new-left.jpg) no-repeat left  top;	
}

#box-news-right {
	width:262px;		
	background: url(../images/new-right.jpg) no-repeat right  top;
	font-size:11px;
	height:269px;		
}

.news-right-content {
	width:222px;		
	font-size:11px;
	height:249px;
	padding:10px 20px		
}
 .news-top-text {
	width:222px;
	height:22px;		
}

 .news-text {
	width:222px;		
	font-size:11px;
	height:52px;
	font-size:12px;
	padding:24px 0px 0px 0px;
	border-bottom:1px dashed #CCCCCC;
}
 .news-text-inner {
	width:222px;		
	font-size:11px;
	height:52px;
	font-size:12px;
	padding:18px 0px 0px 0px;
	border-bottom:1px dashed #CCCCCC;
}

 .news-text-inner-bottom {
	width:222px;		
	font-size:12px;
	height:52px;
	padding:18px 0px 0px 0px;
}


.main-content-left-hotjobs{
	width:222px;
	margin:21px 0px 17px 8px;
	float:left;
	height:115px;
	clear:both;	
	
	}
	.main-content-hotjobseeker{
	width:161px;
	margin:25px 0px 0px 82px;
	float:left;
	height:49px;
	clear:both;	
	
	}
	
#bottom-wrapper {
    background: #FFF url(../images/bottom-content-bg.jpg) repeat-x left top;
    position: relative;
    width: 1000px;
	border-bottom::1px dashed #888888;
	height:auto;
	float:left;
	margin:0 auto;
}

.bottom-wrapper-content{
    width:914px;
	height:70px;
	padding:24px 48px 28px 48px;
	float:left
}

.bottom-wrapper-content-box{
    width:270px;
	height:90px;
	float:left;
}


.bottom-wrapper-content-left{
    width:38px;
	height:90px;
	float:left;
}
.bottom-wrapper-content-right{
    width:214px;
	height:90px;
	float:right;
	padding:0px 0px 0px 16px;
}
.bottom-wrapper-content-top{
    width:214px;
	height:23px;
	float:left;
	padding:10px 0px 0px 0px;
}
.bottom-wrapper-content1{
    width:214px;
	height:44px;
	float:left;
	font-size:12px;
	padding:6px 0px 0px 0px;
}






.bottom-wrapper-content-box2{
    width:284px;
	height:90px;
	float:left;
	padding-left:30px;
}


.bottom-wrapper-content-left2{
    width:52px;
	height:90px;
	float:left;
}
.bottom-wrapper-content-right2{
    width:214px;
	height:90px;
	float:right;
	padding:0px 0px 0px 16px;
}
.bottom-wrapper-content-top2{
    width:214px;
	height:23px;
	float:left;
	padding:10px 0px 0px 0px;
}
.bottom-wrapper-content2{
    width:214px;
	height:44px;
	float:left;
	font-size:12px;
	padding:6px 0px 0px 0px;
}


.bottom-wrapper-content-box3{
    width:284px;
	height:90px;
	float:right;
	padding-left:20px;
}


.bottom-wrapper-content-left3{
    width:52px;
	height:90px;
	float:left;
}
.bottom-wrapper-content-right3{
    width:214px;
	height:90px;
	float:right;
	padding:0px 0px 0px 16px;
}
.bottom-wrapper-content-top3{
    width:214px;
	height:23px;
	float:left;
	padding:10px 0px 0px 0px;
}
.bottom-wrapper-content3{
    width:214px;
	height:44px;
	float:left;
	font-size:12px;
	padding:10px 0px 0px 0px;
}

.footer-wrapper {
    width: 974px;
	height:auto;
	float:left;	
	padding:10px 12px 10px 12px;"
	
}

.footer-links{
    width:914px;
	height:30px;
	padding:10px 48px 0px 48px;
	float:left
}

.footer_inner{
	width:914px;
	height:20px;
	padding:0px 0px 0px 0px;
	}

.footer_inner a{
	color:#717171;
	font-size:11px;
	margin:0px 6px 9px 6px;
	}
.footer_inner a:hover{
	color:#922c29;
	
	}
	.footer_inner span {
    padding:0 4px;
	color:#717171;
}
	
	/*----------------------------------------------slider starts here----------------------------------------------------------*/

div#featured {
	position: relative;
	padding-bottom:10px;
}
#featured_content, .slide{ 
	width:690px;

	
}
div#controllers {
	clear:both;
	bottom: 0px;	
	position:absolute;
	width: -71px;
	height: 16px;
	
	}	
div#controllers a { 
	float: left; 
	text-indent:-9999px; 
	background:url(../images/controller2.png) no-repeat; 
	display: block; height: 15px; width: 15px; 
	margin-right:8px; 
	}	
div#controllers a.activeSlide {
	background:url(../images/controller1.png) no-repeat;
	}
a{
	outline:none;
	}

.slide_1{
	width:690px;
	height:275px;
	float:left;
	background: url(../images/banner.jpg) left top no-repeat;
	}		



	
/*-----------------banner ends here---------------------*/

#banner-part-inner {
	width:972px;
	float:left;
	height:140px;
	margin:0px;
	padding:0px;	
	}

.inner-main-content{
	width:972px;
	margin:0px;
	padding:14px 0px 0px 0px;
	float:left;
	height:auto;	
	
	}


	
.main-inner-content-left{
	width:268px;
	margin:0px;
	padding:0px;
	float:left;
	height:auto;	
	
	}
	
#inner-content-jobseeker-box {
	width:268px;
	float:left;
	height:108px;	
	margin:0px 0px 0px 0px;
	background:url(../images/job.jpg) no-repeat left top;	
	}
	
	
#inner-content-right-box {
	width:268px;
	float:right;
	height:auto;	
	margin:14px 0px 0px 0px;	
	}
	
#inner-box-news-center {
	width:268px;
	background:  url(../images/news-middle.jpg) repeat-x  left top;
	height:269px;	
}

#inner-box-news-left {
	width:268px;
	background:  url(../images/new-left.jpg) no-repeat left  top;	
}

#inner-box-news-right {
	width:268px;		
	background: url(../images/new-right.jpg) no-repeat right  top;
	font-size:11px;
	height:269px;		
}
.news-right-content {
	width:222px;		
	font-size:11px;
	height:249px;
	padding:10px 20px;		
}

.inner-content-current-box {
	width:268px;
	float:left;
	height:108px;	
	margin:14px 0px 14px 0px;
	}
	
#inner-contentbox {
	width:688px;
	float:right;
	height:auto;	
	margin:0px 0px 0px 14px;
	}
	
.inner-content-link{
	width:688px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#922c29;
	}
	

	

	
	
.bottom-new{
	width:688px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#000000;
	font-size:12px;
	line-height:22px;
	}
	
	
	
	
.tablink:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	
}
.tablink:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#000000;
}
.tablink:hover {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size:12px;
  text-decoration:none;
  color: #922c29;
}
.tablink:active {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
text-decoration:none;
color:#963230;
}

.commen-text-innerlink{
    font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#565656;
	text-decoration:none;	
	}
	
.commen-text-innerlink2  {
	font-size:12px;
	text-decoration:none;
	color:#922c29;
	font-family: Arial, Helvetica, sans-serif;
		  }
		  
		  
.commen-text12{
    font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#000000;
	font-size:12px;
	line-height:22px;
	}
	
.commen-text12 p{
    padding:10px 0px;
	}
	
	.bottom-commen-text{
    font-family:Arial, Helvetica, sans-serif;
	float:left;
	color:#000000;
	font-size:12px;
	}
	
.footertext {
	text-align:left;
	color:#989898;
	font-size:11px;
	line-height:18px;

	
}

.footertext a {
    color:#989898;
	font-size:11px;
	text-decoration: none;
}

.footertext a:hover {
    color:#989898;
	font-size:11px;
	text-decoration:none;
}

.footertext span {
    padding:0 12px;
}

.job-opening-text{
    font-family:Arial, Helvetica, sans-serif;
	
	color:#000000;
	font-size:14px;
	font-weight:bold;
	}
	
	
	
.menu:link {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	text-align:center;
	
	
	
	
}
.menu:visited {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#000000;
	text-align:center;
	
	
	
}
.menu:hover {
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size:12px;
  text-decoration:none;
  color: #922c29;
  text-align:center;
  
  
  
}
.menu:active {
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:12px;
text-decoration:none;
color:#963230;
padding: 8px 16px;
text-align:center;

}






.container {width: 900px; margin: 0 auto; font-size: 1.2em;  color: #555;}
#content {	background: #f0f0f0; float: left; width: 100%;}
.post {
	margin: 0; padding: 10px 20px;
	float: left;
	width: 560px;
}





/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px; 	
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right; 
	margin: -44px -44px 0 0;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}

.popup-box {
	padding: 5px 10px;
	width:280px;
	height:60px;
	margin: 5px 0;
}

.popup-toptext {
	width:280px;
	height:40px;
	margin: 0px 0px 0px 40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	
}
.popup-bottom {
	width:148px;
	height:24px;
	margin: 0px 0px 0px 130px;
	float:left;
}

.popup-bottom-yesbnt {
	width:54px;
	height:22px;
	margin: 0px 10px 0px 0px;
	float:left;
}

.popup-bottom-nobnt {
	width:54px;
	height:22px;
	margin: 0px 0px 0px 20px;
	float:right
}

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.normal-text16 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:16px;
	color:#922c29;
}


.mail {
    color: #656565;
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif ; 
	font-size: 12px;
	text-decoration:underline;
}

.mail:hover {
    color: #0064A1;
    text-decoration:none;
	font-size: 12px;
}










/****************************************************************
  Collapsing menu
*****************************************************************/
.dbx-clone {
	position:absolute;
	visibility:hidden;
	}
.dbx-clone, 
.dbx-clone .dbx-handle-cursor {
	cursor:move !important;
	}
.dbx-dummy {
	display:block;
	width:0;
	height:0;
	overflow:hidden;
	margin:0 !important;
	padding:0 !important;
	}
.dbx-group, .dbx-box, .dbx-handle {
	position:relative;
	display:block;
	}



/****************************************************************
  avoid padding, margins or borders on dbx-box, 
  to reduce visual discrepancies between it and the clone.  
  overall, dbx-box is best left as visually unstyled as possible 
*****************************************************************/
.dbx-box {
	border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
}



/****************************************************************
  otherwise, do what you like :) 
*****************************************************************/




/* group container(s) */
#purple-outer {
	
	margin:0 0px 0 0;
	float:left;
	position:relative;
	}
.dbx-group {
	clear:both;
	width:304px;
	
	padding:0 0px 10px 10px;
	}
* html .dbx-group {
	width:170px;
	padding-bot\tom:0;
	}


#purple-outer2 {
	border:1px solid #a382c0;
	margin:0 0 0 10px;
	float:right;
	position:relative;
	}




	
/* handles */
.dbx-handle {
	font:Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
	margin:0;
	font-size:16px;
	font-weight:normal;
	padding:16px 0 6px 0;
	background:url(../images/purple-handle.gif) no-repeat 0 0; 
	color:#922C29;
	}
* html .dbx-handle { 
	width:304px; 
	}

	
/* handle cursors are in a class of their own
   so they only get applied if the script is supported */
.dbx-handle-cursor {
	cursor:move;
	}
	

	
	

/* toggle images */
.dbx-toggle {
	display:block;
	width:20px;
	height:20px;
	padding:0;
	margin:0;
	border:none;
	background:url(../purple-toggle.gif) no-repeat;
	position:absolute;
	top:14px;
	right:3px;
	border:none;
	}
	
	
.dbx-toggle-open {
	background-position:0 0;
	}
.dbx-toggle-closed {
	background-position:0 -20px;
	}
.dbx-toggle-hilite-open {
	background-position:-20px 0;
	}
.dbx-toggle-hilite-closed {
	background-position:-20px -20px;
	}






/* keyboard navigation tooltip */
.dbx-tooltip 
{
	margin:36px 0 0 125px;
	width:185px;
	
	display:block;
	position:absolute;
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px 3px 5px;
	text-align:left;
}







/* inner content area */	
.dbx-content {
	margin:0;
	padding:0px 0 0px 0;
	list-style-type:none;
	}




.dbx-content li {
	width:283px;
	margin:0;
	padding:0 10px 1px 30px;
	list-style-type:none;
	font:Arial, Helvetica, sans-serif;
	}

.dbx-content a, .dbx-content a:visited {
	color:#000;
	text-decoration:none;
	}

.dbx-content a:hover, .dbx-content a:focus, .dbx-content a:active {
	color:#306;
	text-decoration:underline;
	}





/* toggle state of inner content area */
.dbx-box-closed .dbx-content {
	display:block;
	height:10px;
	padding:0;
	overflow:hidden;
	}
.dbx-box-closed .dbx-content * {
	display:none;
	}





/* additional clone styles */
.dbx-clone {
	opacity:0.8;
	filter:alpha(opacity=80);
	}







/* hacks for IE6 */
* html .dbx-tooltip {
	font-weight:normal !important;
	}
	
		
		
		
		/*default CSS for SAG scroller*/

.sagscroller{
width: 200px;  /*default width of scroller*/
height:229px;
overflow:hidden;
position:relative;

}

.sagscroller a{
font-weight:bold;
}

.sagscroller ul{
position:absolute;
margin:0;
padding:0;
background:white;
list-style:none;
width: 100%;
}

.sagscroller ul li{
display:block;
}

.sagscroller ul li .rsscontent{ /*div containing body of each RSS entry*/
font-size:90%;
}

.sagscroller ul li .rsslabel{ /*div containing label of each RSS entry*/
margin-top:5px;
background: #fff;
font-size:12px;
clear: both;
}


.arrowlistmenu{
width: 248px; /*width of menu*/
}

.arrowlistmenu .headerbar{


background: black url(media/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*/
}

.arrowlistmenu ul{
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{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:normal;
background: url(../images/arrow.png) no-repeat 8px ; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 28px; /*link text is indented 19px*/
text-decoration: none;
color:#000000;
border-bottom: 1px dotted #dbdcdd;
line-height:28px;
}

.arrowlistmenu ul li a:visited{
color: #000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFF;
background-color: #922c29;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFF;
background-color: #922c29;
}


.arrowlistmenu ul li a.current{
	color:#FFF;
	background-color: #922c29;
	}	
