@charset "utf-8";
/* CSS Document */

body  
{
	font: 100% Arial, Helvetica, sans-serif;
	
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	
	background-image:url(../imgs/mainBG.jpg);
	background-repeat:repeat-x;
	background-color:#00121e;
	/*background-color:#999;*/
}

.SA_mainCSS_class #container 
{ 
	width: 1100px;  /* this width will create a container that will fit in an 1000px browser window if text is left at browser default font sizes */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px 0px 0px 0px;
	/*border: 1px solid #000000;*/
	height: 100%;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.SA_mainCSS_class #mainContent 
{
  	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	margin-top: 0px;
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.SA_mainCSS_class #topSection 
{
	width:1000px;
	margin:10px 50px 30px 50px;
	height:70px;
}

.SA_mainCSS_class #logo 
{
	float:right;
	width: 484px
	margin: 0 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.SA_mainCSS_class #top_Navbar 
{
	float:left;
	width: 516px;
  	margin:15px 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	/*padding: 10 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.SA_mainCSS_class #main_flashBanner 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	height: 452px;
	float:left;
	/*padding-top:20px;*/
}

.SA_mainCSS_class #sub_flashBanner 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	height: 225px;
	float:left;
	/*padding-top:20px;*/
}

.SA_mainCSS_class #main_flashBanner2 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	height: 452px;
	float:left;
	/*padding-top:20px;*/
}

.SA_mainCSS_class #textNews_content 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	/*height: 452px;*/
	float:left;
	/*padding-top:20px;*/
}

.SA_mainCSS_class #subpages_content 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	/*height: 452px;*/
	float:left;
	/*padding-top:20px;*/
}

.SA_mainCSS_class #text_subpage_content 
{
  	margin: 0 0 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0px 10px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:980px;
	/*top:50px;*/
	float:left;
}

.SA_mainCSS_class #text_subpage_content p
{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
	
	padding: 0 20px 0 0;
}

.SA_mainCSS_class #text_content 
{
  	margin: 0 0 0 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	padding: 0px 0px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width:660px;
	/*top:50px;*/
	float:left;
}

.SA_mainCSS_class #text_content p
{
  	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
	width:640px;
}

.SA_mainCSS_class #text_content h1,  #text_subpage_content h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color: #ffffff;
	letter-spacing: .2em;
	vertical-align:top;
	font-style: normal;	
}

.SA_mainCSS_class  a,
.SA_mainCSS_class a:link,
.SA_mainCSS_class a:visited{
	color:#999;
}




#News 
{
	/*position:absolute;*/
	float:right;
	background:url(../imgs/newsBG.jpg);
	background-repeat:no-repeat;
	/*left:1131px;*/
	top:20px;
	width:320px;
	height:322px;
	/*z-index:1;*/
}

#separator 
{
	position:inherit;
	float:left;
	width:1100px;
	height:20px;
	
}

.clearfloat 
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.news_title 
{ 
	font-size: 16px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.newsSubtitles
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
}

.newsLink
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FC0;
	text-decoration:none;
}

#apDiv1 {
	/*position:relative;*/
	left:166px;
	padding:0 0 0 10px;
	top:0px;
	width:660px;
	height:auto;
	z-index:1;
	float:left;
}

#footer {
	
	
	float:left;
	width:1100px;
	height:40px;
	
}

/* Navbar division */
#footerNavbar
{
/*	background-color:#aaa;*/	
/* Left margin must match leftcolumn width */
  	margin-right:50px;
	/*height:1.6em;*/
	color:#FFF;  
	float:right;
	font-size:9px; 
	/*padding: 0 50px 0 0;*/
}

/* Remove bullets from ul in the navbar */
#footerNavbar ul
{
  list-style-type:none;
}

/* List items in the navbar */
#footerNavbar li{
  float:left;
  padding: 0 5px 0 5px;
}

/* Applies to navbar links, visited and unvisited */
#footerNavbar a,
#footerNavbar a:link,
#footerNavbar a:visited
{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
  	font-size:9px;
  	color:#fff;
  	/*background-color:#aaa;*/
	display:block;
	/*height:2em;*/
	width: auto;
	/*border-right:solid 1px #ddd;*/
	text-align:center;
	line-height:16px;
	outline-style:none;
	padding: 0 15px 0 15px;
}

/* Navbar hover and active links */
#footerNavbar a:hover,
#footerNavbar a:active
{
  	/*background-color:#000;*/
  	color:#fff;
}

.Accordion_content
{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFF;
	
}

/*#####################################################################
#																	  #
#				    MAIN NAV CSS									  #
#																	  #
######################################################################*/

.SA_mainCSS_class #main_NAV 
{
  	margin: 0 0px 0px 50px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. */
	
	width: 1000px;
	height: 35px;
	float:left;
	/*padding-top:20px;*/
}

#navHolder{
  /*background-color:#aaa;*/
  display:block;
  width:1000px;
  height:35px;
  background-image:url(../includes/test/holder_BG.png);
  background-repeat:no-repeat;
}

/* Navbar division */
#navbar{
  /*background-color:#aaa;*/
  display:block;
  width:1005px;
  height:35px;

}

#navbar ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#navbar li
{
	float:left;
	/* Required for drop-down menus */
	position:relative;
	height:35px;

}
	
	/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:0.05em;
	color:#fff;
	display:block;
	height:35px;
	width:325px;
	padding: 0 0 0 10px;
	
	text-align:center;
	line-height:35px;
}

/* Navbar hover and active links */
#navbar a:hover,
#navbar a:active{
  color:#CCC;
}


/* Drop-down menu styles */

#navbar li ul
{	
	position:absolute;
	z-index:10;	
	float:left;
	display:block;
	background-image:url(../includes/test/navBG.jpg);
	line-height:35px;
	margin:0;
	padding:0;
	visibility:hidden;
	background-position:0 0 !important;
	color:#fff;
	background:transparent filter: alpha(opacity=80);
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	 
	 filter:alpha(opacity=80);
        -moz-opacity:0.8;
        -khtml-opacity: 0.8;
        opacity: 0.8;


}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul
{	
	float:left;
	visibility:visible;
	width:100%;
	min-width:515px;
}

#navbar li ul li
{
	float:left;
}

	/* Applies to navbar links, unvisited and visited */
#navbar ul li ul a,
#navbar ul li ul a:link,
#navbar ul li ul a:visited{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.05em;
	color:#fff;
	display:block;
	height:35px;
	width:100%;
	padding: 0 10px 0 10px;
	text-align:center;
	line-height:35px;
	background:transparent filter: alpha(opacity=50);
}

#navbar ul li ul a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:0.05em;
	color:#ccc;
	display:block;
	height:35px;
	width:100%;
	padding: 0 10px 0 10px;
	text-align:center;
	line-height:35px;
}

/*#####################################################################
#																	  #
#				END MAIN NAV CSS									  #
#																	  #
######################################################################*/