/* CSS Document */

body 
{
   background-color: #374447;
	font-family: tahoma;
	color: #FAFAFA;
   text-align: left;
	background: #374447 url(images/main_pagebg2.jpg) top left no-repeat;
}

.schedule td{
   background-color: #CCCCCC;
	color: #000000;
}

#loading
{
   position: absolute;
	top: 0;
	left: 0;
   width: 100%;
	height: 100%;
	background-color: #333333;
	color: #CCCCCC;
	z-index: 4000;
	background: #374447 url(images/main_pagebg2.jpg) top left no-repeat;
}

#loading span
{
   font-family: Papyrus;
	font-weight: bold;
	text-align: center;
	width: 100%;
	position: absolute;
}

#mainpanel
{
   background: transparent url(images/main_panel.png) top left no-repeat;
	position: absolute;
	top: 90px;
	left: -40px;
	width: 1080px;
	height: 221px;
	padding-top: 25px;
	padding-bottom: 45px;
	z-index: 3;
}


#mainpanel .search
{
   position: absolute;
	top: 25px;
	left: 760px;
	padding-top: 8px;
	padding-right: 55px;
	background-color: transparent;
	margin: 0px;
	z-index: 50;
}

#glowerpanel
{
   position: absolute;
	top : 30px;
	left: 620px;
	width: 170px;
	height: 150px;
	z-index: 5;
	/*border: 1px solid #FFFF00;*/
}

#mainpanel div.searchbutton
{ 
  float: left;
  display: inline;
  background: transparent url(images/search.png) top left no-repeat;
  width: 34px;
  height: 32px;
  margin-top: -4px;
  cursor: pointer;
}

#mainpanel input
{
   display: inline;
	float: left;
   background-color: #CCCCCC;
	opacity: 0.65;
	color: #333333;
	border: none;	
	border-color: #ebebeb;
   opacity: 0.5;
}

/*   y @ 4 is glow
     y @ 20 is no-glow
*/
#nonprofit
{
   position: absolute;
	display: none;
	width: 235px;
	height: 15px;
	text-align: center;
	background: transparent url(images/nonprofit.png) top left no-repeat;
}

#coolunderpanel
{
   background: transparent url(images/swordsumie3.png) top left no-repeat;
	width: 800px;
	height: 574px;
	position: absolute;
	top: 280px;
	left: 85px;
	z-index: 2;
}

#pleasewaitpanel
{
   background: transparent url(images/pleasewait.png) top left no-repeat;
	width: 294px;
	height: 306px;
	position: absolute;
	top: 510px;
	left: 675px;
	z-index: 3;
	display: none;
}

#ad
{
   position: absolute;
   top: 610px;
	left: 25px;
	z-index: 100;
	display: block;
	cursor: pointer;
	/*border: 1px solid black;*/
}

.search .description
{
   float: left;
	width: 100%;
	clear: both;
	font-size: 7pt;
	color: white;
	margin-top: -5px;
}

.search .description span
{
   cursor: pointer;
	font-weight: bold;
}

.goodsearchPanel
{
   position: absolute;
	display: none;
	background: transparent url(images/goodsearchpanel.png) top left no-repeat;
	width: 229px;
	height: 263px;
	z-index: 105;
	color: #3e3e3e;
	font-family: "Lucida Sans";
	padding-right: 35px;
	padding-left: 35px;
	padding-top: 25px;
	font-size: 11px;	
	overflow: hidden;
/*	border: 1px solid blue;*/
}

.goodsearchPanel .title
{
   font-size: 15px;
	color: #2e2e2e;
	font-family: Papyrus;
}

#mainpaper
{
   background: transparent url(images/main_paper.png) top left no-repeat;
	position: absolute;
	top: 105px;
	left: 0px;
	width: 295px;
	height: 125px;
	padding-top: 35px;
	padding-bottom: 35px;
	margin-right: -25px;
	z-index: 50;
}

#topicguide
{
   font-family: Papyrus, "Lucida Sans", Arial;
	font-size: 18pt;
	position : relative;
	top: 5px;
	left: 55px;
	width: 200px;
	height: 130px;
	overflow: hidden;
	color: #1B1B1B;
	font-weight: bold;
/*	border: 1px solid red;*/
}

#topicguide span
{
   position: relative;
	top: 0;
	left: 0;
}

#yinyang
{
   background: transparent url(images/yingyang.png) top left no-repeat;
	position: absolute;
	display: none;
	width: 28px;
	height: 27px;
	z-index: 46;
}

#mainmenu
{
   text-align: left;
   background: transparent url(images/main_menu.png) top left no-repeat;
	position: absolute;
	top: 245px;
	left: 10px;
	width: 278px;
	height: 362px;
	padding-top: 65px;
	padding-left: 0px;
	padding-bottom: 35px;
	margin-right: -25px;
	z-index: 45;
	color: #1F1F1F;
	font-size: 14px;
	font-family: "Lucida Sans", Garamond, Tahoma;
}

#mainmenu div.head
{
   display : block;
   background: transparent url(images/menu_header.png) top left no-repeat;
	width: 207px;
	height: 28px;
	color: #FAFAFA;
	padding-left: 15px;
	padding-top: 4px;
	padding-bottom : 0px;
	margin-bottom: 0px;
	font-family: "Lucida Sans", Garamond, Tahoma;
	cursor: pointer;
	/*border: 1px black solid;*/
}


#mainmenu a, #mainmenu a:visited
{
   text-decoration: none;
	color: black;
}

#mainmenu div.head a:visited, #mainmenu div.head a
{
   color: #FAFAFA;
}

#mainmenu /* main menu */
{
   margin: 0;
	list-style-type: none;
}

/* for subordiante menus*/
#mainmenu ul
{
   margin-top: 0px;
   margin-left: 15px;
	margin-bottom: 2px;
	padding: 0px;
	list-style-type: none;
	/*border: 1px solid #009966;*/
	width: 100%;
}

#mainmenu ul li ul 
{
   /*width: 178px;*/
}

#mainmenu li
{  
   list-style-type: none;
	margin-left: 5px;	
	display: block;
}

#mainmenu div.selected span
{
   display: block;
   background: url(images/submenu_hilight.png) top left no-repeat;
	width: 100%;
}

/* fixes ie7 */
#mainmenu div.selected span.ui-accordion-right
{
   background-image: none;
}

#mainmenu a:hover
{
   color: #7c1200;
}

#mainmenu ul li a
{
   display: block;
   width: 100%;
}

#mainmenu ul li a:hover
{
   display: block;
	margin-left: -7px;	
	padding-left: 5px;
   background: url(images/submenu_hilight.png) top left no-repeat;
	color: white;
}

#papercurl
{
    position: absolute;
	 top: 560px;
	 left: 10px;
    background: transparent url(images/paper_curl.png) top left no-repeat;
	 display: block;
	 width: 251px;
	 height: 49px;
	 z-index: 46;
}

#mission1,#mission2
{
   position: absolute;		
	z-index: 8;
	cursor: pointer;
}

#mission1 {
   top: 40px;
	left: 325px;
	width: 130px;
	height: 54px;
   background: url(images/mission_statement.png) top left no-repeat;
}

#mission2 {
   top: 25px;
	left: 316px;
	width: 379px;
	height: 169px;
   display : none;
   background: url(images/mission_statement2.png) top left no-repeat;
}

.logoTitle, #logoTitle
{
   position: absolute;
	top : 5px;
	left: 600px;		
   background: url(images/aosalogo.png) top left no-repeat;
	width: 98px;
	height: 110px;
	z-index: 0;	
}

#logoText
{
   position: absolute;
	top : 5px;
	left: 1000px;		
   background: url(images/aosatitle.png) top left no-repeat;
	width: 424px;
	height: 48px;
	z-index: 4;
}

#logoMotto
{
   position: absolute;
	/*opacity : 0;*/
	top : 50px;
	left: 400px;		
   background: url(images/aosamotto.png) top left no-repeat;
	width: 1px;
	height: 18px;
}

#contentDiv
{
   position: absolute;
	display: block;
	top: 280px;
	left: 275px;
	width: 750px;
	height: 580px;	
	background-color: transparent;	
	z-index : 50;
	overflow: hidden;
/*	border: 1px solid red;*/
}

#contentPage
{
   position: relative;
	top: 0;
	left: 0;
   overflow: hidden;
	height: 100%;
	width: 100%;
/*	border: 1px solid black;*/
}

#copyright
{
   position: absolute;
	left: 0px;
   top: 880px;
	width: 1000px;
	font-size: 10pt;
	text-align: right;
	color: #A8A8A8;
	font-family: "Lucida Sans", Tahoma;
}

#copyright a
{
   font-size: 8pt;
	color: #888888;
	text-decoration: none;
}

#copyright a:hover
{
   text-decoration: underline;
	color: #AAAAAA;
}

.hiddenText
{
   color: transparent;
	display: none;
}

.glower
{
   position: absolute;
	width: 14px;
	height: 10px;
   background: transparent url(images/glower.png) top left no-repeat;
}

.makehomepage
{
   display: none;
	color: #a8a8a8;
	font-size: 10px;	
	position: absolute;
	top: 100px;
	left: 800px;
}

.dialog 
{
   position: absolute;
	width: 486px;
	height: 584px;
	left: 220px;
	top: 120px;
	z-index: 502;
	display: none;
	padding: 20px;
}

#googad
{
    position: absolute;
	 left: 25px;
	 top: 700px;
	 z-index: 600;
}