/*attain_screen.css - formatting only */
/* 
	- Page background is d7d7d7
	- Navigation indent of 25px
	- Background colour is 668aaa
	- Grey strip background colour is d7d7d7
	- Dark blue: 003c72
	- Light blue: c5d3df
 */
body {font-size: 62.5%; font-weight: normal; font-style: normal; font-family: Georgia, Times, serif; color : #000;}
img {border: 0;	margin: 0;	padding: 0;}
a  {text-decoration : none; color : #003c72;}
a:visited  {color: #003c72; text-decoration: none;}
a:active  {text-decoration: none; color: #003c72;}
a:hover  {text-decoration: none; color: #d7d7d7;}
.normal {font-size: 1em}
.normal a  {text-decoration: none; color: #003c72;}
.normal a:visited  {color: #003c72; text-decoration : none;}
.normal a:active  {text-decoration: none; color: #003c72;}
.normal a:hover  {text-decoration: none; color: #d7d7d7;}
.normal_blue {color: #003c72;}
.normal_blue a, .normal_blue a:visited, .normal_blue a:active, .normal_blue a:hover {text-decoration: underline;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #003c72;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

#breadcrumb {font-size: 1.1em; color: #808080;}
#breadcrumb a {text-decoration: none; color: #808080;}
#breadcrumb a:visited {text-decoration: none; color: #808080;}
#breadcrumb a:active {text-decoration: none; color: #808080;}
#breadcrumb a:hover {text-decoration: none; color: #003c72}
#breadcrumb .sublinks {font-size: 1em;}

input.searchbox {font-family: Georgia, Times, serif; font-size: 12px; color: #808080;}
#content {font-size: 1.3em;}
ul.bulletpoint {list-style-type: disc;}
.hide {display: none;}
.caption {margin: 0; padding: 2px 3px; background-color: #003C72; color: #FFF; display: block;}
.photocredit {float: right; font-family: Arial,Helvetica,sans-serif; font-size: 0.7em; color : #000;}
.vline {border-left: 1px solid #000; padding: 0px 0px 0px 10px; font: normal normal 12px/15px Georgia, Times, serif; color : #000;}
.bold {font-weight:bold;}
b {font-weight:bold;}
i {font-style:italic;}
.italic {font-style:italic;}
.italic a  {text-decoration: none; color: #003c72;}
.italic_blue {font-style: italic; color:#003c72;}
.italic_blue a, .italic_blue a:visited, .italic_blue a:active, .italic_blue a:hover {text-decoration: underline;}
.subtitle {font-size: 1.2em; text-decoration: none; color: #003c72;}
.small {font-size: 1em; color : #656464;}
.small a  {font-size: 1em; text-decoration: none; color: #003c72;}
.small a:visited  {color: #003c72; text-decoration : none;}
.small a:active  {text-decoration: none; color: #003c72;}
.small a:hover  {text-decoration: none; color: #000;}
.directory1 {font-size: 1em; color : #000;}
.directory1 a  {text-decoration: none; color: #003c72;}
.directory1 a:visited  {color: #003c72; text-decoration : none;}
.directory1 a:active  {text-decoration: none; color: #003c72;}
.directory1 a:hover  {text-decoration: none; color: #000;}
.directory2 {font-size: 1em; color : #000;}
.directory2 a  {text-decoration: none; color: #003c72;}
.directory2 a:visited  {color: #003c72; text-decoration : none;}
.directory2 a:active  {text-decoration: none; color: #003c72;}
.directory2 a:hover  {text-decoration: none; color: #000;}
.directory3 {font-weight: bold; font-size: 1em; color : #000;}
.directory3 a  { text-decoration: none; color: #003c72;}
.directory3 a:visited  {color: #003c72; text-decoration : none;}
.directory3 a:active  {text-decoration: none; color: #003c72;}
.directory3 a:hover  {text-decoration: none; color: #000;}
#footer {font-size: 1.1em; color: #000;}
#footer a  {text-decoration : none; color : #000;}
#footer a:active  {text-decoration : none; color : #000;}
#footer a:visited  {text-decoration : none; color : #000;}
#footer a:hover  {text-decoration : none; color : #000;}
#footer .middot {color: #000000;}
#copyright {font-size: 1em; line-height: normal; color: #003c72;}
#copyright a  {text-decoration : none; color : #003c72;}
#copyright a:active  {text-decoration : none; color : #003c72;}
#copyright a:visited  {text-decoration : none; color : #003c72;}
#copyright a:hover  {text-decoration : none; color : #000;}

/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #808080;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Georgia, Times, serif;
	color:			#fff;
	background:		#808080;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#003c72;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}