/* CSS Document for ACFC website 2008 */
/* ----------------------------------------- DEFAULT ----------------------------------------- */
body { 
	margin:0; color:#000;
	background: #cdcd98 url(images/bg_white-to-beige.jpg) repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
div
{
margin:0px;
padding:0px;
/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px; */
font-size: 12px; font-family: arial, sans-serif;}

a{text-decoration:none; color:#006F6F}
a:hover{text-decoration:underline;}


p
{
padding:0px 0px 8px 0px;
margin:0px; 
}

p a{text-decoration:none; color:#006F6F}
p a:hover{text-decoration:underline;}

ul{
	list-style:circle;
	margin-left:10px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
}
ul a{
	text-decoration:none;
	color: #2B5555;
	} 
ul a:hover { text-decoration:underline; color:#778F45;}
h1 {font-size:20px; margin:3px;}
h2 {
	margin:0; padding:0;
	text-decoration: underline;
}

.intanchor {font-size: 14px; color:#000000; font-weight:bold;}
.intanchor:hover {text-decoration:none}

.spacer{
font-size:0px;
line-height:10px;
clear:both;
padding:0;
margin:0;

}
.width1
{
width:1px;
}

.boxlink {color:#7DFF9E;}
.boxlink a{color:#7DFF9E}
.boxlink a:hover { text-decoration:underline; color:#778F45;}

#main
{ 
width:1002px;
}

/*border-left:1px solid #4C4C4C;
border-top:1px solid #4C4C4C;
border-right:1px solid #4C4C4C;
border-bottom:1px solid #4C4C4C;*/


#main h1 {margin:3px;  font-size:20px}
#main h3 {margin:3px, 3px, 3px, 0px;  font-size:17x; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#main h2 {
	font-size:18px; padding:0 0 8px; line-height:16px; text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif}

#frame
{

background-color: #FFFFFF;
width:900px;
/*border-left:1px solid #4C4C4C;
border-top:1px solid #4C4C4C;
border-right:1px solid #4C4C4C;
padding:2px 2px 2px 2px;*/
color:#000;
float:left;
}
#frame a{text-decoration:underline}

#hometitle { float:left;
 
height:240px; width:880px;

 background:url(images/hometitle5.jpg);
}
#hometitle li { 
  list-style:none;
  font: 15px  Arial, Helvetica, sans-serif;
  padding: 1px 1px 1px 1px;
	/*display:block;*/
	float:right;
	width:110px;
}

#hometitle ul a{ 
	color: #000000;
	text-decoration:none;
	font: 15px  Arial, Helvetica, sans-serif;
	font-weight: normal ;
	text-align:right;
	
}
#hometitle ul a:hover{color:#97b15e;}

/*#pagetitlepic { float:right;
 
 width:400px; height:153px;
 margin-right:59px;

 background: url(images/pagetitlelow.jpg);
}*/

#pagetitlepic { float:right;
 
 width:350px; height:134px;
 margin-right:62px;
background: url(images/pagetitlesmall.jpg);
}

#pagetitle { float:left;
 
 width:590px; height:134px;
 background:#ffffff;
}

#pagetitletext {
	margin-top:26px;
	width:320px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:36px;
	background:#ffffff;
	font-style:italic;
	font-weight:bold;
	color: #400000;
}

#skynav{
	margin-right:100px;

}

div
{
text-align:left;
vertical-align:top;
}
/* ----------------------------------------- HEADER ----------------------------------------- */

.textbox
{
width:180px;
border:1px solid #9E9E9E;
background-color:#D5D5D5;
color:#484848;
}
/* ----------------------------------------- HOME ----------------------------------------- */

a.homebut
{ 	font: 14px "arial narrow", arial, sans-serif; text-decoration:underline; 
	
	color: #000000;
	line-height:15px; 
}
a.homebut:hover 
{
	color: #97b15e;
	text-decoration:underline;
}

/* ----------------------------------------- MENU ----------------------------------------- */
#nav
{ 
height:25px;

background-color: #606060;
margin-top:1px;
float:left;
width:886px;
padding-left:14px; 
padding-top:6px;
font: 14px "arial narrow", arial, sans-serif;
line-height:15px;
color:#ffffff;
}
#nav li { 
  list-style:none;
  font: 14px  "arial narrow", arial, sans-serif;
  padding: 0px 1px 1px 1px;
	display:block; border-right:none;
	text-align:center;
	width:110px;
	float:left;
}






#nav a:hover{

text-decoration:underline;
}


#nav a{padding-left:12px; padding-right:12px; text-decoration:none}


a.topnav
{ 	font: 14px "arial narrow", arial, sans-serif;
	text-decoration:none;
	color: #FFFFFF;
	line-height:15px; 
}

a.topnavactive
{ 	font: 14px "arial narrow"; 
	color: #AEC482;
	
	text-decoration:none;
	line-height:15px; 
}

/*a.topnav:hover
{
	font-size:14px ;
	color: #ffffff;
	text-decoration:underline;
}
*/
/* Use this green sidebox for pages with side navigation bar*/
#sbsmall{ font-size:12px; margin-top:20px;
width:320px;
float:right;
background-color: #88874A;
color:#ffffff;
padding-top:5px;
padding-left:18px;
padding-right:18px;
}
/* ----------------------------------------- BODY ----------------------------------------- */


/*Content ox for pages with side nav and side box on the rigt*/

#contentssn2
{width:340px;
float:left;
background-color:#fff;
padding:15px 15px 10px 15px;
line-height:16px;
color:#000000;

font-size: 12px; font-family: arial, sans-serif;}

#content
{
width:480px;
float:right;
background-color:#fff;
padding:15px 15px 10px 15px;
line-height:16px;
color:#000000;

/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:14px; */
font-size: 12px; font-family: arial, sans-serif;
}
#content h2 {
	font-size:14px; padding:0 0 8px; line-height:16px;
}
#content p a{
color:#484848; text-decoration:underline;
}
#content p a:hover{
text-decoration:underline;}
#content h1{font-size: 18px; color:#000000;}



#smallbox
{ font-size:14px; margin-top:10px;
/*background: url(images/bg_white-to-beige.jpg) repeat-x;*/
width:220px;
float:left;
background-color: #88874A;

color:#fff;
padding-top:5px;
padding-left:18px;
padding-right:18px;
}

#sidebox
{ font-size:12px; margin-top:20px;
/*background: url(images/bg_white-to-beige.jpg) repeat-x;*/
width:340px;
float:left;
background-color: #88874A;

color:#ffffff;
padding-top:5px;
padding-left:18px;
padding-right:18px;
}


#sidebox p{color:#FFFFFF}

#sidebox h1 {font-size: 18px; color:#ffffff}
#sidebox h2 { color:#ffffff; text-decoration:none;}
#sidebox h3 { color:#ffffff}

#sidenavcontainer{
width:161px;
float:left;

margin-top:0px;
color:#000000;
padding-top:0px;
padding-left:0px;
padding-right:0px;}

#sidenavlid{
width:148px;
float:left;
background-color: #9FEF94;
margin-top:0px;
color:#000000;
padding-top:0px;
padding-left:0px;
padding-right:0px;
height:30px}

#sidenav{
width:150px;
float:left;
background-color: #606060;
margin-top:0px;
color:#fff;
padding-top:5px;
padding-left:1px;
padding-right:10px;
}

#sidenav a{text-decoration:none}
#sidenav a:hover{
	
	text-decoration:underline;
}


#sidenavbottom{
width:148px;
float:left;
background-color: #9FEF94;
margin-top:0px;
color:#000000;
padding-top:0px;
padding-left:0px;
padding-right:0px;
}

#sidenav p{ border-bottom:1px solid #CCCCCC;padding-left:25px; padding-bottom:0px;padding-top:5px}

#sidenav a{ 
padding-left:4px; margin-left:0px; margin-bottom:0px; margin-top:5px; padding-bottom:4px;
 border-left:#CCCCCC solid 1px;
display:block; line-height:18px;
}

.boxpic
{
float:right;
margin-left:12px;
}

.add{
border:#808000 solid 1px; padding:10px; margin:5px; margin-top:20px; width:860px; float:left;
}

#quiz
{ text-align:left;
  margin-top:20px; margin-left:10px; margin-bottom:20px; padding:10px;
  background-color: #9FEF94;
float:left;
width:840px;
font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px ;
color:#000000;


}



/* ----------------------------------------- FOOTER ----------------------------------------- */
#footer
{ text-align:center;
  margin-top:0px; 
float:left;
width:900px;
background-color: #606060;


font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:11px ;
color:#fff;
padding-top:8px;
padding-bottom:8px; padding-left:0px;
}


#footer a{
	color:#fff; text-decoration:none; 
}


#footer a:hover{
text-decoration:underline;
}


/* ----------------------------------------- SPRY ----------------------------------------- */
#p7menubar {
    /*width: 170em;*/
    text-align: right;  
}
#p7menubar, #p7menubar ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif; 
}
#p7menubar a {
    display: block;
    text-decoration: none;
    padding: 1px 0px 5px 0px; /*padding of all menu and sub menu items*/
	margin:0px;
    font-size: 1em;
 	 border-right: none;
  /*  color: #fff; if not commented, will override topnavactive class*/ 
}

#p7menubar a.triggeractive {
    background-repeat: no-repeat;
    background-position: right center; line-height:12px;
color: #AEC482;
}



#p7menubar a.trigger {
    background-repeat: no-repeat;
    background-position: right center; line-height:12px; 
}
a.trigger ul{
    text-align: left;
    padding: 0;
    margin: 0; 		
}
a.trigger ul li{
    padding: 0;
}

#p7menubar li {
   /* float: left;*/
    width: 8em; 
	 margin-left:04px; margin-bottom:0px /*menu item, not hovered*/
	 

}
#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
 /*   width: 120em;*/
		background-color: transparent;/*background of sub menue */
		margin:0px; padding:0px; padding-top:0px; margin-top:1px /*size and border of sub menue items */
}
#p7menubar ul li a  {
    color: #565656;
	border: none;

}
#p7menubar li ul {
    position: absolute; 
   display: none;
    background-color: #a0a0a0; /*colour of the drop down menu , transparent if deleted */
    border: none #000000;/* frame line colour of drop down menu*/
    border-top: none; text-align:left;
}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
    color: #fff; /*text colour of the main menu item when hovered */
   /* background-color: #ddd;*/ /*colour of the main menu item when hovered */
    text-decoration: underline;

}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
    display: block;

}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
    color: #ffffff;  /*text colour of the sub menu items when dropped down but not hovered*/
    background-color: #808080; /*bk colour of sub menu item when dropped down but not hovered*/
	text-decoration:none;

}
#p7menubar ul a:hover {
    /*background-color: #606060!important;*/  /*colour of the sub menu items when hovered*/
    color: #FFFFff !important;
	    text-decoration: underline !important;
}
#p7menubar li ul {
    width:110px;

}
#p7menubar li ul li a{
    width:110px;

}