/*************************************************************************************************/
/* BASIC LAYOUT */
body, #container, #masthead, #banner, #sidebar, #content, #footer { margin: 0; padding: 0; border: 0; }
.float_right { float:right; }

/*************************************************************************************************/
/* Basic Styles */
body {
	background-color: #222222; 
	margin-right: auto; 
	margin-left: auto;
	font-family: Arial; 
	font-size: 14px;
}

h1{ font-size: 19px; color: #456573; text-align:center; }
h2{ font-size: 17px; }
h3{ font-size: 15px }
h4{ color: #456573; font-size: medium; font-weight: bold; margin-bottom: 0px; padding-top: 10px; }

p{ text-align:justify; }
ul{	list-style-type:disc; margin-left:25px; }

/*************************************************************************************************/
/* Styles for Sidebar Navigation */
#sidebar {
	float: left;
	width: 240px;
	background-color: #456573;
	position: relative;
	clear: both;
	color: #efe6cd;
	border-color:#efe6cd;
}
#sidebar a { font-weight: bold; color: #efe6cd; text-decoration: none; }

.menuCurrentForum {
	font-weight: bold; 
	color: #efe6cd;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
}

.menu {	font-weight: bold; font-family: "Arial", Arial, sans-serif; font-size: 16px; list-style-type: none; text-align: left; display: block; padding-left: 0px; margin-left: 5px; }
.menu b { font-family: "Arial", Arial, sans-serif; font-size: 16px; }
.menu a { font-family: "Arial", Arial, sans-serif; font-size: 16px; letter-spacing:0.5px; }
.menu li { padding: 10px 5px 0px 5px; }
.menu .subMenu { list-style-type: none;	text-align: left; padding: 5px 0px 5px 0px;  margin-left: 10px; }

#extlinks p{
	font-family: Arial; 
	font-size: 13px; 
	width: 220px;
	margin-top:20px;
	text-align:center;
	padding-left: 7px;
}

/*************************************************************************************************/
/* Style for User Content Section */
#container { width: 960px; margin: 0 auto; background-color: #456573; }
#content { float: right; width: 690px; padding: 15px; background-color: #efe6cd; }

/*************************************************************************************************/
/* Styles for header */
#header {
	float: left;
	width: 960px;
	background-color: #456573;
	padding-top: 10px; 
	padding-bottom: 12px;
}
#masthead {	float: left; width: 240px; }
#banner { float: left; width: 720px; }
#masthead img {	float: left; }
#banner img { float: right; }

/*************************************************************************************************/
/* Styles for Footer */
#footer { clear: both; background-color: #222222; color: #efe6cd; font-size: small; }
#footer a:hover { color: #efe6cd; }
#footer a{ color: #9DB1C3; }
/*************************************************************************************************/
/* Table Styles */
#contactUs td{ padding-right: 10px; padding-bottom: 10px; }

/*************************************************************************************************/
/* Sitemap Styles */

.sitemap li{ list-style-type:none; font-weight: bold; padding-bottom: 5px; }
.sitemap ul{ padding-top: 5px; padding-bottom: 5px; } 
.sitemap li ul { padding-left: 0px; margin-left: 15px; }
.sitemap li ul li{ list-style-type: none; font-weight: normal }

/*************************************************************************************************/
/* Utility Functions */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; margin: 0; padding: 0; }

/*************************************************************************************************/
/*************************************************************************************************/
/* Content Area Markup */
/*************************************************************************************************/
/*************************************************************************************************/

/*************************************************************************************************/
/* General Styles */
a{ color: #456573; }

.imgp{ display: block; margin-left: auto; margin-right: auto; }
.demonstrations { font-family: Arial; color:#456573; font-weight:bold;	text-align:left; }
.spcheadings { text-align:center; text-decoration:underline; }
.aboutheadings {margin-bottom: -15px; }
h4+p { margin-top: 5px; }

.announcements { text-align:left; }
.announcements >p { margin: 10px 0px; text-align: left}

.borders{ border-bottom: 1px solid #efe6cd; margin-left: 10px; margin-right: 10px; }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/*************************************************************************************************/
/*Sub Menu Navigation */
#ul-header { height:15px; margin: 0px; border:0px; padding:10px; text-align: center; font-size: 18px; font-weight: bold; }
#ul-header li {	list-style: none; }
#ul-table {
	width: 100%;
	height:25px;
	margin:0px auto;
	padding:0px;
	font: 12px Arial, sans-serif;
	text-align:center;
	list-style-type:none;
}

#ul-table li { display: inline; }
#ul-table li a {
	background-color:#456573;
	text-decoration: none;
	line-height:25px;
	border: 1px solid black;
	padding: 4px 16px;
	margin-left: -2px;
	margin-right: -2px;
}
#ul-table a:link, #ul-table a:visited, #ul-table a:active {	color: #efe6cd; }
#ul-table a:hover {	background-color:#efe6cd; color:black; }

/*************************************************************************************************/
/* Things to do around ... */

.list a { color: #800000; }
.list table { width: 100%; }
.list table tr td {	vertical-align: top; padding-top: 5px; }
.list table tr :first-child { width: 215px; }
.list table tr :first-child img { width: 200px; height: 150px; margin-bottom: 0px; }
.list table tr :first-child p { font-size: xx-small; margin-top: 0px; text-align: left; }

/*************************************************************************************************************
 *Unequal columns that float next to each other
 */
.column {
	float: left;
	
	height: 150px;
}

.left {
	width: 25%;
	padding-right: 6%;	
}

.right {
	width: 60%;
}
/*************************************************************************************************************
 *Clear floats after the columns
 */
.row:after {
	content: "";
	display: table;
	clear: both;
}