/*
	Blue: #0f3d99;
	Light Yellow: #fffdd9;
	Yellow: #fdee00;
	Light Orange: #fdf4e3;
	Orange: #fbb231;
	Light Grey: #f6f6f6;
	Grey: #dddddd;
*/
	
body { margin: 0px; padding: 0px; }
div  { margin: 0px; padding: 0px; }
img  { border: 0px; }

/* -------------------- Page Layout -------------------- */

#Masthead {
	position: absolute; 
	top: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 80px;
	background-image: url('images/masthead-background.gif'); }

#Navigation {
	position: absolute; 
	top: 80px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	clear: both;
	background: #f6f6f6;
	border-bottom: 1px solid #dddddd;}

#Content {
	position: relative; 
	padding: 0px;
	padding-top: 120px;
	padding-bottom: 10px;
	width: 100%;
	clear: both; }

#Footer {
	position: relative; 
	padding: 0px;
	padding-top: 5px;
	width: 100%;
	text-align: center;
	clear: both;
	border-top: 2px solid #0f3d99;}
	
#Logo {
	position: absolute; 
	top: 0px;
	margin: 0px; }

/* -------------------- Column Layout -------------------- */

.OneColumn {
	position: relative;
	width: 100%; }

.TwoColumnLeft {
	position: relative;
	float: left;
	width: 50%; }

.TwoColumnRight {
	position: relative;
	margin-left: 50%; }
	
/* -------------------- Sections -------------------- */
	
.Basic { 
	margin: 0px 10px;
	padding: 5px 10px;
	background: #ffffff; }

.Creative { 
	margin: 5px 10px;
	padding: 5px 10px;
	background: #fffdd9;
	border: 1px solid #dddddd; }
	
.Analytical { 
	margin: 5px 10px;
	padding: 5px 10px; 
	background: #fdf4e3;
	border: 1px solid #dddddd; }

.Copyright {
	margin: 10px 0px;
	padding: 0px; }

.W3C {
	margin: 10px 0px;
	padding: 0px; }

/* -------------------- Text Settings -------------------- */

#Navigation { font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px; }

#Content { font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px; }

#Footer { font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px; }

.Indent { padding-left: 20px; }

a:link    { color: #000000; }
a:visited { color: #000000; }
a:hover   { color: #ff0000; }
a:active  { color: #0000ff; }

#Content a:link    { font-weight: bold; color: #0f3d99; text-decoration: none; }
#Content a:visited { font-weight: bold; color: #0f3d99; text-decoration: none; }
#Content a:hover   { font-weight: bold; color: #0f3d99; text-decoration: underline; }
#Content a:active  { font-weight: bold; color: #0f3d99; text-decoration: underline; }

img { border: 0px;}

.NavigationOff { 
	float: left; 
	padding: 5px 20px; 
	text-decoration: none; }

.NavigationHover { 
	float: left; 
	padding: 5px 20px;
	text-decoration: underline overline; }

.NavigationOn { 
	float: left; 
	padding: 5px 20px; 
	background: #fdee00; 
	text-decoration: none; }

.Section { 
	padding: 10px; 
	border: 1px solid #999999; 
	background-image: url('images/tablebg.gif'); }
	

.StartHidden { display: None; }

.NavigationBar { font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: small; font-weight: bold; letter-spacing: 2pt; margin: 0px; }

.Head { font-weight: bold; margin: 0px; }
.Date { font-style: italic; margin: 0px; }
.Body { margin: 0px; margin-bottom: 5px; }
.List { font-size: x-small; margin: 0px; }
.Note { font-size: xx-small; }

.CodeHead { font-weight: bold; margin: 5px 25px; }
.CodeBody { margin: 5px 25px; }
.CodeCode { font-family: Courier, sans-serif; margin: 5px 25px; padding: 5px; color: blue; background: #eeeeee; }

.Hemisphere { text-align: center; padding: 5px; }

.PopLink {
	background-image: url('images/poplink.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 17px; }

.LockedLink {
	background-image: url('images/lockedlink.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 17px; }