/*==Copyright 2007-2010 Susan E. Huckle==*/
/*========== GLOBAL FORMATS ==========*/

* {
	margin:     0px;
	padding:    0px;
}

body {
	background-color: #000;
	/*background-image: url(../image-files/bkgrnd.jpg);*/
	margin:   20px auto;
	font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

h1 {
	font-family: "Century Schoolbook", "Times New Roman", Times, serif;
	color: #000066;
	text-align: center;
	line-height: normal;
	margin: 5px 0px 5px 5px;
}

h2 {
	margin-top: 12px;
}

h3, h4, h5, h6 {
	color: #333;
}

p {
	padding: 5px;
}

a:link {
	color: blue;
}
a:visited {
	color: purple;
}
a:hover {
	color: #AAA38A;
}


#wrapper {
	width: 960px;
	margin: 0px auto;
	background-color: #FFF;
	border: 1px solid #000;
}

#container {
	margin:   0px;
	padding:  20px;
}

#header {
	width: 920px;
	height: 200px;
	background-color: #FFF;
	background-image: url(../image-files/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	
#footer {
	background: #FFF;
	width: 920px;
	clear:both;
	text-align: center;
} 


/*========== LISTS ==========*/

#CenterColumn ol li {
	font-size: .95em;
	margin: 15px 0px 5px 60px;
}

#CenterColumn ul li {
	font-size: .95em;
	margin: 2px 20px 5px 60px;
}

.bullet_doc li{
	font-size: .85em;
	padding: 3px 0px;
	list-style: disc url(../image-files/doc.png) inside;
}

#CenterColumn .bullet_doc li {
	margin-left: 60px;
	list-style-position: outside;
}

#LeftColumn .bullet_doc li {
	margin-left: 21px;
	list-style-position: outside;
}

#RightColumn_box .bullet_doc li {
	margin: 5px 0px 5px 30px;
	list-style-position: outside;
}

/*========== COLUMNS ==========*/

#CenterColumn {
	width: 558px;
	margin: 20px;
	padding: 10px;
	border: 1px solid #4466AA;
	float: left;
}

#CenterColumn p {
	padding: 10px 5px 10px 10px;
}

#CenterColumn h1 {
	font-size: 1.9em;
}

#CenterColumn h2 {
	font-size: 1.4em;
	margin: 10px 0px 10px 10px;
}

#CenterColumn h3 {
	font-size: 1.2em;
	margin: 10px 0px 10px 10px;
}

#CenterColumn h4 {
	font-size: 1em;
	margin-left: 10px;
}

#LeftColumn {
	float: left;
	width: 150px;
	margin: 20px 0px;
	font-size: 14px;
}

#LeftColumn_box {
	clear: both;
}

#LeftColumn_box ul {
margin-left: 3px;
}

#RightColumn {
	float: right;
	width: 150px; 
	margin: 20px 0px;
	font-size: 10px;
}

#RightColumn_box {
	border: 1px solid #4466AA; 
	background-color: #E9EDF3;
}

#RightColumn_box p {
	line-height: 1.3em;
}

.topper {
	width: 146px; 
	height: 20px;
	background-color: #2C3B7C;
	border: 1px solid #4466AA;
	font: bold 12px "Century Schoolbook", "Times New Roman", Times, serif; 
	color: #FFF;
	text-align: center;
	padding-top: 3px;
	letter-spacing: .8px;
}

.toc {
	margin: 5px 10px;
}

/*========== NAVIGATION SECTIONS ==========*/

#nav_top {
	text-align: right;
	padding: 10px 10px 0px 0px;
	font-size: 11px;
	letter-spacing: .5px;
	color: #FFF;
}

#nav_top ul { 
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#nav_top ul li {
	display: inline;
	background-color: transparent;
	text-align: center;
	color: #FFF;
}

#nav_top a:link { 
  color:    #FFF;
}

#nav_top a:visited {
  color:    #FFF;
}

#nav_top a:hover {
  color:    #AAA38A;
}

/*-------------------------------------------*/
#nav_left {
	width: 148px;
	border: 1px solid #4466AA;
	float: left;
	margin-bottom: 10px;
}

#nav_left ul {
  margin-bottom: 6px;
}

#nav_left ul li {
  margin:   0px;
  list-style-type:  none;
  display: block;
  padding: 5px 5px 0px 5px;
}

#nav_left a {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#nav_left a:link {
	color: #691425;
}

#nav_left a:visited {
	color: #621323;
}

#nav_left a:hover {
	color: #AAA38A;
}
/*-----------------------------------------*/
#nav_bottom {
	border: 1px solid #4466AA;
	padding: 1px;
	margin: 0px;
	text-align: center;
	letter-spacing: .8px;
}

#nav_bottom ul {
	width: auto;
	font-size: 11px;
	line-height: 1.5;
	color: #333;
}

#nav_bottom li {
	display: inline;
}

#nav_bottom a:link {
	color: #621323;
}

#nav_bottom a:hover {
	color: #AAA38A;
}

/*========== IMAGES ==========*/

img.scrnshot {
	margin-top: 15px;
}

.left_img {
	float: left;
	width: auto;
	padding: 5px 15px 0px 0px;
}

.right_img {
	float: right;
	width: auto;
	padding: 5px 0px 0px 10px;
}

.captioned_img {
	padding: 0;
	margin: 15px 0px 10px 0px
	width: auto;
}

.captioned_img p {
	width: 95%;
	text-align: center;
	padding-bottom: 0.8em;
	font-size: .85em;
	line-height: 1.5;
	color: #7D7D7D;
	margin-top: -5px;
}

.captioned_img img {
	margin: 0 auto;
	padding: 0;
	display: block;
}


/*========== BOXES AND LINES ==========*/

.CalloutBox {
	background-color: #F7F7F7;
	width: 75%;
	border: 1px solid #7F7F7F;
	margin: 18px auto 24px auto;
	padding: 10px;
	color: black;
}

.CalloutBox_y {
	background-color: #D7D3C8;
	width: 75%;
	border: 1px solid #7F7F7F;
	margin: 18px auto 24px auto;
	padding: 10px;
	color: black;
}

div.CalloutBox p {
	margin: 13px;
}
p.CalloutBox {
	padding: 13px;
}

div.CalloutBox h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
p.CalloutBox h1, h2, h3, h4, h5, h6 {
	padding: 0;
}

.commentbox {
	width:45%;
	border:1px solid #7F7F7F;
	margin: 1px 10px 5px 10px;
	padding: 0px;
	float: right;
	background-color: #D7D3C8;
}

.commentbox p {
	padding: 5px;
}

.SubscriptionBox {
	background-color: #FFF;
	width: auto;
	border: 1px solid #4466AA;
	padding: 5px;
	margin: 0px;
	color: black;
}

.SubscriptionBox h3 {
	color: #621323;
	text-align: center;
	font-style: italic;
}

.caution {
	border: #990000 thin groove; padding: 5px; margin: 20px 0px; background-color:#FFFFFF;
}

.warn {
	border: #990000 thin groove; padding: 5px; margin: 30px 0px; background-color:#FFFFE8;
}
.highlight {
	background-color: #FFF7C4; font-style: italic; font-weight: bold;
}

hr {
	width: 97%;
	margin: 20px auto;
	color:#5475BA;
}

.dashed {
	border-bottom: 1px dashed #CCC;
	width: 97%;
	margin: 8px auto 12px auto;
}


/*========== MISC CLASSES AND IDs ==========*/

#cse-search-results {padding:0px 10px;}

#abc {
  float:    left;
  clear:    both;
  margin:   0px;
  padding:    0px;
}

#abc ul {
  margin:   20px 0px;
}

#abc li {
  display:    inline;
}

.index li {
list-style-type: none;
}

.subtitle {
	text-align:center;
	font: bolder 1.2em/1.5em Verdana, sans-serif;
}

.def:hover{
color: #A3A3A3;
cursor: help;
}
.def{
	border-bottom: thin dashed #A3A3A3;
} 

.code {
font-family: "Courier New", Courier, monospace
}

.advert {
	margin: 25px 0px 0px 40px;
	font-size: 9px;
}

/*========== COMMON CLASSES ==========*/

.center {
	text-align: center
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.strong {
	font-weight: bold;
}

.em {
	font-style: italic;
}

.top {
margin: 20px 0px; text-align:center
}

.float_left {
	float: left;
	margin: 10px 15px 0px 15px;
}

.float_right {
	float: right;
	margin: 10px 15px 0px 15px;
}

.top {
	margin: 20px 0px 30px 0px;
	text-align:center
}

.red {
	color:  #C00;
}

.ad {margin: 5px 20px;}
.ad img {border:none;}
.ad img a {text-decoration: none;}

.ad_c {margin: 5px 0px; text-align:center;}
.ad_c2 {margin: 0px 0px 15px 10px;}

.source {font-size: 11px;}

/*========== FORMS ==========*/

.formbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.form_contact {
	margin: 10px 0px 10px 20px;
	width: 520px;
	border: 1px solid #CCCCCC;
	padding: 15px 0px;
}

#soc {
	margin: 0px auto 10px auto;
	text-align: center;
	width: 480px;
}

.subhead {
	font-size: 96%;
}

/*========== TABLES ==========*/

.courses {width: 556px; border: 0; padding: 0; margin: 20px 0px 20px 10px;}
.courses td {font: 11px/14px Arial, Helvetica, sans-serif; letter-spacing: 0.1em; width: 33.3%;}

.directory {width: 520px; margin: 20px 10px; border: thin solid #4466AA;}
.directory td {padding: 10px; width: 33.3%;}
.directory th {background-color: #E9EDF3; height: 40px;}