@charset "utf-8";

.clear {
	clear: both;
}
.offscreen {
	position: absolute;
	left: -999em;
}
#content {
  margin: 20px;
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background-color:#2e5381;
	 background-image:url(../images/bluegradeBG3.jpg);
	background-repeat: repeat-x;
	background-position: top; 
	text-align: center;
	}
	
#reportCONTENT h2 {
	font: bold 128% Verdana, Arial, Helvetica, sans-serif;
	color:#08497B;
	padding-top:0px;
	}
	
h3 {
	font: bold 113% Verdana, Arial, Helvetica, sans-serif;
	color:#08497B;
	padding-top:0px;
	}
	
h4 {
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;
	color:#08497B;
	}

a {
	color: #2C4972;
	text-decoration: none;
	font-weight: 500;
	font-family: arial, helvetica, sans-serif;
	}
	
a:hover {
	color:#496929;
	text-decoration: underline;
	cursor:pointer;
	}
	
/* a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../images/acroicn2.gif) center left no-repeat;
} */
	
.subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	font-style: normal;
	font-weight: 700;
	color:#3F6085;
	text-transform: capitalize;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.subText {
	font:78%/145% verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:2px;
	color:#555555;
	}
	
table {
	font:76%/145% verdana, arial, helvetica, sans-serif;

}

table#dgResult {
	font:72%/145% verdana, arial, helvetica, sans-serif;
	width:700px;
}

table#dgResult  td{
	font:74%/145% verdana, arial, helvetica, sans-serif;
	
}



table  table{
font:100%/145% verdana, arial, helvetica, sans-serif;

}

table  a, table p, table li, table ol, table .arrow li, table .diamond li,
ol .diamond li{
font:98%/145% verdana, arial, helvetica, sans-serif;

}
	
p {
	font:78%/145% verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:2px;
	color:#555555;
	}
	
p a {
	color: #3A6298;
	font-size: 90%;
	text-decoration: none;
	font-weight: 600;
	font-family:  arial, helvetica, sans-serif;
	}
	
p a:hover {
	color:#496929;
	text-decoration: underline;
	cursor:pointer;
	
	}
	
p  ul {
	font:100%/145% verdana, arial, helvetica, sans-serif;
	padding:2px;
	color:#555555;
	}

p  .subhead {
	font:bold 108%/145% verdana, arial, helvetica, sans-serif;
	padding:2px;

	}
	
ol {
	font:78%/155% verdana, arial, helvetica, sans-serif;
	color:#555555;
	}
	
ol  ol, ol ul, ol ul ol, ol ul ul,
div ol li ul li{
	font:100%/145% verdana, arial, helvetica, sans-serif;
	color:#555555;
	margin-bottom: 2px;
	}

ol  a{
	font:95%/145% verdana, arial, helvetica, sans-serif;
	font-weight: 600;
	}
	
ol.lowalpha {
	list-style-type: lower-alpha;
	margin-bottom: 2px;
}

ol ul.diamond ol.lowalpha {
	list-style-type: lower-alpha;
	font:100%/145% verdana, arial, helvetica, sans-serif;
	margin-bottom: 2px;
}

ol.upperalpha {
	list-style-type: upper-alpha;
	margin-bottom: 2px;
}
	
.noimage li {
	font:78%/145% verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	list-style-image: none;
	margin-bottom: 3px;
	list-style-type: none;
}
	

	
fieldset {
	padding:10px;
	margin:8px;

}

legend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 8px 0px;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#2C4972;
	text-transform:capitalize;
}

#medal li{
	font:78%/150% arial, helvetica, sans-serif;
	color:#444444;
	list-style-type: disc;
	list-style-image: url(../images/mvBullet.jpg);
	vertical-align: baseline;
	line-height: 24px;
	clear: none;
}

#reportCONTENT  ul {
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);
	margin-bottom: 2px;	
	padding:0px;
	}

.arrow ul{
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);
	margin-bottom: 2px;	
	padding:0px;
	}
	
.arrow  p, .arrow li .diamond li, .arrow li li {
	font: 96%/145% arial, helvetica, sans-serif;
	
	}


.arrow li {
	font: 78%/140% arial, helvetica, sans-serif;
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);
	margin-bottom: 4px;	
	padding:0px;
	}
	
.arrow li .arrow li {
	font:bold 100%/150% arial, helvetica, sans-serif;
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);
	margin-bottom: 4px;	
	padding:0px;
	}

		
.arrow li a:hover, .diamond li a:hover {
	color:#6F7D4D;
	text-decoration: underline;
	}
	
	
.diamond ul{
	text-decoration:none;
	list-style-image: url(../images/diamondBlue.gif);
	margin-left:0;
	margin-bottom: 2px;
	padding:0px;
	padding-left: 1em;
	text-indent: -1em;

	
	}
	
.diamond li  {
	font:80%/130% verdana, arial, helvetica, sans-serif;
	color:#555555;
	text-decoration:none;
	list-style-image: url(../images/diamondBlue.gif);
	margin:0;
	margin-bottom: 8px;	
	padding:0px;
}

.diamond li .diamond li, .diamond li li, .diamond li p,.diamond li ol, .diamond li blockquote, ol li blockquote {
	font:100%/140% verdana, arial, helvetica, sans-serif;
	line-height:normal;
	color:#555555;
	text-decoration:none;
	list-style-image: url(../images/diamondBlue.gif);
	margin-bottom: 8px;	
	margin-top: 0px;
	margin-left: 10px;
	padding:0px;
	}

.diamond li  a{
	color: #3A6298;
	font:90%/130% arial, helvetica, sans-serif;
	font-weight:600;
	list-style-image: url(../images/diamondBlue.gif);

}



.diamond li ul {
	font:100%/130% verdana, arial, helvetica, sans-serif;
	color:#555555;
	text-decoration:none;
	list-style-image: url(../images/diamondBlue.gif);
	margin-bottom: 8px;	
	margin-top:5px;
	padding:0px;
}


blockquote {
	font:78%/145% verdana, arial, helvetica, sans-serif;
	color:#666666;
	margin:0px 0px 16px 15px;
	padding:0px;
}

blockquote  blockquote, blockquote p, blockquote a{
	font:100%/145% verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 15px;
	padding:0px;
}

.spiral li {
	font:11px/16px verdana, arial, helvetica, sans-serif;
	color:#444444;
	text-decoration:none;
	list-style-image: url(../images/spiral.gif);
	margin-bottom: 8px;	
	padding:0px;
}
		
.spiral li a:hover {
	color:#6F7D4D;
	text-decoration: underline;
}

hr {
	color:#dedede;
	background-color:#ffffff;
	height:1px;
	border:none; 
}

.genHr {
	margin:auto;
	width:95%;
	height:20px;
	background: #fff url(../images/genericSeperator.jpg) no-repeat scroll center;
	margin-bottom: 8px;
}

#pagecontainer {
	
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-left:auto;
	margin-right: auto;
	/* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #395277;
	background-color: #fefefe;
	background-image:url(../images/pageBGtu.jpg);
	background-repeat: repeat-y;
	background-position: center;
	text-align:left; /* this overrides the text-align: center on the body element. */
	} 
	
	
#widePageContainer {
	
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	text-align:left;
	margin-left:auto;
	margin-right: auto;
	/* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #395277;
	background-color: #666666;
	background-image:url(../images/pageBGwide.jpg);
	background-repeat: repeat-y;
	background-position: center;	/* this overrides the text-align: center on the body element. */
	} 


#centerImage {
	width: 990px;
	margin-left: auto;
    margin-right: auto;
	/* text-align:center; */
	} 


#banner {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, we may want to remove the padding. */
	background-color: #ffffff;
	background-image: url(../images/dps75Banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 780px;
	height: 116px;
	border:0px;
	text-align:right;
	}
	
#banner2 {
	display:none;
	padding: 0 0px 0 0px;  
	background-color: #ffffff;
	border:0px;
	}
	
#bannerWide {
	padding: 0 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, we may want to remove the padding. */
	background-color: #ffffff;
	background-image: url(../images/dps75BannerWide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1000px;
	height: 116px;
	border:0px;
	text-align:right;
	}
	
#appBannerWide {
	padding: 0 0px 0 0px;  
	background-image: url(../images/dps75AppBannerWideSM.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 80px;
	border:0px;
	text-align:center;
	}
	
	

#banner h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}	
	
#spotNav{
	text-align:right;
	margin-top:0px;
	color:#ffffff;
	font-weight:700;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 74%;
	text-transform: capitalize;
	}
	
#topNav{
	position: absolute;
	margin-bottom:0px;
	margin-top:-28px;
	margin-left:202px;
	color:#08497B;
	text-transform: capitalize;
	z-index: 5;
	}
	
#topNavWide{
	position: absolute;
	margin-bottom:0px;
	margin-top:-28px;
	margin-left:315px;
	color:#08497B;
	font-weight:700;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 88%;
	line-height: 120%;
	text-transform: capitalize;
	z-index: 5;
	}
  
#searchBox {

	width:97%;
	background-image:url(../images/seperatorwide.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: oblique;
	font-weight: 600;
	margin-left:0px;
	margin-top: -10px;
	margin-bottom:15px;
	text-align:right;
	height: 12px;
	padding: 4px;
	}
	
#searchBoxTest {
	
	width:97%;
	background-image:url(../images/seperatorwide.jpg);
	background-position:center;
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: oblique;
	font-weight: 600;
	margin-left:0px;
	margin-top: -10px;
	margin-bottom:15px;
	text-align:right;
	height: 12px;
	padding: 4px;
	}
	
	
.Btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	text-align: center;
	height: 20px;
	width: 80px;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
}

.smallLink {
	color:#333399;
	font-size:75%;
	text-decoration:none;
	font-weight:500;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	white-space:nowrap;
	text-transform: capitalize;
	padding-bottom: 4px;
	}
	
.smallLink:hover {
	background-color:#dedede;
	}
	
/* -----this is the middle area of the home page */
#mediaBox {
	height: 253px;
	width:726px;
	margin-top: 2px;
	margin-left: 25px;
	padding: 0px;
	z-index: 0;
	}
	
/* sideBar is the left side navigation of the middle media area on the home page ---*/	
#sidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 177px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 254px;
	background: #fefefe; /* the background color will be displayed for the length of the content in the column, but no further */
	background-image:url(../images/sideBarBG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding: 0px;
	margin:0px;
	text-align: center;

	}

#sidebar ul { /* remove bullets and list indents */
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#sidebar ul  li{
	display:block;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color:#555555;
	width: 100%;
	height:62px;
	margin-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 1px;
	text-decoration:none;	
	}
	
#sidebar ul li :hover{ 
	display:block;
	background-image:url(../images/sideBarTransOver.png);
	background-repeat:repeat-y;
	color:#08497B;
	width: 100%;
	height:57px;
	margin-top:-16px;
	margin-left: 2px;
	margin-right:0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 1px;
	text-decoration:none;
	}
	
#sidebar a{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color:#08497B;
	font-weight:700;
	margin-left:4px;
	} 
		
	
	/*this is the text at the bottom of the photos on the Home Page */
.picDescrip {
position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fefefe;
	margin-top: 166px;
	margin-left:-3px;
	padding:8px;
	width: 364px;
	line-height: 15px;
	background: url('../images/transparent-bg.png'); 
}
.picDescrip  a{
	color: #fefefe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}
.picDescrip  a:hover{
	text-decoration:none;
	color: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;

}
 /*this is the list of links on top of a photo on the Home Page */
 .mediaList ul{
	margin-top:-10px;
	padding:0px;
}
 
.mediaList li a, .mediaList ul .arrow{
	font-size: 12px;
	font-weight: 600;
	line-height:22px;
	text-transform: capitalize;
	color: #FFFFFF;	
}

.mediaList li a:hover{
	color: #A8C0DF;
	
}

.mediaList li{

	margin-left:-10px;
	margin-bottom: 10px;
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);	
	}
	
 #sidebar2 {
	height: 254px;
	float: right; /* since this element is floated, a width must be given */
	width: 175px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-image:url(../images/sideBar2BG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin:0px;
	padding-top:12px;

	}

#sidebar2 ul{
	padding-left:14px;
	margin-left:14px;
	}

.sideBar2Title{
	font-family: verdana, arial, helvetica, sans-serif;
	color:#08497B;
	font-size: 14px;
	line-height: 120%;
	font-weight: 700;
	text-indent: 8px;
	padding-left:4px;
	}

 #sidebar2 li {
	font-size: 12px;
	text-indent:-5px;
	color:#444444;
	text-decoration:none;
	list-style-image: url(../images/bullet2.gif);
	margin-bottom: 2px;	
	padding:0px;
	}
	
#sidebar2 li a:hover {
	color:#6F7D4D;
	text-decoration: underline;
	}

/*This style is for the front Page only*/
#mainContent {
	font:78%/130% verdana, arial, helvetica, sans-serif;
	width: 330px;
	margin: 0 180px 0 185px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar space when the content in #sidebar ends. */
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	z-index: 0;
	} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}

.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}
/* --- end of middle area of home page -----*/

/* this is the bottom area with the tabs on the home page ----*/


#TabBox {
	width:740px;
	height:200px;
	padding: 3px;
	margin-top: 6px;
	margin-left: 19px;
	}	
	
#TabBox  .arrow li{
	font: 12px arial, helvetica, sans-serif;
	line-height:16px;
	}	
	
/* --- end of middle area of home page -----*/	

/* start of sitewide styles --- */

div.float {
	float: left;
	text-indent: 2px;
	width: 240px;
	padding: 2px;
	margin:0px;
}

div.spacer {
	height:0px;
  	clear: both;
  }
  
  .flTitle {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	padding:2px;
	color:#666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 2px;
 }

#Content {
	position: relative;	
	color:#666666;
	border-left-style: solid;
	border-left-color: #cecece;
	border-left-width: 1px;
	margin-top: 10px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 220px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height:390px;
	}
	
#ContentWide {
	position: relative;	
	color:#666666;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	margin-top: 10px;
	margin-right: 65px;
	margin-bottom: 50px;
	margin-left: 255px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height:370px;
	}
	
#Content table, #ContentWide table {
font-size:79%;   
}

#oneContent {
	position: relative;
	color:#666666;
	max-width:740px;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 50px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	min-height:250px;
	z-index:2;
	}
	
#flashContent {
	max-width:600px;
	margin:15px 50px 50px 235px;
	
	padding:10px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	}

#pageMenu {
	position:absolute;
	line-height:15px;
	display:block;
	top:160px;
	left:auto;
	/* Box Model hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:205px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-right: -5px;
	}	
	
#pageMenuWide {
	position:absolute;
	line-height:15px;
	display:block;
	top:160px;
	left:auto;
	/* Box Model hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:235px;
	padding-top: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-right: -5px;
	}

body>#pageMenuWide {width:235px;}
	
body>#pageMenu {width:205px;}
	
#pageMenu a {
	color: #2C5787;
	font-size: 12px;
	line-height:18px;
	display:block;
	text-decoration: none;
	width:205px;
	padding-left: 0px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}

#pageMenuWide a {
	color: #2C5787;
	font-size: 12px;
	line-height:18px;
	display:block;
	text-decoration: none;
	width:235px;
	padding-left: 0px;
	font-weight: 500;
	font-family: Arial, Helvetica, sans-serif;
}
	
#pageMenu a:link {
	display:block;
	font-size: 12px;
	line-height:18px;
	font-weight: 500;
	color:#2C5787;
}

#pageMenu a:hover {
	display:block;
	font-size: 12px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#496929;
	text-decoration: underline;
	width:205px;
	padding-left: 0px;
	font-weight: 500;

}

#pageMenuWide a:hover {
	display:block;
	font-size: 12px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#496929;
	text-decoration: underline;
	width:235px;
	padding-left: 0px;
	font-weight: 500;

}
	
#pageMenuHolder{
	margin-left: 6px;
	margin-right:2px;
	text-align:right;
	padding-bottom: 8px;
	background-color: #fefefe;
	
}

#pageMenu ul { /* remove bullets and list indents */
	display:block;
	line-height:18px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#pageMenuWide ul { /* remove bullets and list indents */
	display:block;
	line-height:18px;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#pageMenu ul  li{ 
	display:block;
	font-size: 12px;
	line-height:18px;
	width:200px;
	margin-left: 0px;
	padding-right: 10px;
	padding-top: 4px;
	}
	
#pageMenuWide ul  li{ 
	display:block;
	font-size: 12px;
	line-height:18px;
	width:230px;
	margin-left: 0px;
	padding-right: 5px;
	padding-top: 4px;
	}

	
	
	
#menuImage{
width:230px;
	margin-left:auto;
	margin-right:auto;
	padding-left:5px;
	text-align:center;
}

.mTitle{
	width:205px;
	text-align: right;
	color:#444444;
	font-size:12px;
	line-height:20px;
	text-decoration:none;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	word-spacing: normal;
	margin-top: 2px;
	margin-right: -5px;
	margin-bottom:2px;
	margin-left: 4px;
	padding-right:0px;
	}
	
.mSubTitle{
	color:#222222;
	font-size:11px;
	text-decoration:none;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	margin-bottom:0px;
	margin-right: 0px;
	margin-left: -1px;
	
	}
	
#News {
	position:inherit;
	float:right;
	background-color: #ededed;
	left:5px;
	width:230px;
	padding:8px;
	line-height:17px;
	width:225px;
	margin-right: 15px;
	margin-left: 20px;
	border: thin dotted #999999;
	margin-top: 30px;
	margin-bottom: 5px;
	}
	

.newsHead {
	color:#000000;
	font-size:12px;
	text-decoration:none;
	font-weight:900;
	font-family:verdana, arial, helvetica, sans-serif;
	background-color: #ededed;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

#newsCbox {
	position:relative;
	text-align:left;
	width:320px;
	margin-left: 15px;
	background-color: #ededed;
	padding:10px;
	line-height:17px;
	border: thin dotted #dedede;
	margin-top: 5px;
	margin-bottom: 35px;
	}
	
.customNews {
	background-color: #ededed;
	border: thin dotted #dedede;
	font:84%/150% verdana, arial, helvetica, sans-serif;
	background-image: url(../images/seperatorwideT.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-top: 8px;
	margin-right: 6px;
	margin-bottom: 30px;
	margin-left: 6px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

#spotItem {
	position:relative;
	float:inherit;
	background-color: #ededed;
	padding:10px;
	width:250px;
	margin-right: 5px;
	margin-left: 0px;
	border: thin dotted #cdcdcd;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 7;
	}

#spotItem p{
	font:78%/140% Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 500;		
	}
	
.spotItemBorder {
	background-color: #ededed;
	width:240px;
	padding:7px;
	border: thin dotted #cdcdcd;
	z-index: 7;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 2px;
	}
	
.spotItemLft {
	font:78%/140% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	background-color: #ededed;
	width:240px;
	padding:7px;
	border: thin dotted #cdcdcd;
	z-index: 7;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 2px;
	}

.spotItemLft p{
	font:78%/140% Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: 500;
	text-align: center;	
	margin-bottom: 2px;
	}
	
.spotItemRt {
	font:78%/140% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	float:right;
	background-color: #ededed;
	width:240px;
	padding:7px;
	margin-right: 0px;
	margin-left: 8px;
	border: thin dotted #cdcdcd;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 7;
	}
	
.spotItemRt p{
	font:78%/140% Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;	
	margin-bottom: 2px;
	}
	
.spotItemRtBlnk {
	position:relative;
	float:right;
	background-color: #ffffff;
	width:240px;
	padding:5px;
	margin-right: 15px;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 7;
	}
	
.spotItemLftBlnk {
	position:relative;
	float:left;
	background-color: #ffffff;
	padding:0px;
	margin-right: 15px;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	z-index: 7;
	}
	
.italictype {
	color:#777777;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 82%;
	font-style: oblique;
	font-weight: 500;
}
	
.redHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: 800;
	text-transform: capitalize;
	color: #FF3300;
}
	

#footer {
	background-image:url(../images/footerBGs.jpg);
	background-color:#FFFFFF;
	font:72% verdana, arial, helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top:0px;
	color: #999999;
	margin-top: 0px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center top;
	height: 225px;
	width: 780px;
	}
	
#footer p{
	font:90% verdana, arial, helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #666666;
	}
	
#footer p a{
	font:100% verdana, arial, helvetica, sans-serif;
	}
	
#footer a{
	font:82% verdana, arial, helvetica, sans-serif;
	color:#29578F;
	font-weight:500;
	
	}
	
#footer a:hover{
	color:#496929;
	text-decoration: underline;
	cursor:pointer;
	}
	

#footerWide {
	background-image:url(../images/footerBGWide.jpg);
	font:72% verdana, arial, helvetica, sans-serif;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-top:10px;
	color: #999999;
	margin-top: 0px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 216px;
	width: 1000px;
	}
	
#footerWide p{
	font:90% verdana, arial, helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 10px;
	color: #666666;
	}
	
#footerWide p a{
	font:100% verdana, arial, helvetica, sans-serif;
	}
	
#footerWide a{
	font:82% verdana, arial, helvetica, sans-serif;
	color:#29578F;
	font-weight:500;
	
	}
	
#footerWide a:hover{
	color:#496929;
	text-decoration: underline;
	cursor:pointer;
	}

	
	/* Add the stuff image magic for the lightbox images effect */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;
}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { 
left: 0; float: left;
}
#nextLink { 
right: 0; float: right;
}
#prevLink:hover, #prevLink:visited:hover { 
background: url(../images/prevlabel.gif) left 15% no-repeat; 
}
#nextLink:hover, #nextLink:visited:hover { 
background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #202931;
	}
/* End of the image magic */