/*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: #f4f0e9;
	background-image: url(../images/site-wide/background-grad.jpg);
	background-repeat: repeat-x;
	margin: 42px 0px 0px 0px;
	font-family: Times New Roman, Times, serif;
	color: #4f4f4f;
	line-height: 2.0em;
	text-align: right;
	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: 164px;
	background-image: url(../images/site-wide/header-no-swirl.jpg);
}

#top-container-swirl { 
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 164px;
	background-image: url(../images/site-wide/header-swirl.jpg);
	background-repeat: no-repeat;
}

#main-menu-container {
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
}

#flash-container { 
	width: 800px; 
	margin-left: auto; 
	margin-right: auto; 
	height: 294px;
}

#sub-menu-container { 
	margin: 42px 0px 14px 0px;
	padding: 0px 0px 0px 28px;
	width: 257px; 
	float: right;
}

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

#body-container {
	margin: 42px 0px 14px 0px;
	padding: 0px 14px 0px 233px;
	width: 266px;
	float: left;
	border-right: 1px solid #CCCCCC;
}

/*div containers for long page*/
#middle-container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

#overview-container {
	margin: 42px 0px 0px 0px;
	padding: 0px 14px 0px 233px;
	width: 266px;
	float: left;
	border-right: 1px solid #CCCCCC;
}

#bottom-container-long-page {
	width: 800px;
	margin-left: auto;
	margin-right: auto;	
	clear: both; /*cleared so that it sits correctly below the columns above*/
}

#col1-container {
	margin: 28px 0px 0px 0px;
	padding: 0px 14px 14px 42px;
	width: 459px;
	float: left;
}

#col1-container p {
	font-size: 1.2em;
	text-align: left;
}

#col1-container li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: left;
}

#col2-container { 
	margin: 28px 0px 0px 0px;
	padding: 0px 0px 0px 28px;
	width: 257px; 
	float: right;
	text-align: left;
}

#col1-container-swirl {
	margin: 0px 0px 14px 0px;
	padding: 0px 14px 0px 42px;
	width: 459px;
	float: left;
	background-image: url(../images/site-wide/bgnd-col1.jpg);
	background-repeat: no-repeat;
}

#col1-container-swirl p {
	font-size: 1.2em;
	text-align: left;
}

#col1-container-swirl li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: left;
}

#col2-container-swirl { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 28px;
	width: 257px; 
	float: right;
	text-align: left;
	background-image: url(../images/site-wide/bgnd-col2.jpg);
	background-repeat: no-repeat;
}

#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;	
}

#footer-left {
	width: 758px;
	padding: 0px 0px 14px 42px;
	margin-left: auto;
	margin-right: auto;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: left;
	color: #999999;
	clear: both; /*cleared so that it sits correctly below the columns above*/
}

#footer-right {
	width: 500px;
	padding: 0px 300px 14px 0px;
	margin-left: auto;
	margin-right: auto;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #999999;
	clear: both; /*cleared so that it sits correctly below the columns above*/
}

#footer-gallery {
	width: 476px;
	padding: 0px 14px 14px 0px;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: right;
	color: #999999;
}

#footer-image-enlargement {
	width: 800px;
	padding: 0px 0px 14px 0px;
	margin-left: auto;
	margin-right: auto;	
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: center;
	color: #999999;
}

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

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

#primary-menu a {
	color: #153f51;
}

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

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

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

#secondary-menu a {
	color: #006699;
}

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

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

#sub-menu img {
	border: 7px solid #FFFFFF;	
}

#sub-menu li { 
	padding: 0px 0px 0px 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	text-align: left;
}

#sub-menu a {
	color: #cc6600;
}

#sub-menu a:hover {
	color: #153f51;
}

#sub-menu-back a {
	color: #153f51;
}

#sub-menu-back a:hover {
	color: #cc6600;
}

/*anchor links*/
.anchor-links li { 
	padding: 0px 0px 0px 0px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
}

.anchor-links a {
	color: #cc6600;
}

.anchor-links a:hover {
	color: #153f51;
}

/*body text links*/
.body-links a {
	font-family: Arial, Verdana, sans-serif;
	font-size: .95em;
	color: #153f51;
}

.body-links a:hover {
	color: #cc6600;
}

.body-links-normal a {
	font-family: Arial, Verdana, sans-serif;
	color: #153f51;
	font-size: 1.1em;
}

.body-links-normal a:hover {
	color: #cc6600;
}

/*text styles*/
#subtitle {
	color: #006699;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	
}

.subtitle-left {
	color: #006699;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

.subtitle-faq {
	color: #cc6600;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

#introduction-text {
	font-size: 1.2em;
}

#large-introduction-text {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.6em;
	text-align: left;
	color: #006699;
}

#bodytext {
	font-size: 1.2em;
	text-align: left;
}

#sub-menu-text {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	color: #333333;
}

#anchor-text {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	color: #333333;
}

.arial-text {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	color: #666666;
}

.rule {
	border-top: 1px dashed #CCCCCC;
	height: 1px;
}

/*image styles*/
.image-border { 
	border: 7px solid #FFFFFF;	
}

.image-border a { 
	border: 7px solid #FFFFFF;	
}

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