/*******Urban Rangers Project**********/

body { background:#2C2C2C; font-family:"Tahoma";  }

/**** Global Elements *****/
.left{float:left;}
.right{float:right;}
.clr{clear:both; }
.center{text-align:center;}
.hidden{display:none;}

h1,h2,h3,h4,h5,h6,h7,h8{
	
	font-family:"Tahoma";
	font-weight:bold;
	line-height:100%;
}
h1{ font-size:18px;}
h2{ font-size:16px}
_h2{ font-size:15px;}
h3{	font-size:13px;
	padding:0; margin:0;}
h4{ font-size:13px; }
h5{ font-size:11px;}

small{font-size:90%;}
p{line-height:15px; font-size:11px; font-family:Tahoma; font-size:12px; }
strong{font-weight:bold;}
p, strong, em, ul, li, ol{color:#42525D;}
.no-bg { background:none;}
.last-border { border-bottom:1px solid #5F5F5F; }
.left-margin { margin-left:90px;}
/***************** Main Container****************************/
#container
{
	position:relative; width:944px; height:auto; display:block; background:#fff; margin:0 auto; z-index:001;
	padding:18px; padding-top:0; padding-bottom:0; 
	 
}
#container span { position:absolute; width:9px; height:10px;}
#container span.lft { left:0; background:url(../images/background/container-lft.jpg) left top no-repeat; }
#container span.rgt { right:0; background:url(../images/background/container-rgt.jpg) right top no-repeat; }
#container span.lft-bot { left:0; bottom:0; background:url(../images/background/container-lft-bot.jpg) bottom left no-repeat; }
#container span.rgt-bot { right:0; bottom:0; background:url(../images/background/container-rgt-bot.jpg) bottom right no-repeat; }

/***************** Header Container ****************************/
	#container .header { position:relative; width:944px; height:106px; z-index:002; margin-bottom:17px;   }
		.header .logo 
		{	
			position:relative; width:88px; height:81px; margin:0; padding:0; float:left; display:inline; margin-top:25px;
		}
			.logo img { position:relative; border:none; margin-top:5px;}
		
		.header .nav
		{
			position:relative; width:856px; float:right; display:inline; margin-top:25px; 
		}
			.nav img.logo-text 
			{
				position:relative; border:none; margin-bottom:5px;
			} 

		/***************** Main Navigation ****************************/
			
			.header .nav #navigation
			{
				position:relative; width:856px; height:44px; background:url(../images/background/nav-bg.jpg) left top repeat-x;
				margin-top:5px; z-index:002; font-size:11px;
			}
				#navigation span { position:absolute; width:6px; height:44px; top:0; z-index:002;}
				#navigation span.l-c { left:0; background:url(../images/background/nav-lft-bg.jpg) left top no-repeat;  }
				#navigation span.r-c { right:0; background:url(../images/background/nav-rgt-bg.jpg) right top no-repeat;}
				
					#navigation ul#menu
					{
						position:relative; width:856px; height:44px; list-style:none; margin:0; padding:0;
						z-index:002; /*font-weight:bold;*/  					}
						ul#menu li
						{
							position:relative; height:44px; margin:0; float:left; display:inline; 
							color:#000; font-weight:bold; 
						}
						ul#menu li a 
						{
							position:relative; width:auto; text-decoration:none; color:#000;
							float:left; display: inline; height:44px; line-height:44px; padding-left:13px; padding-right:13px; 
						}

						ul#menu li a span.nav-l-c
						{ 
							position:absolute; width:6px; height:6px; left:0; top:0; 
							background:url(../siteimages/background/nav-hv-lft.jpg) no-repeat;
						}
						
						#navigation ul#menu li a:hover, ul#menu li a.active 
						{
							text-decoration:none; color:#FFFAC3; 
							background:url(../images/background/nav-hover.jpg) center repeat-x;
						}
						
						#navigation ul#menu li a:hover span.l-c, ul#menu li a.active span.l-c   
						{
							background:url(../images/background/nav-hover-lft.jpg) repeat-x; z-index:010;
						}

						ul#menu li a:hover span.r-c, ul#menu li a.font-family span.r-c
						{
							background:url(../images/background/nav-hover-rgt.jpg) repeat-x; z-index:010;
						}
						
			#navigation ul#menu li:hover a,	#navigation ul#menu li.sfHover a { /*** activate on drop down ***/   
			background:url(../images/background/nav-hover.jpg) center repeat-x; color:#FFFAC3;  /*top level*/
			}
			#navigation ul#menu li ul li a:hover { 	background:none; } 
			#navigation ul#menu li.sfHover ul li a,	#navigation ul#menu li:hover ul li a
			{
				background:none; color:#000; height:20px; line-height:20px; float:none; font-size:12px; z-index:999; 
				margin:0; padding:0; 
			}
			#navigation ul#menu li:hover ul li a:hover, #navigation ul#menu li.sfHover ul li a:hover 
			{
				background-image:none; text-decoration:none; color:#FFFAC3; margin:0; padding:0;  /*Hover State*/
				background:none;
			}
			#navigation ul#menu  ul 
			{
				list-style: none; margin: 0; padding:0; width: 165px; height:auto; position: absolute; top: -999em;
				left: -1px; z-index:999; display:block; background:#A39554; /*filter:alpha(opacity=80);-moz-opacity:.80; opacity:.80;*/
				font-family:Tahoma; font-size:11px; display:none;
			}
			#navigation ul#menu li:hover ul, #navigation ul#menu li.sfHover ul 
			{
				position:absolute;	top: 43px;		/*top: 16px;*/ 	left:0; 	    /*left:60px;*/
				z-index:999; font-family:Tahoma; font-size:11px; border:1px solid #6E631C; border-top:none; border-bottom:none;
			}
			#navigation ul#menu ul li 
			{
				border: 0; padding:0;  border-bottom:1px solid #6E631C;	width: 132px; margin:0px; background:none;
				line-height:22px;/*22px*/ z-index:999; display:block; padding-left:16px; padding-right:16px; padding-top:0; 
				padding-bottom:0; font-family:Tahoma; font-weight:normal; height:22px;
			}
			
	
/***************** Content Div ****************************/

	#container #content
	{
		position:relative; width:944px; height:auto; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;
		padding-bottom:20px; 
	}

/***************** Content Left Div ****************************/
	#content .leftside
	{
		position:relative; width:702px; height:auto; float:left; display:inline-block; font-family:"Tahoma";
	}

/***************** Content Right Div ****************************/
	
	#content .rightside
	{
		position:relative; width:229px; height:auto; float:right; display:inline-block; 
	}
		.rightside .imgcon
		{
			position:relative; width:229px; height:auto; text-align:center; margin-bottom:14px; 
		}
			.imgcon img
			{
				position:relative; margin:0 auto;  border:none;
			}
		.rightside .scrolling
		{
			position:relative; width:227px; height:550px; background:#F5F5F5; border:1px solid #5F5F5F; border-top:0; 
			 margin:0;
		}
		.scrolling .lower{ position:absolute; width:10px; height:11px; bottom:0;}
		.scrolling .lower.ls{ left:-1px; bottom:-1px; background:url(../images/background/right-blk-ls.jpg) bottom left no-repeat;}
		.scrolling .lower.rs{ right:-1px; bottom:-1px; background:url(../images/background/right-blk-rs.jpg) bottom left no-repeat;}

			.scrolling h5
			{
				position:relative; width:auto; height:30px; display:block; font-size:11px; margin:0; padding:0; padding-left:15px; 
				line-height:25px; background:url(../images/background/right-h5-bg.jpg) left top repeat-x;
			}
			#content .rightside .scrolling span { position:absolute; width:10px; height:30px; top:0;}
			#content .rightside .scrolling span.lft-end { left:-1px; background:url(../images/background/right-h5-lft.jpg) left top no-repeat; }
			#content .rightside .scrolling span.rgt-end { right:-1px; background:url(../images/background/right-h5-rgt.jpg) right top no-repeat; }
			.scrolling .box
			{
				position:relative; width:204px; height:148px; margin:12px; margin-top:10px; margin-bottom:10px;
			}
				.box h4
				{
					position:relative; width:auto; height:auto; color:#8D7D39; font-weight:bold; margin:0; margin-bottom:8px;
					padding:0; font-size:13px;
				}
				.box img { position:relative; width:204px; height:64px; border:none; margin-bottom:8px;}
				.box p { position:relative; width:auto; height:auto; margin:0; padding:0; line-height:1.1em;}
				.box a.more { float:right; display:inline; color:#8D7D39; font-size:10px;}
			
			.scrolling .pointer
			{	
				position:relative; width:auto; height:10px; float:right; display:inline; margin:0;
				margin-right:12px;
			}
				.pointer img{ position:relative; width:17px; height:9px; float:left; display:inline; margin-left:3px; border:none;}

/***************** Footer Div ****************************/

	#footer
	{
		position:relative; height:45px; font-size:11px; margin:0; margin-top:20px;
		text-align:center; font-family:Arial, Helvetica, sans-serif; 
	}
		#footer p { position:relative; height:auto; width:auto; line-height:1.5em; color:#fff; margin:0; margin-bottom:5px; 	}
		#footer p a { position:relative; height:auto; width:auto; color:#fff; text-decoration:none; margin-left:10px;  		  
					  margin-right:10px;} 
		#footer p a:hover { text-decoration:underline;}