﻿/* CSS layout  --  ses19.css */
/* use for all Sci Ed Software web pages, screen view, width set to 740 px */
/* includes full width central content, left or right content, bottom content */
/* margins and padding are Top Right Bottom Left */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 0px;
	font-size: .8em;
	font-weight: normal;
	font-style: normal;
}

/* containers for navigation controls, content */
#masthead {
	border: 1px solid #66CCFF;
	background-color: #66CCFF;
	padding: 0px;
	margin: 0px auto 0px auto;
	color: #006699;
	width: 740px;
}
#top_nav {
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both; 
	width: 744px;
	height: 25px;
}
#menu_top {
	margin: 0px auto 0px auto;
	padding: 0px;
	background-color: #FFFFFF;
	clear: both;
	width: 744px;
	height: 25px;
}
#container {
	padding: 4px 2px 2px 2px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
	width: 740px;
	height: auto;
}
#page_content {
	padding: 10px;
	margin: 4px 0px 0px 0px;
	float: left;
	position: relative;
	width: 715px;
}
#left_content {
	padding: 10px;
	margin: 4px 0px 0px 0px;
	float: left;
	position: relative;
	width: 350px;
}
#right_content {
	padding: 10px;
	margin: 4px 0px 0px 0px;
	float: right;
	position: relative;
	width: 350px;
}
#bottom_content {
	padding: 10px 10px 10px 20px;
	margin: 10px auto 10px 12px;
	position: relative;
	float: left;
	width: 680px;
	border: 2px solid #CCCCCC; 
	font-size: 1.0em;  
	font-weight: normal; 
	font-style: normal; 
}
#quick_menu {
	padding: 0px;
	background-color: #FFFFFF;
	margin: 0px auto 5px auto;
	height: 30px;
	clear: both;
	width: 734px;
}

/* text settings */
#footer {
	clear: both;
	padding: 10px;
	margin: 0px auto 0px auto;
	font-size: 1.0em;  
	font-weight: normal; 
	font-style: normal; 
	width: 700px;
	border-top-style: solid;  
	border-top-width: 1px;  
	border-top-color: #006699; 
}
#masthead h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	font-style: normal;
	padding-top: .2em;
	padding-bottom: .3em;
	padding-left: 1em;
	margin: 0px;
}
.tagline {
	font-size: .5em;
	font-weight: normal;
	font-style: normal;
}
.subtext {
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
}
#page_content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #006699;
	font-weight: normal;
	font-style: normal;
}
#page_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #006699;
	font-weight: normal;
	font-style: normal;
}
#page_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: #666666;
}
	
}
#left_content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
	color: #006699;
}
#left_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color: #006699;
}
#left_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: #666666;
}
#right_content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	font-style: normal;
	color: #006699;
}
#right_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color: #006699;
}
#right_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: #666666;
}
#bottom_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
	color: #006699;
}
#bottom_content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	color: #666666;
}
#footer a {
	color: #006699;
	text-decoration: none;
}
.verline {
	font-size: .6em;
	font-weight: normal;
	font-style: normal;
}

/* lists and hover settings */
#top_nav ul {
	list-style-type: none;
	padding: 4px 1em 4px 0px;
	margin: 0px;
	text-align: right;
}
#top_nav li {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #808080;
	display: inline;
}
#top_nav a {
	color: #006699;
	text-decoration: none;
	display: inline;
	padding: .5em 1em .5em 1em; 
}
#top_nav a:hover {
	color: #006699;
	text-decoration: underline;
}
#quick_menu ul {
	list-style-type: none;
	padding: 8px 1em 4px 0px;
	margin: 0px;
	text-align: left;
}
#quick_menu li {
	display: inline;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #808080;
}
#quick_menu a {
	color: #CC0000;
	text-decoration: none;
	display: inline;
	padding: .5em 1em .5em 1em;
}
#quick_menu a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#menu_top ul {
	list-style-type: none;
	padding: 4px 1em 4px 0px;
	margin: 0px;
	text-align: right;
}
#menu_top li {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #808080;
	display: inline;
}
#menu_top a {
	color: #CC0000;
	text-decoration: none;
	display: inline;
	padding: .5em 1em .5em 1em;
}
#menu_top a:hover {
	color: #CC0000;
	text-decoration: underline;
}
#footer a:hover {
	color: #CC0000;
	text-decoration: underline;
}

a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover, a:active {
	color: #CC0000;
	text-decoration: underline;
}
