/*  
Website: http://www.amphionplc.com
Name: DataTern
Version: Casey 5.34
Author: Eric Needle
Author URI: http://www.longbow.net
*/

/* Colors
#C5CFD6 light grey
#D1D9DE lighter grey
#DEE5E9 lighter still
#EBEFF2 lighter box
#ADB5BC rich grey
#00457C header blue
#57A0D5 blue hover
#DEE5E9 bright cyan nav hover

*/

/* Body */
body { background: url(site/site-bg.png); background-repeat: repeat-x; background-color: #D1D9DE; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #304B0F; margin: 0; }

#page { margin: 0 auto; background-repeat: repeat-y; width: 800px; }
#header { margin: 0 auto; clear: both; height: 125px; width: 800px; text-align: center; padding:0; }
#nav { margin: 0 0 10px 0; height: 27px; width: 100%; padding: 0 5px 0 0; background: #01477F; }

#container { margin: 0 auto; width: 800px; padding: 0px; }
#content { margin: 0 auto; height: auto; width: 750px; padding: 25px; background: #DEE5E9;}
#footer { margin: 0 auto; height: 50px; width: 750px; padding: 0 25px; }

#left { height: 300px; width: 150px; display: block; float: left; padding: 0; margin: 10px 0 0 0; }
#pop { height: auto; width: 450px; display: block; float: left; padding: 0 20px; }
#box { width: auto; height: auto; margin: 0 0 10px 0; padding: 10px 18px 20px 18px; background-color: #EBEFF2; border:#D1D9DE 1px solid; }


/* Main Nav Container */
/* Nav1 */
#navcontainer1 { width: 800px; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
#nav1 { float: left; line-height: normal; letter-spacing: 0px; margin: 0; font-weight: normal; }
#nav1 ul { margin: 0; padding: 0; list-style: none; }
#nav1 li { float: left; position: relative; margin: 0; padding: 0; display: block; }
#nav1 a { float: left; margin: 0; padding: 10px 10px 10px 10px; text-decoration: none; display: block; }
#nav1 a span { float: none; display: block; padding: 0px; color: #DEE5E9; }

#nav1 #current a { background-position: 0% 100%; border-width:0; }
#nav1 #current a span { background-position:100% 100%; padding: 8px 12px 8px 4px; }
#nav1 a:hover { background-position:0% 100%; background: #57A0D5; color: white; }
#nav1 a:hover span { background-position: 100% 100%; color: white; }
#nav1 p { font-size: 12pt; font-style: normal; line-height: normal; color: #fff; display: block; height: 4px; margin: 0; padding: 0; }

#nav_dropdown1, #nav_dropdown1 ul { padding: 0; margin: 0; list-style: none; line-height: 1em; }
#nav_dropdown1 ul a { display: block; background: none; font-size: 9pt; }
#nav_dropdown1 li { float: left; }
#nav_dropdown1 li ul { position: absolute; left: -999em; }
#nav_dropdown1 ul li { clear:left; }
#nav_dropdown1 ul li a { padding: 6px 8px 6px 8px; background: #5389B2; color: #FFF; }
#nav_dropdown1 ul li a:hover { color: #fff; }
#nav_dropdown1 li ul ul { margin: 0 0 0 0px; }
#nav_dropdown1 ul ul li a { padding: 6px 8px 6px 8px ; background: #5389B2; color: #FFF; }
#nav_dropdown1 ul ul li a:hover { background: #DEE5E9; color: #FFF; }		
#nav_dropdown1 li:hover ul ul, #nav_dropdown1 li.sfhover ul ul { left: -999em; }
#nav_dropdown1 li:hover ul, #nav_dropdown1 li li:hover ul, #nav_dropdown1 li.sfhover ul, #nav_dropdown1 li li.sfhover ul { left: 0px; top: 32px; }
#nav_dropdown1 { background-repeat: no-repeat; background-position: top right;	}
#nav_dropdown1 { background-position: top right; background-repeat: no-repeat; }

		
/* Styles */

a:link { font-style: normal; font-weight: bold; text-decoration: underline; color: #235D98; }
a:visited { font-style: normal; font-weight: bold; text-decoration: underline; color: #235D98; }
a:hover { font-weight: bold; text-decoration: underline; color: #0F5296; }

p { font-size: 1.2em; color: #000; font-style: normal; line-height: 1.4em; text-align: left; }
h1 { font-size: 2.4em; color: #000; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: 1.4em; display: block; padding: 0; margin: 0; }
h2 { font-size: 2.0em; color: #000; font-style: normal; font-weight: bold; letter-spacing: -1px; line-height: normal ; display: block; padding: 0; margin: 0 0 20px 0; }
h3 { font-size: 1.7em; color: #00457C; font-weight: bold; letter-spacing: -1px; }
h4 { font-size: 1.3em; color: #00457C; font-style: normal; font-weight: bolder; line-height: 1.2em; display: block; padding: 0; margin: 0; }	
h5 { font-size: 1.1em; color: #000; font-weight: normal; margin: -15px 0 -1px 0;}
h6 { font-size: 1.2em; color: #003366; line-height: 2.3em; }

#header p { font-size: 1.0em; text-align: left; }
#footer p { font-size: 1.1em; text-align: left; line-height: 0.9em; }
#footer h5 { font-size: 1.1em; text-align: left; line-height: 0.9em; }

.box { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; color: #003366; width: auto; margin: 0; padding: 0 15px; background-color: #EEF0F4; border:#4F7EAC 1px solid; }
.news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #A53333; width: auto; margin: 0; text-align: left; line-height: 0.7em; }
.news a:link { font-style: normal; font-weight: bold; text-decoration: underline; color: #235D98; }
.news a:visited { font-style: normal; font-weight: bold; text-decoration: underline; color: #235D98; }
.news a:hover { font-weight: bold; text-decoration: underline; color: #003366; }
.news p { color: #4F7EAC; }
.table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #003366; width: 400px; margin: 0 auto; padding: 0; background-color: #EEF0F4; border:#4F7EAC 1px solid; }

hr { border: 1; color: #D1D9DE; background-color: #DEE5E9; height: 1px; width: 100%; margin: 10px 0; }


/* Images */

img { margin: 0; border: none; }
img.dot { padding: 0; margin: 0; display: inline; border: none; }
img.inleft { padding: 4px; margin: 0 7px 2px 0; display: inline; float: left; border: none; }
img.inright { padding: 2px; margin: 20px 0px 15px 25px; display: inline; float: right; border: 1px solid #003366; }
img.center { display: block; margin-left: auto; margin-right: auto; border: 1px solid #003366; padding: 0; }
img.left { display: block; border: 1px solid #003366; text-align: left; margin: 20px 0 0 0; }
img.portrait { padding: 2px; margin: 4px 8px 4px 0px; display: inline; float: left; border: 1px solid #003366; }
.alignright { float: right; border: none; }
.alignleft { float: left; border: none; } 
#header img { border: 0; border: none; }
#footer img { border: 0; border: none; }