/**************************
 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:12px "Lucida Grande", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background: url(../images/background.jpg) ;*/
	color:#333333;
}

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

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

#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:960px;
	padding:0px 0px 0px 0px;
	
}
.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:-3px;
		font-size:11px;
		font-family:verdana;
		padding-left:5px;
		letter-spacing:1px;
		color:#000000;
		font-weight:heavy;
		height:40px;
	}

#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;
}

	



#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:340px;
	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:none;
	}

#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:80px;
width:960px;
	 
/*

background: #173180; 
 background: url(../images/foother.jpg) ;
border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;

 */
	color:#333333;
	font:12px "Lucida Grande", Lucida, "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0px 0 0px 0;
	
	text-align:left;
	margin:0px 0 0 0;
font-weight: bold;

}

	#footer a{
		color:#333333;
	}
	
	#footer a:hover{
		color:#333333;
	}

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:35px; line-height:40px; color:#ffffff; text-decoration:none; font-size:13px; font-family:Calibri, verdana, sans-serif; font-weight:bold; padding:0 20px 0 20px; } 

#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:#ffffff; background:url(../images/just-hover.gif); width:auto;} /* color main menu bar hover color - nt currently*/
#menu1 li:hover > a.sub {color:#ffffff; background:url(../images/just-hover.gif); height:auto; width:auto;} 

#menu1 li.current a {color:#ffffff; background:#000 url(../images/current-y.gif); width:auto;  } /* color main menu bar hover color -  currently*/
#menu1 li.current a.sub{color:#ffffff; background:#000 url(../images/current-y.gif); width:auto;  } /* color main menu bar hover color -  currently*/

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

#menu1 :hover ul {left:0; top:40px; 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:240px; 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:250px; 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: 960px;
  height:46px;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
/*   overflow: hidden; */
   overflow: visible; 

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