/**************************
 SilverStripe andreas02 Theme
 http://www.silverstripe.com

 adapted to SilverStripe by Jeff Chan
 http://jeffchan.org

 based on Andreas Viklund's layout
 http://andreasviklund.com/
**************************/

html{
	padding:0;
	margin:0;
	background: url(../images/bg.gif) ;
  

}

body{
	padding:0px 0 0 0;
	margin:0;
	font:11px tahoma, verdana, sans-serif;
	/*background: url(../images/background.jpg) ;*/
	color:#303030;
}

a{
	text-decoration:none;
	color:#000000;
}

	a:hover{
		text-decoration:none;
color:#000000;
	}

#toptabs{
	margin: 10px auto -13px auto;
	font-size:0.8em;
	width:1055px;
}

	#toptabs p{
		text-align:right;
		color:#808080;
	}

	.toptab{
		padding:3px 5px 3px 5px;
		margin: 5px 0 0 4px;
		text-decoration:none;
		background:#f0f0f0 url(../images/corner2.gif) top right no-repeat;
		color:#808080;
		border-bottom:1px solid #e0e0e0;
	}

	.toptab:hover{
		background:#fafafa url(../images/corner2.gif) top right no-repeat;
		border-bottom:1px solid #eaeaea;
		color:#505050;
		text-decoration:none;
	}

.activetoptab{
	padding:3px 5px 3px 5px;
	margin:0 0 0 4px;
	color:#505050;
	text-decoration:none;
	background:#ffffff url(../images/corner2.gif) top right no-repeat;
	border-bottom:1px solid #ffffff;
}

	.activetoptab:hover{
		text-decoration:none;
	}

#container{
	margin:0 auto 0 auto;
	width:995px;
	padding:0px 0px 0px 0px;
	/*background:#ffffff;*/
}
.container:hover{
	
    color:#ff0000;
	text-decoration: none;
	
}
#container h1 {
		margin:0px;
		margin-top:-3px;
		font-size:12px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#010E35;
		font-weight:heavy;
		height:40px;
	}
#container h2 {
		margin:0px;
		margin-top:0px;
		font-size:11px;
		font-family:verdana;
		padding-left:0px;
		letter-spacing:0px;
		color:#000000;
		font-weight:heavy;
		height:25px;
	}

#container h3 {
		margin:0px;
		font-size:11px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#996633;
		font-weight:heavy;
		height:40px;
	}
#container h4 {
		margin:0px;
		margin-top:-3px;
		font-size:9px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#FF0000;
		font-weight:heavy;
		height:40px;
	}
#container h5 {
		margin:0px;
		margin-top:-3px;
		font-size:8px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#000000;
		font-weight:heavy;
		height:40px;
	}

#container h6 {
		margin:0px;
		margin-top:-3px;
		font-size:8px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#000000;
		font-weight:heavy;
		height:40px;
	}



#logo{
	margin:0px 0 0px 0;
}

	#logo h1{
		color:#303030;
		margin:0 0 20px 0;
		font-size:2.1em;
		font-weight:normal;
	}



#navitabs{
	clear:both;
}

	#navitabs .navitab{
		padding:4px 8px 4px 8px;
		margin:0 0 4px 0;
		text-decoration:none;
		letter-spacing:1px;
		background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
		border-bottom:1px solid #ffffff;
		border-left:1px solid #ffffff;
	}

		#navitabs .navitab:hover{
			text-decoration:none;
			background:#d0d0d0 url(../images/corner.gif) top right no-repeat;
		}

	#navitabs .current{
		padding:4px 8px 5px 8px;
		color:#ffffff;
		margin:0 0 5px 0;
		background:#505050 url(../images/corner.gif) top right no-repeat;
		border: none;
	}

		#navitabs .current:hover{
			text-decoration:none;
		}







#desc{
	height:382px;
	color:#ffffff;
	padding:0px 0 0px 0;
	
	clear:both;
	margin:0px 0 0px 0;
}

	#desc p{
		width:290px;
		font-size:1em;
		line-height:1.3em;
		padding:0 0 0 15px;
	}

	#desc h2{
		margin:0 0 20px 0;
		font-size:1.6em;
		font-weight:normal;
		padding:15px 15px 0 15px;
		color:#ffffff;
	}

	#desc a{
		color:#ffffff;
		text-decoration:underline;
	}

#main{
	width:780px;
	float:left;
	padding: 0 7px 15px 7px;
	border-right:0px solid #d0d0d0;
}










/*
 * SubNavigation 
 */
#SubNavigation {

height:15px;
	background: #F60236 ;
padding: 3px 3px 3px 3px;
margin: 8px 0px 0px 0px;
}
	#SubNavigation ul {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
	}
	#SubNavigation ul li {
		float: left;
	}
	#SubNavigation ul li a {
		color: #ffffff;
		padding: 5px 8px 8px 5px;
		
		margin-left: 3px;
		margin-right: 3px;
		font-weight: bold;
		
	}
	#SubNavigation a.current, #SubNavigation a.section {
		color: #ffffff;
	}
	#SubNavigation a:hover {
		color: #000000;
        font-weight: bold;
	}
/* end of Navigation */


#sidebar{
	width:200px;
	float:right;
	padding: 0 0 15px 0;
}

	#sidebar p{
		font-size:0.9em;
		line-height:1.3em;
		margin:0 0 12px 0;
	}
	#sidebar ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#sidebar li{
		margin: 0 0 0 2px;
		padding: 0;
	}

	.sidelink a{
		text-align:left;
		display:block;
		width:140px;
		background:#f0f0f0 url(../images/corner.gif) top right no-repeat;
		padding:3px 4px 3px 8px;
		margin:5px 10px 5px 0;
	}

		.sidelink a:hover{
			background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
			text-decoration:none;
		}
	
	.sidelink a.current{
		background:#e0e0e0 url(../images/corner.gif) top right no-repeat;
	}

	.sidelink a.section{
		background:#fafafa url(../images/corner.gif) top right no-repeat;
	}

#footer{
	clear:both;
height:100px;
width:100%;
	 background: #181818; 
/* background: url(../images/foother.jpg) ;
border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;

 */
	color:#ffffff;
	font-size:11px;
	padding:0px 0 0px 0;
	
	
	margin:0px auto 0 auto;
font-weight: bold;

}

	#footer a{
		color:#ffffff;
		text-decoration:none;
	}
	#footer a:hover{
		color:#ffffff;
		text-decoration:none;
	}

p{
	margin:0 0 15px 0;
	line-height:1.5em;
	text-align:left;
}

a img{
	border:0;
}

.photo{
	padding:5px;
	
	margin:0 auto 15px auto;
	background-color:#f0f0f0;
}

#Breadcrumbs p{
	font-size: 0.9em;
	color: #999;
}



/* Drop Down Menu code */ 
#pad {height:135px;} 
/* ================================================================ 
This copyright notice must be untouched at all times. 

The original version of this stylesheet and the associated (x)html 
is available at http://www.cssmenus.co.uk 
Copyright (c) 2009- Stu Nicholls. All rights reserved. 
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements. 
=================================================================== */ 
#menu1 {padding:0 0px 0 0px; margin:0 0px 0 0px; list-style:none; height:100px; position:relative;} 
#menu1 li {float:left; margin:0 0px 0 0px;} 
#menu1 li a {display:block; float:left; height:55px; line-height:55px; color:#000000; text-decoration:none; font-size:13px; font-family:verdana, sans-serif; font-weight:bold; padding:0 45px 0 20px; background:url(../images/dot2.gif) no-repeat;} 

#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} 

/* Default link styling */ 

/* Style the list OR link hover. Depends on which browser is used */ 

#menu1 li a:hover {z-index:200; position:relative;color:#fff; } 
#menu1 li:hover {position:relative; z-index:200;} 

#menu1 li:hover > a {color:#000000;  width:auto; text-decoration:underline;} /* color main menu bar hover color - nt currently*/
#menu1 li:hover > a.sub {color:#000000;  height:auto; width:auto; text-decoration:underline;} 

#menu1 li.current a {color:#96CE00; ; width:auto;  } /* color main menu bar hover color -  currently*/
#menu1 li.current a.sub{color:#96CE00;  width:auto;  } /* color main menu bar hover color -  currently*/

#menu1 li a.sub {background: url(../images/down-arrow.html) no-repeat right center; width:auto; height:auto;} 
#menu1 li.current a.sub {color:#96CE00;  height:auto; } 

#menu1 :hover ul {left:0; top:55px; width:auto; background:#8d8c5b; } 

/* keep the 'next' level invisible by placing it off screen. */ 
#menu1 ul, 
#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} 

#menu1 :hover ul :hover ul 
{left:195px; top:-1px; background:#8d8c5b; white-space:nowrap; width:auto; z-index:200; height:auto;} 

#menu1 :hover ul li {margin:0; border:1px solid #666;} 
#menu1 :hover ul li a {width:200px; padding:0; text-indent:10px; background:#9B9999; color:#ccc; height:30px; line-height:30px;  font-size:13px; font-family:Calibri, verdana, sans-serif; font-weight:bold;} 
#menu1 :hover ul li a.fly {background:#333  no-repeat right center;} 

#menu1 :hover ul :hover {background-color:#595959; color:#fff;} 
#menu1 :hover ul :hover a.fly {background-color:#595959; color:#fff;} 

#menu1 :hover ul li.currentsub a {background:#9B9999; color:#fff;} 
#menu1 :hover ul li.currentsub a.fly {background:#9B9999  no-repeat right center; color:#fff;} 

#menu1 :hover ul :hover ul li a {width:200px; padding:0 20px 0 0; text-indent:10px; background:#858484; color:#ccc;} 
#menu1 :hover ul :hover ul :hover {background-color:#9B9999; color:#fff;} 

#menu1 :hover ul :hover ul li.currentfly a, 
#menu1 :hover ul :hover ul li.currentfly a:hover {background:#9B9999; color:#fff;} 


/*** Main Nav ***/
#Navigation {
   width: 995px;
  height:55px;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 25px;
/*   overflow: hidden; */
   overflow: visible; 

/*   bg main menu bar  
   background:url(../images/menu-bg.gif) no-repeat;*/ 
}