

#sidebar {
margin : 0 0 0 0;
text-align : left;
width:150px;
}


#sidebar-left {
padding : 0;
float : left;
padding-bottom : 0;
}

.qtip-content {
	font-size:90%;
}

#twitter p {
	padding-top:20px;
	text-align:center;
}

.helper {
	float:right;
	font-size:80%;
	margin-top:-40px;
	padding-right:60px;
}

.helper a {
	cursor:help;
}

#sidebar ul {
list-style : none;
margin : 0;
padding : 0 0 10px 0;
}
#sidebar ul li {
margin : 0;
padding : 5px 0 0 0;
letter-spacing : 0;
}
#sidebar ul li a {
color : #507aa5;
text-decoration : none;
border-bottom : 1px dotted #ddd;
display : block;
padding : 3px;
}
#sidebar ul li a:hover {
color : #333;
border-bottom : 1px dotted #ccc;
background : #fdfdfd;
}

#mainmenu {
	width: 220px;
	padding:0;
	margin:0;
	margin-top:40px;
	padding-top:10px;
	left:50px;
	background:url("../images/borderGrabTop.jpg") top left no-repeat;
	margin-left:-10px;
	margin-bottom:0px;
	z-index:2;
}

.seperator {
	height:20px;
	padding:0;
	margin:0;
	background:transparent url("../images/borderMenu.jpg") repeat-y;
}


.pageMenuRight {
	position:relative;
	padding:5px;
	padding-right:none;
	margin-bottom:0px;
	width:97%;
	text-align:right;
}

#iconmenu {
	width: 220px;
	margin:40px 0 0;
	padding:10px 0 0;
	left:50px;
	background:url("../images/borderGrabTop.jpg") top left no-repeat;
	z-index:2;
}


#mainmenu ul li a span.bigText {
	font-size: 130%;
	font-weight:bold;
	font-family:georgia, times new roman, times, serif;
	color:#FFF;
}


#mainmenu ul li a span.tagText {
	font-size: 90%;
	font-family:Tahoma, Geneva, sans-serif;
	color:#FFF;
}

#mainmenu ul li a:hover span.bigText {
	color:#EEE;
}


#mainmenu ul li a span.tagText {
	color:#EEE;
}


#mainmenu ul li a:hover span.tagText {
	color:#FFF;
}




/* ------   Main Menu Colors   ------ */

.sf-menu li.sub {
background:url("../images/mmbg.jpg") top right no-repeat;
border-top:1px solid #5DB1E0;
border-bottom:1px solid #000;
}

.sf-menu li.sub a:hover {
/*background:url("../images/mmbg1.jpg") top right no-repeat;*/
}

.sf-menu li li {
background:url("../images/smbg.jpg") no-repeat;
}

.sf-menu li ul {
margin-left:-1px;
}

.sf-menu li.sub ul li a {
color:#333;
}

.sf-menu li.sub ul li a:hover {
color:#000;
}


.sf-menu li.FirstItem {
background:url("../images/mmtopbg.gif") top right no-repeat;
border-top:none;
}

.sf-menu li.FirstItem a:hover {
/*background:url("../images/mmtopbg1.jpg") top right no-repeat;*/
}

.sf-menu li.LastItem {
background:url("../images/mmbotbg.gif") bottom right no-repeat;
border-bottom:none;
}

.sf-menu li.LastItem a:hover {
/*background:url("../images/mmbotbg1.jpg") bottom right no-repeat;*/
}

#mainnav {
	background:url("../images/borderGrab.jpg") bottom left no-repeat;
	padding-bottom:10px;
	padding-right:15px;
	margin-bottom:0px;
}

.sidebar
	{
	margin-left:0;
	position:absolute;
	top:150px;
	}

#mainlinks {
	display:inline-block;
	position:relative;
}

#menutopper {
	background:url(../images/menutopper.jpg) no-repeat top left;
	height:20px;
}

#menumid {
	background:url(../images/menumid.jpg) repeat-y top left;
	padding:0px;
} 

#menubottom {
	background:url(../images/menubottom.jpg) no-repeat bottom left;
	height:30px;
}

#menumid img {
	padding:0;
	margin:0;
}

#linkstopper {
	background:url(../images/logos/linkstopper.jpg) no-repeat top left;
	height:32px;
	line-height:32px;
	color:#fff;
	font-weight:bold;
	font-size:80%;
	padding-left:50px;
}

#linksmid {
	background:url(../images/logos/linksmid.jpg) repeat-y top left;
	padding:0px;
} 

#menumid div {
	height:325px;
	margin:0;
	overflow-x: hidden;
	overflow-y: scroll;
	padding-bottom:20px;
	width:190px;
}

#menumid div img {
	margin:0;
	clear:both;
}


#menumid a {
	padding:5px;
	margin:0px;
	margin-left:20px;
	margin-bottom:5px;
	border: 1px solid #333;
	background:url(../images/logos/partnersbg.jpg) top repeat-x #FFF;
	display:inline-block;
}



#menumid a:hover {
	
	border: 1px dotted #333;

}


a.ItemVEA {
	height:113px;
	background:url(../images/logos/vea.gif) no-repeat;
}

a.Item211 {
	height:109px;
	background:url(../images/logos/211.gif) no-repeat;
}

a.ItemOYF {
	height:109px;
	background:url(../images/logos/oyf.gif) no-repeat;
}

a.ItemPEP {
	height:110px;
	background:url(../images/logos/pep.gif) no-repeat;
}


#menumid h3 {
	height:52px;
	width:209px;
	background:url(../images/logos/links.jpg) no-repeat;
	font-size:80%;
	font-weight:bold;
	color:#fff;
	padding:0;
	margin:0;
	line-height:52px;
	padding-left:25px;
	border-bottom:none;
	font-family:Verdana,Geneva,sans-serif;
}


.rightMenuTitle {
	height:41px;
	width:174px;
	background:url(../images/rightmenutitle.jpg) no-repeat;
	padding:0;
	margin:0;
}


.rightMenuTitle h3 {
	font-size:80%;
	font-weight:bold;
	color:#fff;
	line-height:35px;
	padding-left:15px;

}

.displace {
	position: absolute;
	left: -5000px;
	}
	

.FirstItem ul li div.submenuTop {
	/*background:url(../images/submenuTop-aboutus-trans.png) no-repeat;*/
}


#linksbottom {
	background:url(../images/logos/linksbottom.jpg) no-repeat top left;
	height:15px;
}

.defaultTextBox { font-size: 14px; }
.mediumTextBox { font-size: 16px; }
.largeTextBox 	{ font-size: 18px; }


.resizer li a span {
	display:inline-block;
	padding:2px;
	background-color:#FFF;
	border:1px solid #369;
	color:#369;
	font-weight:bold;
	width:15px;
}




#rightmenuMid {
background:url("../images/menu/right-menu-mid-trans.png") repeat-y scroll left top transparent;
width:170px;
}

#rightmenuTop {
	background:url("../images/menu/right-menu-top-trans.png") no-repeat scroll top right transparent;
	height:15px;
	width:170px;
}

#rightmenuBottom {
	background:url("../images/menu/right-menu-bot-trans.png") no-repeat scroll bottom right transparent;
	height:25px;
	width:170px;

}


.width80 {
	width:80%;
}

#rightmenuToggle  {
	background:url("../images/rightmenumid.jpg") repeat-y scroll right top transparent;
	float:right;
	margin-right:-10px;
	padding:0;
	width:170px;
}


#rightmenuToggleMid {
	font-size:80%;
	font-weight:bold;
	padding:4px 5px 6px 19px;
	color:#FFF;
	margin-left:10px;
	cursor:pointer;
}


.rightmenuTogglePlus {
		background:url("../images/icons/menu/tools-trans.png") no-repeat bottom left;
}

.rightmenuToggleMinus {
		background:url("../images/icons/menu/tools1-trans.png") no-repeat bottom left;
}

#rightmenuToggleTop {
	background:url("../images/rightmenutopper.jpg") no-repeat scroll top right transparent;
	height:15px;
	width:170px;
}

#rightmenuToggleBot {
	background:url("../images/rightmenubot.jpg") no-repeat scroll bottom right transparent;
	height:20px;
	width:170px;

}

div#clients {
	margin-left:-40px;
	padding-top:40px;
	font-size:100%;
	text-align:center;
}

div#clients img {
	text-align:center;
}


div#youtube {
	margin-left:-40px;
	padding-top:40px;
	font-size:100%;
	text-align:center;
}

div#youtube img {
	text-align:center;
}

div#sliderPanel1 h2 img {
	vertical-align:middle;
}

#rightBox  {
	clear:both;
	float:right;
	margin-bottom:10px;
	margin-right:-10px;
	padding:0;
	width:170px;
	z-index:2;
}
	
	body > #content > #rightBox { margin-top:0px;}


h3.trigger {
	background:url("../images/menu/rightmenuTitle.gif") repeat-x scroll 0 0 transparent;
	border-bottom:medium none;
	color:#FFFFFF;
	font-family:Verdana,Geneva,sans-serif;
	font-weight:bold;
	height:19px;
	margin:0;
	padding-left:5px;
	font-size:90%;
}


.bottom10 {
	margin-bottom:10px;
}

.rightMenu .block ul li a {

	width:140px;
	border-bottom:1px solid #A4A4A4;
	padding:3px;
	background-color:#F3F3F3;
	text-decoration:none;
	color:#369;
	margin-left:-5px;
	
	
	display:block;
	position:relative;
}

.rightMenu .block ul li a:hover {
	background-color:#C1C1C1;
}

.rightMenu .block ul li.first a {
	background-color:#A4A4A4;
	font-weight:bold;
	color:#333;
}

.rightMenu .block ul li.last a {
	background-color:#A4A4A4;
	font-weight:bold;
	color:#333;
}

.rightMenu .block ul li a.noBottomBorder {
	border-bottom:none;
	margin-bottom: 1px;
}

.rightMenu .block ul li img {
	vertical-align:middle;
}


.rightMenu .block ul.social li {
	
}

.rightMenu .block ul.social li.first {
	text-align:left;
}

.rightMenu {
background:url("../images/toggle_block_stretch.gif") no-repeat scroll left top #F0F0F0;
font-size:80%;
margin-left:15px;
overflow:hidden;
padding:0;
width:145px;
}


.rightMenu .block {
	background: url(../images/toggle_block_btm.gif) no-repeat left bottom;
	margin-bottom:0;
	margin-top:0;


	
	/*
	display:block;
	display:inline-block;
	float:right;
	padding-bottom:10px;
	*/
}


.rightMenu .block ul {
	list-style-type:none;
	padding:0 5px 0;
	margin:0;
}



.openBlock {
	display:block;
}

h3.bannerTrigger {
	background: url(../images/banner/optionsButton.jpg) no-repeat;
	width: 209px;
	font-size:80%;
	font-weight:bold;
	height:50px;
	line-height:50px;
	padding-right:8px;
	margin:0;
	margin-top:4px;
	text-align:left;
}
h3.bannerTrigger a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding-left:35px;
	width:200px;
	margin:0;
}
h3.bannerTrigger a:hover {
	color: #ccc;
}
h3.active {background-position: left bottom;}


.bannerHolder {
margin-left:510px;
white-space:nowrap;
z-index:10;
}


.bannerMenu {
text-align:left;
background:transparent url(../images/banner/optionsBG.gif) no-repeat scroll center top;
font-size:80%;
margin-top:-8px;
margin-left:1px;
overflow:hidden;
padding:0;
width:209px;
margin-bottom:10px;
}


.bannerMenu .bannerBlock {
	background: url(../images/banner/optionsBottom.gif) no-repeat center bottom;
	margin-bottom:0;
	margin-top:0;
}


.bannerMenu .bannerBlock ul {
	list-style-type:none;
	padding:15px;
	padding-left:25px;
	margin:0;
}


/* Breadcrumb Bar */

#breadcrumb 
{
	background-image: url('../images/banner/common_feel_bg.jpg') ;
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	position:relative;
	min-height:25px;
	z-index: 0;
}

* html #breadcrumb 
{
	height:25px;
	margin-left:-4px;
}

#breadcrumb .breadCrumbText 
{
	float:left;
	/*max-width:630px;*/
}

#breadcrumb p 
{
	margin:0;
	padding:0;
}

#breadcrumb a 
{
	color:#ffffff; 
	text-decoration:none;
} 
	
#breadcrumb a:hover 
{
	color:#ccc; 
	text-decoration:none;
} 
	
#breadcrumb #siteSearchForm 
{
	float: right;
    margin: 2px -10px 1px 1px;
    padding: 3px 0 0;
    text-align: right;
    /*width: 230px;*//*/.. resize due to default text in search box//*/
	
}
	
#breadcrumb #siteSearchForm p 
{
	margin:0;
	padding:0;
}



#breadcrumb #siteSearchForm #searchBoxSite {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF url(../images/search.gif) no-repeat scroll -66px center;
border:0 none;
bottom:18px;
height:20px;
left:0;
line-height:1.2;
padding:3px 2px 0 4px;
width:154px;
margin:0;
margin-right:-10px;

}

#breadcrumb #siteSearchForm #siteSearchBtn  {
background:#EFEFEF url(../images/search.gif) no-repeat scroll 0 center;
border:medium none;
color:#000000;
cursor:pointer;
height:23px;
padding:4px 0 3px;
width:66px;
margin:0;
font-weight:bold;
}


#breadcrumb .alignLeft 
	{
		float:left;
	}
	
#breadcrumb .clear 
	{
		clear:both;
	}
	
#breadcrumb .hidden 
	{
		display:none;
		visibility:hidden;
	}
	


ul.auto-complete-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 100;
	max-height: 250px;
	overflow: auto;
	margin-left:-1px;
	margin-top:-1px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-top: 1px solid #999;
	border-bottom: 1px solid #000;
}

ul.auto-complete-list li {
	list-style-type: none;
	margin: 0;
	padding: 2px;
	background-color: white;
	border-bottom: 1px solid #D2D0D0;
	cursor: pointer;
	font-size:90%;
}

ul.auto-complete-list li.auto-complete-list-rollover {
	background-color: #c5c5c5;
}

ul.auto-complete-list .auto-complete-striped {
	background-color: #D7EEF9;
}


#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}



h3.footerHeader {
	font-size:110%;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:0;
	padding:4px;
	padding-left:0px;
	width:100%;
}

.footerMenu {
background:#F0F0F0 url(../images/toggle_block_stretch.gif) no-repeat scroll left top;
font-size:80%;
margin-bottom:5px;
padding:0;
}

.footerMenu .block {
background:transparent url(../images/footerMenuBottom.jpg) repeat-x scroll left bottom;
margin-bottom:0;
margin-top:0;
padding-bottom:10px;
}

.footerMenu .block ul li.first a {
background-color:#A4A4A4;
color:#333333;
font-weight:bold;
}

.footerMenu .block ul li.last a {
border-bottom:none;
}

.footerMenu .block ul li img {
vertical-align:middle;
}

.footerMenu .block ul {
list-style-type:none;
padding:0;
margin:0;
}

.footerMenu .block ul li a {
background-color:#F3F3F3;
border-bottom:1px solid #A4A4A4;
color:#336699;
display:inline-block;
padding:3px;
text-decoration:none;
width:100%;
}








.defaultText { width: 170px; }
.defaultTextActive { color:#666;  }


#contactLogo {
	background: url("../images/icons/menu/contact-trans.png") no-repeat scroll left bottom transparent;
    height: 45px;
    padding-left: 45px;

}

#contactLink a {
	position:absolute;
	top:0;
	left:-10000px;
}


#contactLink {
	padding-top:15px;
}


#partnersLogo {
	background: url("../images/icons/menu/dsa-trans.png") no-repeat scroll left bottom transparent;
    height: 45px;
    padding-left: 45px;

}

#partnersLink a {
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-size:90%;
	text-decoration:underline;
}


#partnersLink {
	padding-top:15px;
}




#wwrcLogo {
	background: url("../images/logos/dars-trans.png") no-repeat scroll left bottom transparent;
    height: 45px;
    padding-left: 45px;

}

#wwrcLink a {
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-size:90%;
	text-decoration:underline;
}


#wwrcLink {
	padding-top:15px;
}




.noBottomBorder {
	border-bottom:none;
}

#contactLink span {
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-size:90%;
	text-decoration:underline;
	cursor:pointer;
}



#toolsLogo {
	height: 45px;
    padding-left: 45px;
    right: 57px;

}

#toolsLink {
	padding-top:15px;
}

#toolsLink span {
	color:#fff;
	font-weight:bold;
	vertical-align:middle;
	font-size:90%;
	text-decoration:underline;
	cursor:pointer;
}





.footerBoxes {

	width:28%;
	height:150px;
	
	overflow-y:auto;
	
	overflow-x:hidden;
	
	margin:auto 10px;
	
	float:left;
	
	text-align:left;
	
	background-color:#fff; 
	color:#000000;
	
	padding:0px;
	border: 5px solid #29658a;
	

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-box-shadow: #666 0px 0px 5px;
	-moz-box-shadow: #666 0px 0px 5px;
	box-shadow: #666 0px 0px 5px;
	

}

.footerBoxes:hover {
	background-color:#FFC;
}

.footerBoxes span.footerHeader {
	background:url("../images/slider/bgtrans.png") repeat scroll 0 0 #CCC;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
	width:auto;
}

.footerBoxes div {
	padding:10px;
}

.footerBox1 {
	margin-left:0;
}

#footerTopRow {
	width:100%;
}

.copyright {
	clear:both;
	margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
}

.footerSeperator {
	padding-top:10px;
	clear: both;
}

#footerBottom {
	width: 100%;
	padding-bottom:10px;
}

#footerBottomLeft {
	float: left; 
	width: 39%;
	text-align:left;
}

#footerBottomRight {
	float: right; 
	width: 59%; 
	text-align: right;
	text-align:right;
}

#footerWrap {
padding-top:45px;
padding-bottom:25px;

margin: 0 auto; 
overflow: hidden; 
text-align: center;
background:url("../images/ftrbgright.jpg") no-repeat scroll right top #F7F7F7;
margin-right:0;
}

#footer {
background:#F7F7F7 url("../images/ftrbgleft.jpg") no-repeat scroll top left;
margin-left:0px;

padding-right:0;
padding-left:60px;
margin-top:0px;
font-size:90%;
}

#footer ul li {
	list-style-type:none;
}
