/*Varnish stripping*/ 
:link,:visited { 
	text-decoration:none;
} 
ul,ol { 
	list-style:none 
} 
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { 
	margin:0; 
	padding:0 
} 
a img,:link img,:visited img { 
	border:none 
} 
address { 
	font-style:normal 
} 
abbr, acronym { 
	border: none;
} 

/*browser normalisation*/ 
#force-scrollbar { 
	position: absolute; 
	top: 0; 
	bottom: -1px;
	width: 1em;
	z-index: -1;
}

/*accessibility*/
.access {
	display: none;
}
#skiplinks {	
	margin-left: -9000px;
}

/*site wide styles*/
body {
	background-color: #003f71;
	background-image: url(../images/site-wide/background-grad.jpg);
	background-repeat: repeat-x;
	margin: 42px 0px 0px 0px;
	font-family: Arial, Verdana, sans-serif;
	color: #6cacc5;
	line-height: 2.0em;
	text-align: left;
	font-size: 62.5%; /*font-size of 62.5% is equal to 10 pixels*/
}

/*div containers (if fixed height, this because content is always the same)*/
#top-container { 
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 199px;
	background-image: url(../images/site-wide/header.jpg);
	background-repeat: no-repeat;
}

#main-menu-container {
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	font-size: 1.2em;
	line-height: 1.5em;
}

#image-container { 
	width: 990px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 213px;
}

.image-container-spacer {
	float:left;
}

#rectangular-image-container {
	float:left;
	width: 452px;
	height: 185px;
	padding: 14px;
	background-color:#FFFFFF;
	background-image:url(../images/site-wide/bgnd-rect-image.jpg);
	background-repeat: no-repeat;
}

#square-image-container {
	float:left;
	width: 185px;
	height: 185px;
	padding: 14px;
	background-color:#FFFFFF;
	background-image:url(../images/site-wide/bgnd-square-image.jpg);
	background-repeat: no-repeat;
}

#column-wrapper { 
	width: 799px;
	float: left; /*in this case floats left so it sits in the correct place within main-content-container*/
	border-bottom: 1px dashed #cccccc;
}

#middle-container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#bodytext-container {
	margin: 42px 0px 14px 0px;
	padding: 0px 84px 0px 84px;
	width: 352px;
	float: left;
}

#bodytext-container h1 {
	font-size: 2.0em;
	font-weight: normal;
	color: #99cc66;
}

#bodytext-container h2 {
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.6em;
	font-family: Times New Roman, Times, serif;
	color: #ffffff;
}

#bodytext-container p {
	font-size: 1.2em;
}

.bodytext-container-subtitle {
	font-family: Times New Roman, Times, serif;
	color: #99cc66;
	text-transform: uppercase;
	font-size: 1.2em;
}

#bodytext-container a {
	color: #99cc66;
}

#bodytext-container a:hover {
	color: #cc6600;
}

#bodytext-container img { 
	border: 7px solid #FFFFFF;
	margin: 3px 7px 3px 0px;
	float: left;
}

#small-column-container { 
	margin: 42px 0px 14px 0px;
	padding: 0px 14px 0px 28px;
	width: 222px; 
	float: right;
	border-left: 1px solid #6cacc5;
}

#footer-container {
	width: 716px;
	padding: 14px 0px 14px 84px;
	margin-left: auto;
	margin-right: auto;	
	font-size: 1.1em;
	clear: both; /*cleared so that it sits correctly below the columns above*/
}

#footer-container a {
	color: #ffffff;
}

#footer-container a:hover {
	color: #ff9900;
}

#thumbnails-container { 
	margin: 28px 0px 0px 0px;
	padding: 0px 28px 0px 0px;
	width: 257px; 
	float: right;
}

#thumbnails { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#thumbnails li { 
	margin: 0px 0px 14px 21px;
	padding: 0px 0px 0px 0px;
	float: right; /*tells a list to distribute horizontally*/
}

#thumbnails li img { 
	border: 7px solid #FFFFFF;	
}

/*main menu*/
#primary-menu { /*note that this is an id*/
	padding: 104px 0px 0px 507px;
}

.primary-menu-pipe {
	color: #ffffff;
}

#primary-menu li { 
	padding: 0px 0px 0px 3px;
	float: left; /*tells a list to distribute horizontally*/
}

#primary-menu a {
	color: #ffffff;
}

#primary-menu a:hover {
	color: #ff9900;
}

#secondary-menu { /*note that this is an id*/
	padding: 0px 0px 0px 507px;
}

#secondary-menu li { 
	padding: 0px 0px 0px 3px;
	float: left; /*tells a list to distribute horizontally*/
}

#secondary-menu a {
	color: #5392ab;
}

#secondary-menu a:hover {
	color: #ff9900;
}

/*small column*/
#small-column { /*note that this is an id*/
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
}

#small-column h3 {
	color: #ffffff;
}

#small-column p {
	color: #ff9900;
}

#small-column-green {
	color: #99cc66;
}

#small-column img {
	border: 7px solid #FFFFFF;	
}

#small-column li { 
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
}

#small-column a {
	color: #99cc66;
}

#small-column a:hover {
	color: #ffffff;
}