/* Page Styles */
body {font: 76%/1.2 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;background-color: #ffffff; background:"../Images/Watermark.gif";background-repeat: no-repeat;background-attachment: fixed}
img {	border: none;}
h1 {	font-size: 1.4em;	color: #4e4e4e;	text-transform: uppercase;margin:0 0 -0.5em 0 }
h2 {	font-size: 1.2em;}
#intro {	font-weight: bold;	font-size: 1.2em;}
a:link, a:visited {	color:#2e2e2e;	font-weight: bold;}
a:hover {	color:#ababab; text-decoration:underline}
#orangeBullet, #orangeBullet li { LIST-STYLE-IMAGE: url(../images/bullet.gif)}
#highlight{color:gray}
#LearnMore {padding: 0 0 0 9em; position:relative; top:-10px}
#LearnMore a {color:gray; text-decoration:none}
#checkers{ text-align:center}
#checkers a { font-size:xx-small;}
#logoText { font-family:Verdana; font-size: 16px; font-style: italic; margin-left:2em}
#paraTitle { font-weight:bold}
#nutshellList li {margin-left:-1.5em}
.quote { font-style:italic}

/*page layout */
body {  text-align: left;  min-width: 720px; font-family: arial, helvetica, serif;} 
#content { float:left; }
#header {float:left; margin-bottom:1em}
#page {  width: 720px;  margin: 0 auto;  text-align: left; } 
#strapline {width: 720px;height: 400px;	background: url(../images/cobra.jpg) no-repeat right top; clear: both; margin-bottom:0em; margin-top:0em}
#strapline p { color:Grey; font-size:large; font-weight:bold; margin: 4em 1em 1em 23em;FILTER: Shadow(Color=#00cc66, Direction=8)}
#strapline ul li {color:White; font-size:medium; font-weight:bold; font-family:Verdana}
#logo {  width: 160px;   margin: 0;   float: left; } 
#menu {  float: right; width: 521px; margin-bottom: 0em; position:relative; top:20px; } 
#column1 {  width: 350px;   margin: 0;   float: left; } 
#column2 {  width: 350px;  float: right; } 
#FooterMenu{ position:relative; float:left; margin:2em 0 0 0 }
#Copyright{ position:relative; float:left} 

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: normal;}
.NormalRed{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold;    color: red}
.NormalBold{ font-family: Verdana, Helvetica, sans-serif;    font-size: 11px;    font-weight: bold}

/* main menu definitions */
#nav, #nav ul {	width:500px;list-style: none;line-height: 2; font-weight: bold;margin: 0 0 0 0 ; padding: 0 0 0 0; float:left;}
#nav a {display: block; color: black;text-decoration: none;font-size:small; text-align:center; }
#nav li {float: left;width:98px; border-left: solid 1px white; padding:0.3em 0 0.3em 0; margin: 0 0 0 0; border-right: solid 1px #e0e0e0; 
	     background: url(../images/BlackFade.png) repeat-x left top; background-position:left; background-repeat:repeat-x;
	     } /* width of menu members*/
	     
#nav li ul {position: absolute;left: -999em;height: auto;width: 150px; font-weight: normal;border-width: 0.25em;margin: 0.4em; }
#nav li li { float:left; width: 148px; background: #E0E0E0; position:relative; top:-1px; border-top: solid 1px white;}
#nav li ul a {margin:0.25em 0.25em 0.25em 0.4em;width: 150px; text-align:left}
#nav li ul ul {}
#nav li:hover, #nav li.sfhover { background: #eeeeee; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

.leftend { float:left; width: 10px; background: url(../images/BlackFade.png) repeat-x left top; background-position:left; background-repeat:repeat-x; margin: 0 0 0 0; padding: 0 0 0 0;}
.rightend {float:right; width:10px; background: url(../images/BlackFade.png) repeat-x left top; background-position:left; background-repeat:repeat-x; margin: 0 0 0 0; padding: 0 0 0 0;}