/* HTML Tags and Associated Tag Settings*/

body {	
	margin: 0;	
	padding: 0;	
	font-size: 14px;	
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;	
	background-color: #BCDBCD;	
	color: #000;	
	}	
	
img {	
	display: block;	margin: 0px auto 0px auto;	
	border: 0;	
	}		
	
img.inline {	
	padding: 0px 4px 0px 4px;	
	margin: 0;	
	display: inline;	
	}	

p {
	text-indent: 30px;
	margin: 0;
	}

a {	
	color: #000;	
	text-decoration: none;	
	}	
	
a:hover {	
	font-style: italic;	
	}	
	
a.external {	
	text-decoration: underline;	
	}	
	
table {	
	width: 100%;	
	border: 0;
	}
table td {
	text-align: center;
	}
	
table.bordered {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: collapse;
}
table.bordered tr {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}
table.bordered td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: black black black black;
}
	
h1, h2, h3 {	
	font-weight: bold;	
	margin: 0;
	padding: 0;
	color: #000	
	}	
	
h1 {	
	font-size: 24px;	
	}	
	
h2 {	
	font-size: 20px;	
	}
	
h3 {	
	font-size: 16px;	
	}	
	
/* IDs and Associated Tag Settings */

#page {	
	margin: 0px 0px 0px 0px;	
	padding: 0;	
	width: 100%;	
	text-align: left;	
	background-color: #BCDBCD;	
	color: #000;
	overflow: auto;
	}

#announcement {
	margin: 0px;
	padding: 10px;
	width: 100%;
	text-align: center;
	background-color: #ABCAFF;
	}
	
#warning {
	margin: 0px;
	padding: 10px;
	/* width: 100%; */
	text-align: center;
	background-color: #FFFF00;
	}

#header {	
	margin: 0;
	padding: 0;
	width: 100%;	
	background-color: #ABCABC;
	border-top: 8px solid #006655;	
	}
	
#logo {	
	background: url("http://www.digitalnigel.com/images/LOGO_768x80.png") center top;	
	background-repeat: no-repeat;	
	margin: 8px 0px 0px 0px;
	height: 80px;	width: 100%;	
	}	
	
#quote {
	text-align: center;	
	font-size: 12px;
	margin: 10px 25px 0px 25px;	
	}	
	
#navigation {
	margin: 0;	
	font-size : 16px;	
	font-weight: bold;	
	width: 100%;	
	}	
	
#topbar{	
	font-size: 16px;	
	background-color: #ABCABC;	
	font-weight: bold;	
	overflow: hidden;	
	clear: both;	
	width: 100%;	
	}	
	
#topbar a{	
	color: #000;	
	text-decoration: none;	
	margin: 0;	
	padding: 0px 10px 0px 10px;	
	height: 30px;	
	line-height: 30px;	
	float:left;	
	}		
	
a.topbaractive{		
	background-color: #9AB9AB;	
	}
		
#middlebar{	
	font-size: 14px;	
	background-color: #9AB9AB;	
	font-weight: bold;	
	overflow: hidden;	
	clear: both;	
	width: 100%;	
	}	
	
#middlebar a{	
	color: #000;	
	text-decoration: none;	margin: 0;	
	padding: 0px 10px 0px 10px;	
	height: 30px;	
	line-height: 30px;	
	float: right;	
	}		
	
a.middlebaractive{		
	background-color: #89A89A;	
	}
	
#content {
	background: #89A89A;
	padding: 16px 16px 16px 16px;	
	margin: 0px 0px 0px 0px;	
	font-size: 14px;	
	}
	
#footer {
	border-top: 8px solid #006655;
	padding: 5px 0px 10px 0px;	
	margin: 0;	
	background-color: #BCDBCD;	
	font-size: 10px;	
	width: 100%;	
	text-align: center;	
	}	
	
/* Classes and Associated Tags */

.comment {
	border: 1px solid #006655;
	background-color: #ABCABC;
	margin-bottom: 3px;
	padding: 3px;
	}

.date {	
	color: #444;	
	font-size: 10px;	
	}
	
.blockquote {	
	margin: 15px 30px 15px 10px;	
	padding-left: 20px;	
	border-left: 2px solid #006655;	
	font-style: italic;	
	color: #444;	
	}
	
.separatorline {
	margin: 15px auto 15px auto;
	padding: 0;
	border-bottom: 1px solid #006655;
	width: 75%;
	}
	
/* TAGS FOR THE SKITTLES PAGE */
.barGraph {
	font-size: 10px;
	height: 200px;
	padding: 0;
	position: relative;
	}
	
.barGraph li {
	border: 1px solid #555;
	border-bottom: 3px solid #333;
	bottom: 0; 
	color: #FFF;
	margin: 0; 
	padding: 0 0 0 0;
	position: absolute;
	list-style: none;
	text-align: center;
	width: 39px;
	}
/* END SKITTLES PAGE TAGS */