body {
	background-color:#2B3D55;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image:url(../images/GSD_logo_background.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
.pageWrapper {
	text-align:center;
}
.wrapperWidth {
	width:100%;   /* affects all pages in the site - can be overriden by local CSS rules */
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
}
body,td,th,p,div {
	font: 12px/1.3 Verdana, Arial, Helvetica, sans-serif;
	color: #AAA;
}
.small {
	font-size:11px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
strong {
	font-weight: bold;
}
blockquote {
	margin: 20px;
	margin-top: 0px;
}
/*----------------------------------------------------   main layout blocks   ----------------------------------------------------*/
#pageHeader {
	text-align:center;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	margin-top:15px;
}
	#logo {
		width:930px; /* to allow for the logo to be slightly to the left */
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	}
	#menu {
		width:900px;
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
		margin-top:20px;
	}
	#banner {
		width:900px;
		text-align:center;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
		margin-top:15px;
		border:1px solid #666;
			background-color:#273649;
	}
	#subSectionHeaderBox {
		width:900px;
		text-align:right;
		margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	}
		#subSectionHeader {
			height:20px;
			float: right; /* to align the div to the right ! insane ! */		
		}
		.aboutSection #subSectionHeader { width:20px; border-left:1px solid #555; border-bottom:1px solid #555;}
	
#pageContent {
	clear:both;
	width:900px;
	text-align:left;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	margin-bottom: 35px;
}
		#mainContent {
			margin-right:211px;
			text-align:left;
			padding-right: 20px;
			padding-top: 20px;
		}
		#mainContentSmall {
			margin-right:211px;
			margin-left:211px;
			text-align:left;
			padding-right: 20px;
			padding-left: 20px;
			padding-top: 20px;
		}
		#sideContentLeft {
			float:left;
			width:180px;
			margin-top:20px;
			padding: 10px;
			text-align:left;
			color:#CCCCCC;
			border-top:1px solid #555;
			border-bottom:1px solid #555;
			background-color:#273649;
		}
		#sideContent {
			float:right;
			width:190px;
			margin-top:20px;
			padding: 10px;
			text-align:left;
			color:#CCCCCC;
			border-top:1px solid #555;
			border-bottom:1px solid #555;
			background-color:#273649;
		}
			#sideContent .box {
				margin-bottom: 10px;
			}
			#sideContent p {
				margin-top: 0px;
				margin-bottom: 10px;
			}
		#subMenu {
			float:right;
			text-align:right;
			padding-top:20px;
			border-right:1px solid #555;
		}
#pageFooter {
	clear:both;
	width:800px;
	text-align:center;
	padding-top:15px;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	border-top:1px solid #555;
	margin-bottom:10px;
}
.popup #pageContent {
	width:80%;
	text-align:left;
	margin: 0 auto;  /* has to be here otherwise nothing is centered in Moz */
	margin: 30px;
}
/*----------------------------------------------------   links   ----------------------------------------------------*/
a:link { color: #999; text-decoration:underline; }
a:visited { color:#999; text-decoration:underline; }
a:hover { color:#fff; text-decoration:underline; }
a:active { color:#999; text-decoration:underline; }

#menu a:link { color: #999; text-decoration:none; }
#menu a:visited { color:#999; text-decoration:none; }
#menu a:hover { color:#fff; text-decoration:none; }
#menu a:active { color:#999; text-decoration:none; }
#menu .menuOn a:link { color: #fff; text-decoration:none; }
#menu .menuOn a:visited { color:#fff; text-decoration:none; }
#menu .menuOn a:hover { color:#fff; text-decoration:none; }
#menu .menuOn a:active { color:#fff; text-decoration:none; }

#subMenu a:link { color: #999; text-decoration:none; }
#subMenu a:visited { color:#999; text-decoration:none; }
#subMenu a:hover { color:#fff; text-decoration:none; }
#subMenu a:active { color:#999; text-decoration:none; }
#subMenu .subMenuOn a:link { color: #fff; text-decoration:none; }
#subMenu .subMenuOn a:visited { color:#fff; text-decoration:none; }
#subMenu .subMenuOn a:hover { color:#fff; text-decoration:none; }
#subMenu .subMenuOn a:active { color:#fff; text-decoration:none; }

h2 a:link { color: #C7D3AB; text-decoration:none; }
h2 a:visited { color:#C7D3AB; text-decoration:none; }
h2 a:hover { color:#C7D3AB; text-decoration:none; }
h2 a:active { color:#C7D3AB; text-decoration:none; }

/*----------------------------------------------------   headers   ----------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma, Geneva, sans-serif;
	letter-spacing:1px;
	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 13px;
	color: #C7D3AB;
}
h1 {font-size: 16px; font-family: Tahoma, Geneva, sans-serif;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}

#sideContent h1, #sideContentLeft h1, 
#sideContent h2, #sideContentLeft h2, 
#sideContent h3,  #sideContentLeft h3,
#sideContent h4,  #sideContentLeft h4,
#sideContent h5,  #sideContentLeft h5,
#sideContent h6 , #sideContentLeft h6{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #8DA7C7;
	text-align:left;
	letter-spacing:1px;
	margin-bottom: 10px;
}
/*----------------------------------------------------   lists   ----------------------------------------------------*/
#pageContent ul {
	margin: 0px;
	margin-left: 5px;
	margin-bottom: 20px;
	padding-left: 0px;
	list-style:none;
}
#pageContent li {
	padding-left: 15px;
	padding-bottom: 2px;
	background-image:url(../images/listBullet.gif);
	background-position: 0 5px;
	background-repeat:no-repeat;
}
#pageContent ol {
	margin: 0px;
	margin-left: 30px; /* shouldn't have to do that because of the padding existing in the container block */
	margin-bottom: 20px;
	padding-left: 0px;
}
#pageContent ol li {
	padding-left: 10px;
}
#pageContent ol ul li {
	padding-left: 20px;
}
#pageContent ol ul {
	padding-top: 10px;
	margin-bottom: 0px;
}
#pageContent ul ul {
	padding-top: 10px;
	margin-bottom: 0px;
}

#sideContent ul {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-left: 0px;
	list-style:none;
}
#sideContent li {
	padding-left: 10px;
	padding-bottom: 7px;
}
/*----------------------------------------------------   forms   ----------------------------------------------------*/
form {
	margin:0px;
	margin-bottom: 20px;
}
.textField {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	padding:2px;
}
.button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background-color: #999;
	color: #fff;
	border: 1px solid #000;
}
.attention {
	font-size: 16px;
	color: #FFCC00;
}