@import "header.css";
@import "footer.css";
@import "search.css";

/* General Styles */

* 
{
	margin:0px;
	border:0px;
}

html {
	height:100%;
	margin-bottom:1px;
}
body 
{
	background: url(../images/header_section.gif) repeat-x top;
	color: #666;
	font: 11px arial;
	line-height:17px;
	height:100%;
	margin-bottom:1px;
}

p 
{	
	margin-bottom:10px; 
}

h1 
{
	font:30px Arial;
	margin-bottom:10px;
	color: #000000;
}

h2 
{
	font:16px Arial;
	margin-bottom:2px;
	color: #666;
	font-weight:bold;
}

h3 
{
	font:bold 15px Arial;
	color: #666;
}

#componentdesc p, .item, #col2
{
	font-size:12px;
}

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

a:visited
{	
	color:FF9224; 
}

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

#col2 ul, #col2 li
{
	padding-left: 5px;
	margin-left: 5px;
}

#container 
{
	display:block;
	position:absolute;
	margin-left:-380px;
	left:50%;
	width:770px;
	height:auto;

}


/* Main Content Styles */

#content 
{
	display:block;
	width:740px;
	height:421px;
	clear:both;

	margin-left:13px;
	border-top:15px;
	padding-top:10px;
	
}

html>body #content,
html>body #lowerpage #content 
{
	height:auto;
	min-height:400px;
	overflow: hidden;
}

#lowerpage #content
{

	margin-left:15px;
}
#lowerpage #content ul {
	margin-bottom:0px;
}
#toparea 
{
display:block;
	position:relative;
	width:492px;
	height:505px;
	clear:both;
	float:left;
}

#toparea .area 
{
	display:block;
	position:relative;
	width:246px;
	height:169px;
	float:left;
}

#lowerarea 
{
	display:block;
	position:relative;
	width:780px;
	clear:both;
}

#lowerarea .area 
{
	display:block;
	position:relative;
	height:300px;
	float:left;
}

html>body #lowerarea .area
{
	height:auto;
	min-height:300px;
}

.subheaders 
{
	position:relative;
	display:block;
	top:9px;
	width:100%;
	height:22px;
	background:#919191;
}

.subheaders em 
{
	display:inline;
	padding-right:6px;
	font: 18px Arial;
	color: #FFF;
	letter-spacing:-1px;
	overflow:hidden;
	margin-left:14px;	
}
.subheaders em a 
{	
	color:#FFF; 
	text-decoration: none;
}
#welcome
{
	width:368px;
	margin-left:5px;
}

html>body #welcome
{
	margin-left:10px;
}

#componentdesc
{

	margin-left:15px;
	margin-right:5px;
}

#col2 #componentdesc
{
	margin-top:30px;
	margin-left:0px;
}

.subheaders em img
{
	display:inline;
	position:relative;
	top:2px;
	left:220px;
}

#buttons
{
	margin-left:13px;
	margin-top:7px;
}

#newsandevents
{
position:relative;
display:block;
top:0px;
float:right;
width:230px;
border-left:15px;
}

#newsandevents .item 
{
	position:relative;
	top:5px;
	left:15px;
	margin:11px 2px;	
}

html>body #newsandevents .item 
{
	position:relative;
	top:12px;
	left:15px;
	margin:11px 2px;	
}

#newsandevents .item strong 
{
	display:block;
	color:#4A2800;

	margin-bottom:0px;
}

#newsandevents .item a 
{
	display:block;
	margin-top:0px;
}

/* Lowerpage Styles */

#crumbs {
	display:block;
	position:relative;
	right:28px;
	float:right;
	top:3px;
	text-decoration:none;
}
#crumbs a {
	text-decoration:none;
	color:#F3B100!important;
}
#content #col1 {
	display:block;
	position:relative;
	width:180px;
	height:auto;
	left:6px;
	float:left;
	margin-top:30px;
}
html>body #content #col1 
{
	margin-top:30px;
}
#content #col2 {
	display:block;
	position:relative;
	width:560px;
	height:auto;
	left:10px;
	float:left;
}

#lowerpage .subheaders 
{	
	position:relative;
	display:block;
	margin-bottom:30px;
	top:17px;
	width:100%;
	height:20px;
	background: url(../images/subheaderdot.gif) repeat-x bottom;
	clear:both;
}
#lowerpage .subheaders em
{
	display:inline;
	padding-right:6px;
	font: 18px Arial;
	color: #919191;
	background: #fff;
	overflow:hidden;
	margin-left:0px;	
}

#lowerpage #content #col1 ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	font: 11px Tahoma;
}

#lowerpage #content #col1 a{
	\width: 154px;
	w\idth: 130px;
	display: block;
	padding: 6px 5px 6px 15px;
	background-color: #EAEDEE;
	margin-top: 1px;
	color:#454545;
	text-decoration: none;
}

#lowerpage #content #col1 ul ul a{
	\width: 154px;
	w\idth: 130px;
	margin-left:10px;
	display: block;
	padding: 4px 5px;
	background: #F2F2F2;
	margin-top: 1px;
	color:#454545;
	text-decoration: none;
}

#lowerpage #content #col1 #current{
	\width: 154px;
	w\idth: 130px;
	display: block;
	padding: 6px 5px 6px 15px;
	background-color: #828282;
	margin-top: 1px;
	color:#fff;
	text-decoration: none;
}

#lowerpage #content #col1 ul ul #current{
	\width: 154px;
	w\idth: 130px;
	margin-left:10px;
	display: block;
	padding: 4px 5px;
	background: #828282;
	margin-top: 1px;
	color:#fff;
	text-decoration: none;
}

#lowerpage #content #col1 a:hover { 
	background: #828282; color: #fff; 
}


ul.phone, ul.phone li,
ul.online, ul.online li,
ul.address, ul.address li {
	margin-left:-5px!important;
	text-indent:0!important;
	list-style:url(none) none;
	display:block;
}

.printonly {
	display:none!important;
}


/* Menu Styles start here */
#menu {
    background:  url(../images/menu_bk.jpg);
    float:left;
    height:53px;
    width:778px;
    clear:both;
    z-index:100!important;
}

#menu span {
    display:block;
    cursor:hand;
}

a#menu_about {
    position:relative;
    width:72px;
    height:53px;
    margin-left:53px;
    float:left;
    background: url(../images/menu/abo_menu.gif);
}
a:hover#menu_about {
    background: url(../images/menu/cross_fire_rl.gif);
}
div.active #menu_about, div.active a:hover#menu_about   {
    background: url(../images/menu/cross_fire_sl.gif);
    cursor: default;
}

#menu_prod {
    position:relative;
    margin-left:0px;
    width:97px;
    height:53px;
    float:left;
    background:  url(../images/menu/prod_menu.gif);
}
a:hover#menu_prod {
    background: url(../images/menu/prod_menu_rl.gif);
}
div.active #menu_prod, div.active a:hover#menu_prod {
    background: url(../images/menu/prod_menu_sl.gif);
    cursor:default;
}

#menu_consul {
    position:relative;
    margin-left:0px;
    width:130px;
    height:53px;
    float:left;
    background:  url(../images/menu/consul_menu.gif);
}
a:hover#menu_consul {
    background: url(../images/menu/consul_menu_rl.gif);
}
div.active #menu_consul, div.active a:hover#menu_consul {
    background: url(../images/menu/consul_menu_sl.gif);
    cursor:default;
}

#menu_port {
    position:relative;
    margin-left:-9px;
    width:97px;
    height:53px;
    float:left;
    background:  url(../images/menu/port_menu.gif);
}
a:hover#menu_port {
    background: url(../images/menu/port_menu_rl.gif);
}
div.active #menu_port, div.active a:hover#menu_port {
    background: url(../images/menu/port_menu_sl.gif);
    cursor:default;
}

#menu_web {
    position:relative;
    margin-left:0px;
    width:130px;
    height:53px;
    float:left;
    background:  url(../images/menu/web_menu.gif);
}
a:hover#menu_web {
    background: url(../images/menu/web_menu_rl.gif);
}
div.active #menu_web, div.active a:hover#menu_web {
    background: url(../images/menu/web_menu_sl.gif);
    cursor:default;
}

#menu_sup {
    position:relative;
    margin-left:0px;
    width:82px;
    height:53px;
    float:left;
    background:  url(../images/menu/sup_menu.gif);
}

a:hover#menu_sup {
    background: url(../images/menu/sup_menu_rl.gif);
}

div.active #menu_sup, div.active a:hover#menu_sub {
    background: url(../images/menu/sup_menu_sl.gif);
    cursor:default;

}

#menu_news {
    position:relative;
    margin-left:0px;
    width:65px;
    height:53px;
    float:left;
    background:  url(../images/menu/news_menu.gif);
}
a:hover#menu_news {
    background: url(../images/menu/news_menu_rl.gif);
}
div.active #menu_news, div.active a:hover#menu_news {
    background: url(../images/menu/news_menu_sl.gif);
    cursor:default;
}



/* NAVIGATION
-------------------------------------------------------------------------*/
#navigation {
  font-family:Geneva, Arial, Helvetica, sans-serif;
  position:relative;
  display:block;
  float:left;
  width:720px;
  background:#fff url(../images/nav/navbg.gif) repeat-x bottom;
  line-height:normal;
 }

*>html #navigation li{
    font-size:55%;
}

#navigation ul {
  margin:0;
  padding:5px 10px 0;
  list-style:none;
  }
#navigation li {
  display:inline;
  margin:0;
  padding:0;
  }
#navigation a {
  float:left;
  width:.1em;
  background:url(../images/nav/left_both.gif) no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #D3D6D9;
  text-decoration:none;
      }
#navigation > ul a {width:auto;}

#navigation a span {
	float:left;
	display:block;
	background:url(../images/nav/right_both.gif) no-repeat right top;
	padding: 5px 8px 4px 3px;
	font-weight:bold;
	color:#878787;
	font-size:90%;
	white-space: nowrap;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navigation  a span {float:none;}
/* End IE5-Mac hack */

#navigation  a:hover span {
      color:#000033;
}

body#section0 #navigation #tab0 a,    
body#section1 #navigation #tab1 a,
body#section2 #navigation #tab2 a,
body#section3 #navigation #tab3 a,    
body#section4 #navigation #tab4 a,
body#section5 #navigation #tab5 a,
body#section6 #navigation #tab6 a
{
	background-position:0% 0px;
    voice-family:"\"}\"";
    voice-family:inherit;
	background-position:0% -150px;
	border-width:0;
}

body#section0 #navigation #tab0 a span,
body#section1 #navigation #tab1 a span,
body#section2 #navigation #tab2 a span,
body#section3 #navigation #tab3 a span,
body#section4 #navigation #tab4 a span,
body#section5 #navigation #tab5 a span,
body#section6 #navigation #tab6 a span
{
  background-position:100% 0px;
  voice-family:"\"}\"";
  voice-family:inherit;
  background-position:100% -150px;
  padding-bottom:5px;
  color:#56AFE2;
}

#navigation a:hover {
  background-position:0% 0px;
  voice-family:"\"}\"";
  voice-family:inherit;
  background-position:0% -150px;

  }
#navigation a:hover span {
  background-position:100% 0px;
  voice-family:"\"}\"";
  voice-family:inherit;
  background-position:100% -150px;

  }

/* --------------------------------------------------------------------------------*/
/* Dropdown Styles */

.dropdown  {
    z-index:100!important;
}
.dropdown {
    position:absolute;
    display:block;
    background: #fff;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    top:120px;
    visibility:hidden;
    filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
html>body .dropdown {
    width:153px;
}
.dropdown a {
    display:block;
    clear:both;
    border-bottom: 1px solid #d2d2d2;
    text-decoration:none;
    width:153px;
    height:auto;
    color:#000000;
    background:#fff;
    padding:2px;
    display: block;
        filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}
.dropdown a:hover {
    color:#fff;
    background:#E9242E;
    text-decoration:none;
	filter:alpha(opacity=100);
    -moz-opacity:1.00;
	-khtml-opacity: 1.00;
	opacity: 1.00;
}
/* IE Dropdown Styles */
/* #dropdown_0 { left:-100px; } */
#dropdown_0 { left:-68px; }
#dropdown_1 { left:-97px; }
#dropdown_2 { left:-130px; }
#dropdown_3 { left:-97px; }
#dropdown_4 { left:-130px; display: none; visibility: hidden;}
#dropdown_5 { left:-82px; display: none; visibility: hidden;}
#dropdown_6 { left:-65px; }

/* Firefox Dropdown Styles */
/* html>body #dropdown_0 { left:10px; } */
html>body #dropdown_0 { left:19px; }
html>body #dropdown_1 { left:135px; }
html>body #dropdown_2 { left:310px; }
html>body #dropdown_3 { left:453px; }
html>body #dropdown_4 { left:440px; display: none; visibility: hidden;}
html>body #dropdown_5 { left:570px; display: none; visibility: hidden;}
html>body #dropdown_6 { left:652px; display: none; visibility: hidden;}

.menuitem {
    display: block;
}

.introduction {
font-size: 1.3em;
line-height:24px;
}
.hide, span.hide{
    display: none;
    visibility: hidden;
}
/* Menu Styles start here */
#menu {
    background:  url(../images/menu_bk.jpg);
    float:left;
    height:66px;
    width:778px;
    clear:both;
    z-index:100!important;
}

#menu span {
    display:block;
    cursor:hand;
}

a#menu_about {
    position:relative;
	margin-left:0px;
    width:132px;
    height:66px;
    margin-left:10px;
    float:left;
    background: url(../images/menu/cross_fire_rl.gif);
}
a:hover#menu_about {
    background: url(../images/menu/cross_fire_s1.gif);
}
div.active #menu_about, div.active a:hover#menu_about   {
    background: url(../images/menu/cross_fire_rl.gif);
    cursor: default;
}

#menu_prod {
    position:relative;
    margin-left:0px;
    width:101px;
    height:66px;
    float:left;
    background:  url(../images/menu/coaching_house_enterprises_rl.gif);
    background-repeat: no-repeat;
}
a:hover#menu_prod {
    background: url(../images/menu/coaching_house_enterprises_s1.gif);
}
div.active #menu_prod, div.active a:hover#menu_prod {
    background: url(../images/menu/coaching_house_enterprises_rl.gif);
    cursor:default;
}


#menu_consul {
    position:relative;
    margin-left:0px;
    width:147px;
    height:66px;
    float:left;
    background:  url(../images/menu/memory_making_rl.gif);
}
a:hover#menu_consul {
    background: url(../images/menu/memory_making_s1.gif);
}
div.active #menu_consul, div.active a:hover#menu_consul {
    background: url(../images/menu/memory_making_rl.gif);
    cursor:default;
}

#menu_web {
    position:relative;
    margin-left:0px;
    width:119px;
    height:66px;
    float:left;
    background:  url(../images/menu/restoring_hope_rl.gif);
}
a:hover#menu_web {
    background: url(../images/menu/restoring_hope_s1.gif);
}
div.active #menu_web, div.active a:hover#menu_web {
    background: url(../images/menu/restoring_hope_rl.gif);
    cursor:default;
}

#menu_port {
    position:relative;
    margin-left:0px;
    width:112px;
    height:66px;
    float:left;
    background:  url(../images/menu/news_events_rl.gif);
}
a:hover#menu_port {
    background: url(../images/menu/news_events_s1.gif);
}
div.active #menu_port, div.active a:hover#menu_port {
    background: url(../images/menu/news_events_rl.gif);
    cursor:default;
}

#menu_sup {
    position:relative;
    margin-left:0px;
    width:135px;
    height:66px;
    float:left;
    background:  url(../images/menu/donate_online_rl.gif);
}

a:hover#menu_sup {
    background: url(../images/menu/donate_online_s1.gif);
}

div.active #menu_sup, div.active a:hover#menu_sub {
    background: url(../images/menu/donate_online_rl.gif);
    cursor:default;

}