/* Drop Down Menu V2 */
/* Eliminate browser default margins and padding */

/* Temporary borders */
*{
    margin:0;
    padding:0; 
    
  /* Universal style rule 
  border: dashed 1px #f00; */
}


body {
    background-color: #117b6f;
    font-family: Arial, Helvetica, sans-serif;
    /* Reducing the font size here, rather than in navbar and other styles,
       can make it easier to avoid pixel slop across browsers when using
       complex elements and styles like navbars and drop-down menus. Remove
       font-size properties from those elements after reducing the font size here.
       See other comments throuhout this style sheet.*/
       font-size:80%;
}


#wrapper{
   /* At 80% font size, 58em just about fills the width on an 800x600 display */
   width: 60em;
   background-color: #b0fff0;
   /* Set right and left to auto for centering */
   margin: 1em auto;
   position:relative;
} 

/********** Major layout divisions **********/
#branding{
    /* For absolutely-positioned hyperlinks */
    position:relative;
}   

/************************************ Navbar division styles ****************************************************/
/* In this example I put the navbar in the branding div by adjusting its
   top postition. I also made its background color transparent, just for
   a different look and feel */
   
#navgraphic{
    background:#aaa url(../images/navbak.jpg) repeat-x center;
    height:3em; /* height of background bar */
    width:100%; /* Just wide enough to prevent wrapping */
    /* For absolutely-positioned navbar */
	position:absolute;
	top:14.75em; /* Whatever it takes to get it under branding bar image */
	left:0em;  /* Wherever you want it, really */
    border:none;
    display:block;
}
#navbar{
    background:transparent; 
	height:2em;	 
	/* For absolutely-positioned navbar */
	position:absolute;
	top:15.25em; /* Whatever it takes to get it under branding bar image */
	left:4.5em;  /* Wherever you want it, really */
    width:100%; /* Just wide enough to prevent wrapping */
    border:none;

}

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

/* List items in the navbar */
#navbar li{
	float:left;
	/* Required for drop-down menus */
	position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
	text-decoration:none;
    font-family:Verdana, Geneva, Arial, Sans-Serif;
    color:#000;
	background:#aaa url(../images/navbak.jpg) repeat-x center;  
	display:block;
	height:2em;
	width:6.25em;
    border-right:solid 1px #ddd;	
    line-height:2em;
    text-align:center;
    outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
    background:#ddd url(../images/navhover.jpg) repeat-x center;
    color:#000;
}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
    position:absolute;
    z-index:200;
    visibility:hidden;
    border:solid 1px #aaa;
    border-right:solid 2px #999;
    border-bottom:solid 2px #999;
}

/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
   visibility:visible;
   top:1.9em; /* Slightly less than navbar height */
   left:0; 
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
    background:#ccc url(../images/navhover.jpg) repeat-x center; /* Places background behind on all drop downs */
    color:#000;
    text-align:left;
    display:block;
    width:10em;
    height:auto;
    text-align:center;    
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #aaa; 
  color:#000;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
    margin:-1px; 
    border-collapse:collapse; 
    position:absolute;
    top:0em;
    left:0;
    z-index:200;
}

/**************************** Right column division styles ********************************/
#rightcolumn{
    /* Remember, content and navbar left 
       margins  must match this width if it does not go across the wrapper */
    width:17em;
    float:right;
    /* Center images and text inside this div */
    text-align:center;
    /* For absolutely-positioned rightcolumn */
    position:absolute;
    top:20em; /* Better fit for 80% default font size */
    right:0;
    background-color: #b0fff0; 
}
/* Applies to images in the right column div */
#rightcolumn img{
    width:90%;
    margin-bottom:.7em;
}

/* Applies to bullet list in the right column div */
#rightcolumn ul{
    text-align:left;
}
#rightcolumn li{
    margin-bottom:1.5em;
    margin-left:1.25em;
    margin-right:.5em;
}
    
/********** Content division styles **********/
#content{
    /* Right margin must match rightcolumn width */
    margin-right:17em;
    background-color:#fff;
    color:#000;
    padding:4em 10px 10px 20px;
}

/* Applies to paragraphs in the content division */
#content p{
    font-size:1.2em;
    margin:0.5em;
    line-height:1.25em;
}

/* Applies to all lists in the content division */
#content ul, #content ol{
    font-size:1.2em;
    padding:0.25em 0 0 40px;
}
/* A little extra space between lines in list */
#content li, #content li{
    padding-bottom:0.5em;
}

/* Styles h1, h2, and h3 style rules in the content division */
#content h1, #content h2, #content h3{
    font-family: 'Times New Roman', Times, serif; ;
    color:#117b6f;
    text-align:center;
}

/* Size h1 headings in the content division */
#content h1{
	font-size:2.6em;
}

/* Size h2 headings in the content division */
#content h2{
	font-size:2.2em;
}
/* Size h3 headings in the content division */
#content h3{
	font-size:2em;
}


/********** Footer division styles **********/
#footer{
    background-color:#fff;
    border-top:solid 1px #117b6f;
    padding:0.5em;
    text-align:center;
    font-size:1.2em; /* Slightly larger font in the page footer */
    clear:both;

}

/* Footer unvisited and visited links */
#footer a:link,
#footer a:visited{
    /* No underline on links */
    text-decoration:none;
}

/* Footer hover and active links */
#footer a:hover,
#footer a:active{
    color:#0c0;
    border:dotted 1px #333;
}