/* ===== Initializations ===== */
h1, h2, h3, h4, h5, h6, p
{
	font-weight:normal;
	font-size:12px;
	padding:0px;
	margin:0px;
}

ul, li
{
	padding:0px;
	margin:0px;
	list-style:none;
}

dl, dt, dd
{
	padding:0px;
	margin:0px;
}

a img
{border:0px;}

/* ===== Core ===== */
html
{
	font-family:Trebuchet MS, Lucida Sans, Verdana, Arial;
	font-family:Sans-Serif, Arial, Trebuchet MS, Lucida Sans, Verdana;
	padding:0px;
	margin:0px;
	overflow-x:hidden;
	overflow:hidden;
}

body
{
	background:#1f1f1f url(/images/core/gradient_bg.jpg) repeat-x top left;
	padding:0px;
	margin:0px;
	color:#fff;
	display:block;
	width:1000px;
	margin:0px auto;
}

/* ===== Header ===== */
#header
{
	float:left;
	width:1000px;
	padding:20px 0px 0px 0px;
}

#header a.logo, 
#header a.logo_green
{
	float:right;
	margin:10px 10px 0px 0px;
	width:245px;
	height:42px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/sla_logo.png');
}

#header a.logo_green
{	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/sla_logo_green.png');}

#header a.logo img, 
#header a.logo_green img
{
	visibility:visible !important;
	visibility:hidden;
}

/* ===== Menu ===== */
div.menu_container
{
	position:relative;
	float:left;
	padding:30px 0px 0px 0px;
	margin:30px 0px 0px 0px;
	width:1000px;
}

div.menu_container .menu_bg, 
div.menu_container .menu_bg_green
{
	position:absolute;
	float:left;
	display:block;
	width:1200px;
	height:30px;
	margin:-30px 0px 0px -100px;
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/menu_bg.png');
}

div.menu_container .menu_bg_green
{
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/menu_bg_green.png');
}

div.menu_container .menu_bg img, 
div.menu_container .menu_bg_green img, 
{
	visibility:visible !important;
	visibility:hidden;
}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */

/* ----[ LINKS ]----*/

/* all menu links */
#nav a, 
#subMenusContainer a{
	text-decoration:none;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{

}

/* Just sub menu links */
#subMenusContainer a, 
#nav li li a{
	display:block;
	width:130px;
	font-size:11px;
	padding:5px 20px;
	height:auto;
	color:#ddd;
	text-transform:none;
	background:#981304;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

/* All menu links on hover or focus */
#nav a:hover, 
#nav a:focus, 
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused{

}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}
#nav
{
	margin:-27px 0px 0px 0px !important;
	margin:-30px 0px 0px 0px;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 	
	border:0px;
}

/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
	font-size:0px;
}

#subMenusContainer li{
	list-style: none;
	font-size:0px;
}

/* main menu ul or ol elment */
#nav{}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }

/* ===== ORIGINAL MENU CODE ===== */
ul#nav
{float:right;}

ul#nav li
{float:left;}

ul#nav li a
{
	display:block;
	padding:5px 20px;
	font-size:11px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}

ul#nav ul
{
	position:absolute;
	z-index:10;
	width:130px;
	visibility:hidden;
}

ul#nav li:hover ul, 
ul#nav li.jshover ul
{visibility:visible;}

ul#nav li li a
{
	display:block;
	width:130px;
	font-weight:normal;
	height:auto;
	color:#ddd;
	text-transform:none;
	background:#981304;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

/* ===== Content ===== */
#content
{
	position:relative;
	float:left;
	width:980px;
	padding:0px 10px;
}

#content p
{
	float:left;
	clear:left;
	width:100%;
	line-height:17px;
	margin:0px 0px 7px 0px;
}

#content ul
{
	float:left;
	clear:left;
	width:100%;
	line-height:17px;
}

#content ul li
{
	float:left;
	clear:left;
	width:100%;
	line-height:17px;
	font-size:12px;
	padding:0px 0px 0px 12px;
	margin:0px;
	background:url(/images/bullet/bullet_red.gif) no-repeat 0px 5px;
}

/* ===== Footer ===== */
#footer
{
	position:relative;
	float:left;
	width:960px;
	height:60px;
	padding:5px 15px;
	margin:0px;
}

#footer .copyright_note
{
	position:absolute;
	bottom:0px;
	color:#fff;
	font-size:10px;
}

#footer div.logo
{
	float:right;
	width:60px;
	height:60px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo/green_membership.png');
}

#footer div.logo img
{
	visibility:visible !important;
	visibility:hidden;
}

/* ===== Components ===== */
/* ===== Components :- Collapsible Box ===== */
.collapsible_box_open, 
.collapsible_box_close
{
	position:absolute;
	width:401px;
	height:260px;
}

.collapsible_box_close
{
	/*
		width:38px;
		height:37px;
	*/
	overflow:hidden;
}

.collapsible_box_open .bg,
.collapsible_box_close .bg
{
	display:block;
	width:100%;
	height:100%;
	background:#fff;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}

.collapsible_box_open .box,
.collapsible_box_close .box
{
	position:absolute;
	top:0px;
	left:0px;
	width:380px;
	height:250px;
	padding:5px 5px 5px 16px;
}

.collapsible_box_close .box
{padding:5px;}

.collapsible_box_open .box .box_header,
.collapsible_box_close .box .box_header
{
	float:left;
	width:100%;
	border-bottom:solid 1px #4f4e4e;
	margin:0px 0px 7px 0px;
}

.collapsible_box_close .box .box_header
{border-bottom:0px;}

.collapsible_box_open .box .box_header h1, 
.collapsible_box_close .box .box_header h1
{
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#981304;
	margin:10px 5px 0px 0px;
}

.collapsible_box_open .box .box_header h2, 
.collapsible_box_close .box .box_header h2
{
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin:10px 0px 0px 0px;
}

.collapsible_box_close .box .box_header h1, 
.collapsible_box_close .box .box_header h2
{display:none;}

.collapsible_box_open .box .box_header a.close_button,
.collapsible_box_close .box .box_header a.close_button
{
	float:right;
	display:block;
	width:28px;
	height:30px;
	margin:0px 0px 3px 0px;
	cursor:hand;
}

.collapsible_box_close .box .box_header a.close_button
{float:left;}

.collapsible_box_open .box .box_header a.close_button
{
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/close_button.png');
}
	
.collapsible_box_close .box .box_header a.close_button
{
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/box/open_button.png');
}

.collapsible_box_open .box .box_header a.close_button img,
.collapsible_box_close .box .box_header a.close_button img
{
	float:right;
	font-weight:bold;
	font-size:12px;
	color:#000;
	visibility:visible !important;
	visibility:hidden;
}

.collapsible_box_open .box .box_content, 
.collapsible_box_close .box .box_content
{
	position:relative;
	clear:left;
	display:block;
	width:360px;
	height:208px;
	color:#000;
	padding:0px 20px 0px 0px;
	overflow:scroll;
	overflow-x:hidden;
}

#content .collapsible_box_open .box .box_content p, 
#content .collapsible_box_close .box .box_content p
{
	width:350px;
}

#content .collapsible_box_open .box .box_content ul, 
#content .collapsible_box_close .box .box_content ul
{
	width:350px;
}

#content .collapsible_box_open .box .box_content ul li, 
#content .collapsible_box_close .box .box_content ul li
{
	width:350px;
}

/* ===== Components :- Scroller ===== */
.scroll
{
	position:relative;
	display:block;
	width:300px;
	height:300px;
	padding:0px 20px 0px 0px;
	overflow:scroll;
	overflow-y:scroll;
	overflow-x:hidden;
}

.scrollControlsY{
	display:block;
	position: absolute;
	top:0;
	right:0;
	height:100%;
	width:15px;
}

.upBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:15px;
	height:15px;
	background: url(/images/scrollbar/scroll_up.png) no-repeat 0 -20px;
	cursor:pointer;
}

.upBtn:hover{
	background: url(/images/scrollbar/scroll_up.png) no-repeat 0 0;
}

.upBtn-Active, .upBtn-Active:hover{
	background: url(/images/scrollbar/scroll_up.png) no-repeat 0 0;
}

.downBtn{
	display:block;
	position:absolute;
	bottom:0 !important;
	bottom:-12px;
	right:0;
	width:15px;
	height:15px;
	background: url(/images/scrollbar/scroll_down.png) no-repeat 0 -25px;
	cursor:pointer;
}

.downBtn:hover{
	background: url(/images/scrollbar/scroll_down.png) no-repeat 0 -5px;
}

.downBtn-Active, .downBtn-Active:hover{
	background: url(/images/scrollbar/scroll_down.png) no-repeat 0 -5px;
}

.scrollBar{
	display:block;
	position: absolute;
	top:15px;
	right:0;
	bottom:15px;
	width:15px;
	background: url(/images/scrollbar/scroll_bar.png) repeat-y center top;
}

.scrollHandle{
	display:block;
	position:absolute;
	top:0px;
	right:0;
	width:15px;
	height:15px;
	min-height:15px;
	cursor: pointer;
	padding:0;
}

.scrollHandleBG{
	display:block;
	position: relative;
	height:100%;
	width:15px;
	background: url(/images/scrollbar/scroll_handle_body.png) repeat-y 0 0 ;
}

.scrollHandle .scrollHandleBG:hover, .scrollHandle:hover .scrollHandleBG{
	background: url(/images/scrollbar/scroll_handle_body.png) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleBG:hover, .scrollHandle-Active:hover .scrollHandleBG, .scrollHandle-Active .scrollHandleBG{
	background: url(/images/scrollbar/scroll_handle_body.png) repeat-y 0 0;
}

.scrollHandleMiddle{
	display:block;
	position: absolute;
	width:15px;
	height:15px;
	background: url(/images/scrollbar/scroll_handle_body.png) no-repeat 0 0;
	top:50%;
	margin:-5px 0 0 0;
}

.scrollHandle .scrollHandleMiddle:hover, .scrollHandle:hover .scrollHandleMiddle{
	background: url(/images/scrollbar/scroll_handle_body.png) repeat-y 0 0;
}

.scrollHandle-Active .scrollHandleMiddle:hover, .scrollHandle-Active:hover .scrollHandleMiddle, .scrollHandle-Active .scrollHandleMiddle{
	background: url(/images/scrollbar/scroll_handle_body.png) repeat-y 0 0;
}

.scrollHandleTop{
	display:block;
	position:absolute;
	width:15px;
	height:1px;
	background: url(/images/scrollbar/scroll_handle_top.png) no-repeat 0 0;
	top:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleTop:hover, .scrollHandle:hover .scrollHandleTop{
	background: url(/images/scrollbar/scroll_handle_top.png) no-repeat 0 0;
}

.scrollHandle-Active .scrollHandleTop:hover, .scrollHandle-Active:hover .scrollHandleTop, .scrollHandle-Active .scrollHandleTop{
	background: url(/images/scrollbar/scroll_handle_top.png) no-repeat 0 0;
}

.scrollHandleBottom{
	display:block;
	position:absolute;
	width:15px;
	height:1px;
	background: url(/images/scrollbar/scroll_handle_bottom.png) no-repeat 0 0 ;
	bottom:0;
	margin:0 0 0 0;
}

.scrollHandle .scrollHandleBottom:hover, .scrollHandle:hover .scrollHandleBottom{
	background: url(/images/scrollbar/scroll_handle_bottom.png) no-repeat 0 0;
}

.scrollHandle-Active .scrollHandleBottom:hover, .scrollHandle-Active:hover .scrollHandleBottom, .scrollHandle-Active .scrollHandleBottom{
	background: url(/images/scrollbar/scroll_handle_bottom.png) no-repeat 0 0 ;
}

/* ===== Arrows =====*/
.down_arrow_white, 
.down_arrow_green,
.down_arrow_red, 
.down_arrow_black,
.right_arrow_white, 
.right_arrow_green, 
.right_arrow_red,
.right_arrow_black
{
	float:left;
	width:12px;
	height:12px;
	padding:0px;
	margin:2px 5px 0px 0px;
}

.down_arrow_white 	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/down_arrow_white.png');
}

.down_arrow_green 	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/down_arrow_green.png');
}

.down_arrow_red 		
{
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/down_arrow_red.png');
}

.down_arrow_black
{
	filter:none !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/down_arrow_black.png');
}

.right_arrow_white 	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/right_arrow_white.png');
}

.right_arrow_green 	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/right_arrow_green.png');
}

.right_arrow_red 	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/right_arrow_red.png',sizingMethod='scale');
}

.right_arrow_black	
{
	filter:none !important; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/arrow/right_arrow_black.png',sizingMethod='scale');
}

.down_arrow_white img,
.down_arrow_green img,
.down_arrow_red img,
.down_arrow_black img,
.right_arrow_white img,
.right_arrow_green img,
.right_arrow_red img,
.right_arrow_black img
{
	visibility:visible !important;
	visibility:hidden;
}
