/* Default styles for page */
body {
	background:#d5e3f3;
	color:#666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:small;
	margin:0 0 10px 0;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:medium;
	margin:0 0 10px 0;
	padding:0;	
}
body * {
	color:#666;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin:0;
	padding:0;
}

/* Begin hiding for all but IE Mac */

/*\*//*/
body {
	margin:0 0 10px 0;
	padding:0;
}
body * {
	font-size:1em;
	margin:0;
	padding:0;
}

/* End hiding for all but IE Mac */

a:link, a:visited {
	color:#330099;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active {
	color:#330099;
	font-weight:bold;
	text-decoration:underline;
}
h1, h1 span, h2, h2 span, h3, h4, h5 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

h1 {
   margin: 0 0 10px 0;
}

h3 {
   font-size:10pt; margin: 0px;
}

img { /* Removes borders from all images on the site so <img border="0"> is not needed */
	border:none;
}
img.left { /* Float an image to the left of the page/content area - use class="left" on the <img> instead of align="left" */
	float:left;
	margin:0 10px 10px 0;
}
img.right { /* Float an image to the right of the page/content area - use class="right" on the <img> instead of align="right" */
	float:right;
	margin:0 0 10px 10px;
}
p {
	font-size:0.7em;
	line-height:1.4em;
	margin:0 0 10px 1px;
}
.center { /* Centre a block element on the page */
	text-align:center;
}
.clear { /* Clear floats - this is used in the template and homepage layouts */
	clear:both;
	height:1px;
	overflow:hidden;
	line-height:1px;
}

/* Centre page in viewing area */

#pageCenter {
	text-align:center;
}
#pageWrapper {
	margin:0 auto;
	text-align:left;
	width:736px;
}
#contentWrapper {
	background:url(/images/nav_bg.gif) #fff top left repeat-y; /* Sets the blue background repeating from the navigation to the bottom of the content area */
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	width:734px;
}

/* Header */

#header {
	background:#fff;
	border-bottom:2px solid #330099;
}
#logo {
	margin:0 25px 20px 0;
	padding:5px 0 0 0;
	text-align:right;
}
#logo h1 {
	color:#9999cc;
	font-size:2.1em;
	font-weight:normal;
	letter-spacing:-0.02em;
	text-transform:lowercase;
}
#logo h1 img {
	margin:10px 0 0 0;
}

/* Content area styles for template */

#contentArea {
	background:url(/images/contentTop.jpg) top left no-repeat; /* The montage of images at the top of the content area */
	float:right;
	width:593px;
}
#content {
	margin:100px 40px 0 40px;
	width:490px;
}
#content h1 {
	background:url(/images/h1-colon.gif) 0 13px no-repeat; /* No need to print the colon in the text, this is more accessible and Google will probably like it more */
	color:#330099;
	font-size:1.8em;
	padding:0 0 0 20px;
	text-transform:lowercase;
}
#content ul, #content ol { /* Default styles for any list elements */
	font-size:0.7em;
	margin:0 0 10px 0;
}
#content li {
	font-size:1em;
	margin:0 0 0 25px;
}

/* Main Navigation Menu */

#main_nav {
	background:#006699;
	float:left;
	width:141px;
}
#main_nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#main_nav ul li {
	font-size:0.9em;
	margin:0;
	padding:0;
}
#main_nav a  {
	color:#fff;
	display:block;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin:0;
	padding:0 0 0 15px;
	text-transform:lowercase;
	white-space:nowrap;
	width:126px;
}
#main_nav ul li#option1 {
	background:url(/images/nav_option1_bg.gif) top left no-repeat;
	height:26px;
}
#main_nav ul li#option1 a {
	color:#99ccff;
	line-height:22px;
	padding-bottom:4px;
}
#main_nav ul li#option2 {
	background:url(/images/nav_option2_bg.gif) top left no-repeat;
	height:28px;
}
#main_nav ul li#option2 a {
	color:#3399ff;
	line-height:26px;
	padding-bottom:2px;
}
#main_nav ul li#option3 {
	background:url(/images/nav_option3_bg.gif) top left no-repeat;
	height:29px;
}
#main_nav ul li#option3 a {
	color:#fff;
	line-height:27px;
	padding-bottom:2px;
}
#main_nav ul li#option4 {
	background:url(/images/nav_option4_bg.gif) top left no-repeat;
	height:28px;
}
#main_nav ul li#option4 a {
	color:#004899;
	line-height:25px;
	padding-bottom:3px;
}
#main_nav ul li#option5 {
	background:url(/images/nav_option5_bg.gif) top left no-repeat;
	height:29px;
}
#main_nav ul li#option5 a {
	color:#003366;
	line-height:29px;
}

/* Optional Sub Navigation Menu */

#main_nav ul.subnav {
	margin:80px 0;
}
#main_nav ul.subnav li {
	font-size:0.7em;
}

/* Footer */

#footer p {
	color:#8e8b8f;
	margin:8px 20px;
}
#footer a:link, #footer a:visited {
	color:#8e8b8f;
	font-weight:normal;
}
#footer a:hover, #footer a:active {
	color:#330099;
}