/* optimized iamge blue: 000099 */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000033;
  padding-top: 0;
  margin-top: 0;
  margin: 0; 
  padding: 0;
}

#mainshadow {
  width: 816px;
  margin: 0 auto;
  background-image: url(/images/dropshadow-middle.png);
  background-repeat: repeat-y;
  background-position: top center;
}

#mainshadowbottom {
  height: 16px;
  width: 815px;
  background-image: url(/images/dropshadow-bottom.png);
  background-repeat: no-repeat;
  background-position: top center;
}

#main {
  width: 800px;
  margin: 0 auto;
  position:relative;
}

a {
  color: #0f78c2;
  text-decoration: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 10px 10px 0;
}

/* header and logo */

#header ul {
  list-style: none;
  padding-top: 50px;
  padding-right: 25px;
  text-align: right;
}

#header ul li {
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  text-transform: uppercase;
  /* using css to set the bullets image doesn't work in IE6, so hack here */
  background-image: url(/images/magnify_bullit.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

#header a { 
  text-decoration: none; 
  color: #707070;
  font-size: 11px;
}

#header a:hover {
  color: #222;
}

#logo-img {
  float: left;
}

/* middle navigation and image */

#middle {
  clear: both;
  border-top: 3px solid #b7b7b7;
  /* border-bottom: 3px solid #7c7c7c; */
  height: 214px;
  width: 100%;
  background-color: #FFFFFF;
  background-image: url(/images/main/rotate.php);
  background-position: center right;
  background-repeat: no-repeat;
}
#leftnav {
	float: left;
	width: 255px;
	height: 212px;
	position: relative;
	top: 3px;
	left: 0px;
	font-weight: bold;
	color: #000099;
	background-position: bottom center;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#leftnav a {
  text-decoration: none;
  font-weight: bold;
  color: #626262;
}

#leftnav a:hover {
  color: #000099;
}

#leftnav ul {
  list-style: none;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}

#leftnav ul li {
  text-transform: uppercase;
  border-bottom: 1px solid #acacac;
  width: 175px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 18px;
  
  /* again, since IE6 doesn't support custom bullet images */
  background-image: url(/images/magnify_arrow.gif);
  background-repeat: no-repeat;
  background-position: center left;
}

/* transition between middle and main content */

#middletransition {
  background-color: #7c7c7c;
  height: 3px;
  font-size:1px;
  margin-bottom: 1px;
  clear:both;
}

#mainwrapper.vline {
  background-image: url(/images/vertical-line-bg.gif);
  background-repeat: repeat-y;
  background-position: 0px 0;
}
#mainwrapper.full {
  background-image: none;
}
#mainwrapper.restore-app {
  padding: 0 25px 15px;
}

/* left column */

#dark-divider {
  height: 32px;
  margin-top:-1px;
  margin-bottom: 0;
  background-image: url(/images/dark-divider.gif);
  position: relative;
}

#mainleftnav {
	float: left;
	display:inline;
	width: 256px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000066;
}
#mainleftnav div {
  margin: 0;
}
#mainleftnav h1 {
	margin: 20px 30px 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
}

/* main box */

#click-boxes {
	width: 534px;
	display: inline;
	float: right;
	margin-left: 10px;
}
#click-boxes img {
  margin: 0 5px 10px;
}

#mainleft {
	float: left;
	width: 230px;
	padding: 0 0 0 10px;
	display: block;
}
#mainleft p{
	clear: both;
}
.quote {
	padding: 0 5px 0 10px;
}

#mainright {
  float: right;
  display:inline;
  width: 529px;
}

#mainfull {
  float: left;
  padding: 10px 10px 10px 10px;
  display:inline;
  width: 759px;
}
.textright {
  margin: 10px 5px 10px 10px;
}

#mainright ul li {
  border-bottom: 1px solid #acacac;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 18px;
  /* again, since IE6 doesn't support custom bullet images */
  background-image: url(/images/magnify_arrow.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
#footer-left {
  background-color: #003399;
  float: left;
  display: inline;
  width: 256px;
}
#footer-left p {
	width: 85%;
	margin: 0 auto;
	font-size: 85%;
	text-align: center;
	color: #CCCCCC;
}
#footer-right {
  width: 799px;
  /*margin-left: 256px;*/
  border-left: 1px solid #CCCCCC;
  background-color: #CCCCCC;
}
#footer-left, #footer-right {
  height: 65px;
}
.footer-sep {
  height: 3px;
  line-height: 1px;
  border-bottom: 1px solid #000099;
}
#footer-left .footer-sep {
  background-color: #CCCCCC;
}
#footer-right .footer-sep {
  background-color: #003399;
}
#footer {
  clear: both;
}
#footer p {
  margin-top:0;
  padding-top: 15px;
}
#footer-right p {
  padding-left: 20px;
  font-size: 11px;
  color: #333333;
}

.graylinks :link, .graylinks :visited, .graylinks :hover { color:#000099;}

/*Lightbox Image*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(http://www.optimizedimage.com/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(http://www.optimizedimage.com/images/overlay.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.optimizedimage.com/images/overlay.png", sizingMethod="scale");
	}