/* 
================================
Skin styles for DotNetNuke
================================
*/   
body 
{	
    text-align: center;
    vertical-align:top;
    margin:0;
    padding:0;
    color:#333333;        	
    background:#DCE5E7;
}

div, img, ul, dl, ol, p, span, a, dd, dt, li { 
	margin: 0; 
	padding: 0;
}

/*------------------- Common styles in content area -------------------*/

.outerContainer, .outerContainerAdmin
{
	text-align:left;
	margin: 0 auto;
	background:#FFF;	
	width:981px;	
	
	
}

.outerContainerAdmin
{
	width:1000px;
}

.innerContainer
{
	float: left;
	width:981px;       	
	background:#FFF;	
	min-height:440px;
	_height:440px;
	
	
}


.header
{
	height:140;
	background:#FFF url(images/header.png) no-repeat top left;	
}


.leftpane
{	
	float: left;
	width: 218px;	
}

.contentpane
{
	float: left;
	
	_width:545px;
	padding: 28 28 28 28;
	
}

.contentpanewhole
{
	width:747;
	float: left;	
	padding: 28 28 28 28;
}

.rightpane 
{	     
	_clear:both;
	float:right;
	width:162px;
	_width:217;	
	overflow:hidden;
    padding: 28 28 28 28;  
    
}

.normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
}

html>body .contentpane
{
	width:485;	
}

html>body .contentpanewhole
{
	width:705;	
}

.contentpaneadmin
{
	
	float:left;
	width:738;	
    background:#FFF url(images/content-bg.gif) repeat top left;	
    
    
}




#dvTopMenu { 
	clear:both;
	
	width: 981px;
	height: 56px; 
	background-color:#193E50;
	vertical-align:top;
}

#dvHeader span, #dvTopMenu span{
	position: absolute;
	left: -9999px;		
}

#dvTopMenu .left
{
	width:763;
	overflow:hidden;
	float:left;
}
ul.menuItems {
	
	text-align: left;	
	
	
}
::root ul.menuItems { padding-top: 0px; }
*:lang(en) ul.menuItems { padding-top: 0px; } 

ul.menuItems li {
	list-style-type: none;	
	display: inline;
	
	margin-right:-3px; 	
}

ul.menuItems li a { 
	padding-top:10px;	
	_padding-top:0px;
	vertical-align:bottom;	
}

ul.menuItems img 
{    
	 border:0; 
	 vertical-align:bottom;  }
	 


#dnn_dnnSearch_txtSearch
{
	font-size:xx-small;
	margin-bottom:5px;	
	vertical-align:text-top;
	
}

div.search
{	
	float:right;
	overflow:hidden;
	width:218px;
	background:#FFF;
	height:28px;
	
	padding: 5 0 0 5;
}

::root div.search{ width:213px; height:21px;}
*:lang(en) div.search{ width:213px; height:22px;}

ul.menuItems li a.SkinObject { 
	
	vertical-align:baseline;
	/* background:#FFF url(images/navigation/SearchSingle.gif) no-repeat ; 	*/
	
}





/* Menu Navigation */

a.ourCompany {background:url(images/navigation/Our_company.gif) no-repeat; }
a.ourCompany:hover { background: url(images/navigation/Our_company-over.gif) no-repeat; 	}

a.ourPeople { background:url(images/navigation/Our-People.gif) no-repeat;    }
a.ourPeople:hover { background: url(images/navigation/Our-People-over.gif) no-repeat; 	}

a.contactUs { background:url(images/navigation/Contact-Us.gif) no-repeat;    }
a.contactUs:hover { background: url(images/navigation/Contact-Us-over.gif) no-repeat; 	}

a.partners { background:url(images/navigation/partners.gif) no-repeat;    }
a.partners:hover { background: url(images/navigation/partners-over.gif) no-repeat; 	}

a.newsArchive { background:url(images/navigation/News-Archive.gif) no-repeat;    }
a.newsArchive:hover { background: url(images/navigation/News-Archive-over.gif) no-repeat; 	}

a.gallery { background:url(images/navigation/Gallery.gif) no-repeat;    }
a.gallery:hover { background: url(images/navigation/Gallery-over.gif) no-repeat; 	}

a.resources { background:url(images/navigation/Resources.gif) no-repeat;    }
a.resources:hover { background: url(images/navigation/Resources-over.gif) no-repeat; 	}



	
/*-------------------Links CSS-------------------*/

a:link {
	color: #2f98cc;
	text-decoration: none;
	border: none;
	}
	
a:visited {
	color:#2f98cc;
	text-decoration: none;
	}

a:hover {
	color:#2f98cc;
	text-decoration: underline;
	}
	
a:active {
	color: #000;
	text-decoration: none;
	}
	
a.link:link {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color: #2f98cc;
	padding: 0 0 0 12px;
	text-decoration: none;
	}

a.link:visited   {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color:#2f98cc;
	padding: 0 0 0 12px;
	text-decoration: none;
	}	
	
a.link:hover   {
	font-weight: bold;
	background: url(images/link_arrow_blue.gif) no-repeat left center;
	color: #156085;
	padding: 0 0 0 12px;
	text-decoration: underline;
	}		
	


/*------------------- Common styles in content area -------------------*/

h1, h2, h3, h4, h5, p
{
	font-family: Arial, Helvetica, sans-serif;		
}

h1{ font-size:20px; color:#0092D2; font-weight:bold;}
h2{ font-size:18px; color:#0092D2; font-weight:bold;}
h3{ font-size:16px; color:#0092D2; font-weight:bold;}
h4{ font-size:14px; color:#0092D2; font-weight:bold;margin-bottom:10px;}
h5{ font-size:12px; color:#0092D2; font-weight:bold;margin-bottom:10px;}
p{ font-size:12px; font-weight:normal; padding-bottom:10px;}

.contentpane ul li {
		
	padding: 5px 0 0px 5px;
	margin: 0;
	margin-left:23px;
	
}

/*------------------- Footer CSS-------------------*/
#footer 
{
	clear:both;
	float: left;
	width: 925;
	_width:981px;
	height: 21px;
	_height:28px;
	color: #FFF;
	background-color: #1498D1;
	padding:7 28 0 28px;
	
	font-size:12px;
	font-family:Arial, Helvetica, Sans-Serif;
	}	
 

#footer p {
	color: #FFF;
	padding: 0px 0 0px 0;
	margin: 0;
	
	}	
	
#footer .left {
	float: left;
	width:600px;
	}		
	
#footer .right {
	float: right;
	color:#FFF;
	}	
	
#footer a 
{
	color: #FFF;
}								

#footer ul.menuItems li 
{
		
	margin-right:20px; 	
}



/* last */
.extralinks 
{
	
	clear:both;
	color: #FFF;
	
	background: #296b8c url(images/nav_btn_backgrd.gif) no-repeat top left;  
	width:190px;
	_width:218px;
	height:18px;
	
	padding: 5px 0 5px 28px;	
	margin: 0; 
	}
	
.extralinks a:link, .extralinks a:visited, .extralinks a:hover {	
	color: #FFF;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	
	
	}
	
.extralinks a.current:link, .extralinks a.current:visited, .extralinks a.current:hover  {
	text-decoration: underline !important;
	}	

/*------------------- MENU CSS-------------------*/


.VMMenuFull { 
	float: left;	
	padding-left:0px;	
	
	font-size: 14px;
	font-weight:bold;
	font-family :Arial, Helvetica, sans-serif;
}

.VMMenuItem
{		
	background: transparent url(images/nav_btn_backgrd.gif) no-repeat top left;  
	height:28px;
	width:218px;		
}

/* second level container */
.VMMenuContainer
{
	background: #296b8c url(images/subnav-bg.jpg) no-repeat top left;  	
	font-size: 10px;	
}

.VMMenuContainer .VMMenuItem
{	
	background: transparent;
	padding-bottom:4px;
	
}

/* third level container */
.VMMenuContainer .VMMenuContainer
{
	
	background: transparent url(images/subnav-bg.jpg) no-repeat top left;  
}

.VMMenuContainer .VMMenuContainer .VMMenuItem
{

	background: transparent;	
}
/* end of third level container */


.VMMenuLink
{
	color:#FFF;
			
}

.VMMenuItem a:hover, .VMMenuItem a:active { 	
  	
  	color:#FFF;
	text-decoration:underline;
}

.VMMenuEnabled a 
{ 
	margin-top:4px;	
	float: left;  	
	color:#FFF;		
}

/* First Level Menu */
.VMMenuItem .VMMenuEnabled a {	padding-left: 28px; }
html>body .VMMenuItem .VMMenuEnabled a
{ 
	padding-left:28px;		
}


/* Second Level Menu */
.VMMenuContainer a,
.VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink 
{ 			
	
	
	padding-left:28px;	
	display:block;		
	
	  
}

/* Third Level Menu */
.VMMenuContainer .VMMenuContainer a, 
.VMMenuContainer .VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink
{ 
	
	padding-left:56px;				
	_padding-left:42px;				
}


/* Forth Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuContainer a, 
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuActive 
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuItem .VMMenuEnabled .VMMenuLink
{  
	padding-left: 48px; 	
}


/* Selected Item Styles */
.VMMenuActive a {	
	padding-left:0px;		
}

.VMMenuActive {
	color: #FFF;
	padding: 4px;		
	padding-left:28px;			
	background-color:#193E50;
	height:28px;
}

::root ul.VMMenuActive { height:22px; }
*:lang(en) .VMMenuActive {height:22px;}

/* Second Level Menu */
.VMMenuContainer .VMMenuActive a
{
	padding-left:0px;
	
	text-decoration:underline;
	color: #FFF;		
}
.VMMenuContainer .VMMenuActive
{ 	
	
	color: #FFF;	
	padding: 4px;
	padding-left:56; 
	text-decoration:underline; 
	
	
}

/* Third Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuActive a
{
	padding-left:0px;	
	text-decoration:underline;
	color: #FFF;		
}
.VMMenuContainer .VMMenuContainer .VMMenuActive 
{
	
	color: #FFF;		
	padding: 4px;
	padding-left:84;
	padding-bottom:0px;
	text-decoration:underline;
	
	
}

/* Fourth Level Menu */
.VMMenuContainer .VMMenuContainer .VMMenuContainer .VMMenuActive 
{ 	
	padding: 4px;
	padding-left:80px; 
}


/* Selected item breadcrumb trail */
.VMMenuSelected a:link, .VMMenuSelected a:visited { 
	float: left;
	color: #FFF; 
	padding: 4px;
	padding-left:28px;
	
	
}
.VMMenuContainer .VMMenuSelected a:link, .VMMenuContainer .VMMenuSelected a:visited { 
	color: #FFF; 	
	padding: 4px;	
	padding-left:56px;
	background-image: none;			
}
.VMMenuContainer .VMMenuContainer .VMMenuSelected a:link, .VMMenuContainer .VMMenuContainer .VMMenuSelected a:visited 
{
	color: #FFF; 	
	padding: 4px;		
	padding-left:84px;
	background-image: none;
}
