/* css Zen Garden submission - 'Kyoto Forest', by John Politowski, http://rpmdesignfactory.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2007, John Politowski */


/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */


/* basic elements */

html {
	margin: 0;
	padding: 0;
}
	
body {
	font-family:Arial, Helvetica, sans-serif;	
	line-height:18px;
	font-size:12px;
	color: #000; 
/*	background: #004685 url(FamilyAcademy_bg.gif) no-repeat top center;  */
	margin: 0; 
	padding: 0;
}

body a:link, a:active, a:visited{
	text-decoration:underline;
	color:#004685; 
}

body a:hover{
	text-decoration:underline;
	color:#ff0000;
}

a:link, a:active, a:visited {
	text-decoration:underline;
	color:#004685; 
}

p{
	margin: 10px;
	padding: 0;
}
h1 
{
    color: #000;
}
h2 
{
    color: #000;
    font-size: 18px;
}

h3 
{
    font-size: 16px;
}
h4 
{
    margin-bottom: .1em;
    line-height: 14px;
    font-weight: bold;
}

ul {
	padding-left: 0;
	margin-left: 0;
}

ul li {
	list-style-type: none;
	list-style-image:url(FA_bullet.gif);
	margin-left: 30px;
	padding-left: 2px;
	margin-bottom: 5px;
}

ul li ul li {
	list-style-image:none;
	list-style-type:disc;
}

ol li, ul li ol li {
	list-style-image:none;
	list-style-type:decimal;
	margin-left:6px;
}

acronym {
	border-bottom: none;
}
hr {
	border:0;
	width:100%;
	color: #9BCC66;
	background-color: #9BCC66;
	height: 1px;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-size: 12px;
}

/* content div's */

#background_top {
		background: #004685 url(FamilyAcademy_bg.gif); 
		background-position:center top;
		background-repeat:repeat-y;
		position:absolute;
		display:block;
		width:1320px;
		margin-left:-5em;
		margin-right:0;
}

#container { 
	display:block;
	margin-left:284px;	
	width:752px;
    background:url(FamilyAcademy_banner.png) no-repeat;
    background-position:center top;
	background-color:transparent;
}

#intro{
	width:752px;
	height:153px;
	display:block;
	position:relative;
}

#contentframe_top{
	min-height: 378px;
}
#contentframe_bottom{
	background:url(FamilyAcademy_bg_tile.jpg) repeat top center;
	/* height: 100%; */
	min-height: 10px;
}

#content {
	padding:50px 0px 0px 0px;
	background:url(FamilyAcademy_bg_tile.jpg) center;
	/* height:100%;  */
}

#footer{
	background: url(FamilyAcademy_footer.png) no-repeat top center;
	height:100px;
	margin-top:30px;
	padding-top:0px;
	text-align:center;
}

#navcontainer
{
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	background-color: #004685;
	width: 752px;
	position:relative;
	top:165px;
	margin-top: 0px;
	margin-left: 0px;	
}

#navcontainer ul
{
padding-left: 0;
/* margin-left: 0; */
margin:14px 25px 0 25px;
background-color: #004685;
color: White;
float: left;
width: 750px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; margin-bottom:0; }

#navcontainer ul li a
{
/* padding: 0.2em 1em; */
background-color: #004685;
/*
background-image:url('Nav_bg.png');
background-repeat:repeat-x;
*/
color: White;
text-decoration: none;
float: left;
}

#navcontainer ul li a:hover
{
background-color: #9BCC66;
color: #fff;
}


/*  -----------
    MENU Styles 
    ----------- */
table#menuTable
{
   border-color:#FFFFFF;
   border-width:thin;
   border-style:none;
   border-left-style:solid;
	border-right-style:solid;
   background:#004685;
	background-image:url('Nav_bg_28.png');
	background-repeat:repeat-x;
/*   margin-top: 13px; */
	width: 752px;
	position:absolute;
	top:165px;

   margin-left: 0px;
   height:28px;
}

.MainMenu_Container {	
	background-image:url('Nav_bg_28.png');
	background-repeat:repeat-x;
	background-position-y:bottom;	
}    
.MainMenu_MenuBar 
{
	  cursor: pointer; 
/*	  cursor: hand; */
		height:28px;	  
	background-image:url('Nav_bg_28.png');
	background-repeat:repeat-x;
	background-position-y:bottom;
/*  background-color: Transparent; */
}
.MainMenu_MenuItem, .MainMenu_MenuItemSel
{
/*   border: #cad5ea 0px solid;  */
   cursor: pointer; 
/*   cursor: hand;  */
   color: #FFF; 
   font:normal normal bold 100% Arial;
   background-color: #004685;
   text-decoration:none;   
	border-right: 1px white solid;
	padding-left:8px;
	padding-right:8px;
}
.MainMenu_MenuItem {
	background-image:url('Nav_bg_28.png');
	background-repeat:repeat-x;
/*	background-position-y:bottom; */
	height:28px;
}
.MainMenu_MenuItem TD {
height:28px;
	border-right: 1px white solid; 
	padding-left:8px;
	padding-right:8px;
}
.MainMenu_MenuItemSel
{
   font:normal normal bold 100% Arial;
   color:#FFF;
   background:#9BCC66;
	height:28px;
	background-image:url('Nav_bg_hover_28.png');
	background-repeat:repeat-x;
	background-position-y:bottom;
}
.MainMenu_MenuItemSel TD {
	height:28px;
	background-image:url('Nav_bg_hover_28.png');
	background-repeat:repeat-x;
	background-position-y:bottom;
		border-right: 1px white solid;
	padding-left:8px;
	padding-right:8px;

}
.MainMenu_MenuIcon
{
	display:none;
/*	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center; */
	width: 0px;
}
.MainMenu_RootMenuArrow 
{
    display: none; 
}
.MainMenu_MenuArrow 
{
    display: none; 
}
.MainMenu_MenuBreak {
	border-bottom: #00658C 0px solid; 
	border-left: #00658C 0px solid; 
	border-top: #FFF 1px solid;  
	border-right: #00658C 0px solid; 
	height:0px;
}
.MainMenu_SubMenu {
	border-bottom: #FFF 0px none; 
	border-left: #848284 0px none; 
	border-top: #FFF 1px solid; 
	border-right: #000000 0px none;
/*   border: #cad5ea 0px solid;  */
   cursor: pointer; 
/*   cursor: hand;  */
   color: #FFF; 
   font:normal normal bold 100% Arial;
   background-color: #004685;
   text-decoration:none;   
   background-image:none;
	
}
.MainMenu_ItemActive {
	background-color:#9BCC66;
	color:white;
	height:28px;
	background-image:url('Nav_bg_hover_28.png');
	background-repeat:repeat-x;
/*
	background-position-y:bottom;
*/
}
/*
.MainMenu_ItemActive TD {
	background-color:#9BCC66;
	color:red;
}
*/



