/* rptstyles2c.css */
/* This style sheet is for additional pages in nafscc site using a 2-column style */

/* Universal style rule */
/* Block all default margins and padding */
*{
	margin:0;
	padding:0;
}

body{
	background-color:#008080;
	font-family: Arial, Helvetica, sans-serif;
/* Default font size smaller. */
	font-size:80%;
	text-align:center;
}

/* Wrapper contains the layout */
#wrapper{
/* At font size of 80%, this wrapper just fits in 800x600 display */
	width:60em;
/* Set right and left to auto for centering */
	margin: 1em auto 0 auto;
	background-color:#FEFFFF;
	position:relative;
}

/********** Major layout divisions ********/

/************ Branding Division Styles ********/
/* Branding division contains one image */
/* Fixes the mysterious image gap */
#branding img{
	width:12%;
	padding:0.06em .03em;
  	display:block;
}

#branding{
	width:60em;
	height:7.1em;
	background-color:#FEFFFF;
	padding-bottom:0.06em;
	color:#008080;
	text-align:left;
}

/* Applies to all text in the branding division */
#branding h1, #branding h2, #branding h3{
	font-family:"Times New Roman", Times, serif;
	margin-left:2.1em;
	line-height:1.15em;
}

#branding h1{
	font-size:1.8em;
	font-weight:bold;
}
#branding h2{
	font-size:1.2em;
	font-weight:600;
	font-style:italic;
}
#branding h3{ 
	font-size:1.25em;
	font-variant:small-caps;
}

/********** Column Division Styles ********/


/********* Leftcolumn Division Styles ********/
#leftcolumn{
/* Remember, content and navbar left margins must match this width */
	width:11em;
	float:left;
/* For absolutely positioned leftcolumn */
	position:absolute;
	top:7.1em; /* Same as branding div height */
	left:0;
}

/* Applies to images in leftcolumn div */
#leftcolumn img{
	width:90%;
	margin:5em auto 2em;
}

/* Applies to paragraphs and lists in the leftcolumn division */

#leftcolumn p,
#leftcolumn .leftcollist{
	border:solid 2px#117b6f;
	padding:10px 8px;
	width:75%;
	font-family:"Times New Roman", Times, serif;
	color:#993300;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:600;
	margin:.5em auto;
	text-align:center;
}

/* Unordered lists in left column */
#leftcolumn ul{
/* list-style-type:none; */
	margin-left:0.8em;
}

/*For links in leftcolumn division */
#leftcolumn a:link, #leftcolumn a:visited{
/* No underline on links */
	color:#C8926D;
	font-size:1em;
	line-height:1.5em;
	text-decoration:none;
	outline-style:none;
}

#leftcolumn a:hover, #leftcolumn a:active{
	color:#008080;
	outline-style:none;
}


/* Styles for h1, h2, style rules in the leftcolumn division */
#leftcolumn h1{
	font-family:"Comic Sans MS", TSCu_Comic, "Lucinda Handwriting", cursive;
	color:#993300;
	line-height:1.5em;
	font-size:1em;
	margin:2em auto 0.2em;
	padding:0 0.05em;
	text-align:center;
}

#leftcolumn h2{
	font-family:"Times New Roman, Times, serif;
	color:#993300;
	font-size:1.8em;
	line-height:1.8em;
	margin:0 auto 0.1em;
	text-align:center;
}


/********** Navbar Division Styles ********/
/* Navbar division */
#navbar{
	background-color:#993300;
	height:1.7em;
/* For absolutely positioned layout */
	position:absolute;
	top:7.1em; /* Same as branding div height */
	width:60em; /* Width same as wrapper for two-column style */
/* Width minus rightcolumn width for three-column style */
}

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

/* List items in the navbar */
#navbar li{
	float:right;
/* 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:Arial, Helvetica, sans-serif;	
	font-size:95%;
	color:#FEFFFF;
	font-weight:590;
	background:#993300;
	display:block;
	height:1.7em;
	width:8.35em;
	line-height:1.6em;
	text-align:center;
	outline-style:none;
}
/* Puts a left border on the first navbar item, but only if you add class="leftbutton" to that first item */
.leftbutton{
	border-left:solid 1.4px #FEFFFF;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
	background-color:#C8926D;
	color:#FEFFFF;
}

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

/* Make drop-down visible on navbar hover */
#navbar li:hover ul{
	visibility:visible;	
	top:1.55em;
	left:0;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a{
	background:#FEFFFF;
	color:#008080;
	font-weight:600;
	text-align:left;
	display:block;
	width:12em;
	padding:0 0 0 1em;
	height:auto;
}

/*Hover on drop-down menu links */
#navbar li:hover ul li a:hover{
	background:#008080;
	color:#FEFFFF;
}



/********** Content Division Styles ********/
#content{
/* Left and right margins must match leftcolumn width */
	margin-left:11em;
	background-color:#FEFFFF;
	color:#000;
	padding:2em 20px;
}

/* Applies to paragraphs and lists in the content division */
#content p{
	font-size:1em;
	line-height:1.4em;
	text-align:left;
	margin-bottom:0.8em;
} 

/* Applies to all lists in the content division */
#content ul, #content ol{
	text-align:left;
	padding:4px 10px 5px 30px;
	margin:0.5em;
}

/* Style rules for h1, h2, h3, h4 in the content division */
#content h1, #content h2, #content h3, #content h4{
	font-family:"Times New Roman", Times, serif;
	color:#993300;
}
/* Applies to h1 in the content division only */
#content h1{
	font-size:2em;
	text-align:center;
	font-style:italic;
	font:weight:bold;
}

/* Applies to h2 in the content division only */
#content h2{
	font-size:1.8em;
	font:weight:700;
	font-variant:small-caps;
	text-align:left;
	margin:0.8em auto;
}

/* Applies to h3 in the content division only */
#content h3{
	font-size:1.2em;
	font:weight:bold;
	font-variant:small-caps;
	text-align:left;
	margin:0 auto;
}

/* Applies to h4 in the content division only */
#content h4{
	color#ED343A;
	font-size:1.3em;
	font-weight:850;
	font-style:italic;
	text-align:left;
	margin:2.5em 2.5em .5em 1.8em;
	}

/********* Footer Division Styles ********/

#footer{
	background-color:#993300;
	border-top:solid 3px #117B6F;
	border-bottom:solid 2px #ED343A;
/* For absolutely positioned layout */
	position:absolute;
/* Width= wrapper width minus rightcolumn width */
	width:60em;
	height:1.6em;
/* Styles for text in footer */
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:1.6em;
	color:#FEFFFF;
}


#footer a,
#footer a:link,
#footer a:visited{
/* No underline on links */
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	line-height:1.6em;
	color:#FEFFFF;
	height:1.6em;
	text-align:center;
	outline-style:none;
}

/* Footer hover, active, and current page links */
#footer a:hover,
#footer a:active,
#footer li.selected a:link,
#footer li.selected a:visited{
	background-color:#C8926D;
	color:#FFF;
}	

/********* Printer-Friendly Styles ********/
@media print{
/* Start styles for printer-friendly pages */
#wrapper{
	width:100%;
}

/* Printer only: Hide all but branding and content divs */
#navbar,
#leftcolumn,
#rightcolumn,
#footer{
	display:none;
}

/* Printer only: Eliminate content margins and padding */
#content{
	margin:0;
	padding:0;
}

/* End styles for printer-friendly pages */