/* CSS DOCUMENT */


body{
background-color:#336699;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
select{
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
}
input {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 13PX;
	color: #003366;
}



/*  IMAGE BORDER STYLES*/

.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid navy;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

.borderitIndex img{
border: 3px solid #ccc;
}


/*  END IMAGE BORDER STYLES*/




/*  GENERAL TEXT FONT STYLES*/



.breadcrumb
{
	color: #333333;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 10px;
}
.title
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 16px;
}
.content
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 12px;
}

.caption
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 10px
}

.facts
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: x-small;
}
.footer
{
	color: #FFFFFF;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 10px
}

.new
{
	color: #003366;
	FONT-FAMILY: verdana, arial, sans-serif;
    line-height: 12px
}

.newWhite
{
	color: #FFFFFF;
	FONT-FAMILY: verdana, arial, sans-serif;
    line-height: 12px
}

.outputTable
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 11px
    
}

.outputTableLink
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 11px
}

.outputTableHead
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 12px
}

.blackCaption
{
	color: #000000;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 10px
    
}
.whitecontent
{
	color: #FFFFFF;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 11px
}

.redcontent
{
	color: #FF3333;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 12px
}

.largewhitecontent
{
	color: #FFFFFF;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 16px
}

.bluetitle
{
	color: #003366;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}

.sitetitle
{
	color: #003366;
	FONT-FAMILY: georgia, verdana, arial, sans-serif;
    font-size: medium;
}

.bluecontent
{
	color: #003366;
	FONT-FAMILY: verdana, arial, sans-serif;
    font-size: 12px
}


.copyHead
{
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
.copy
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
}

/* END GENERAL TEXT FONT STYLES*/








/* TABLE STYLES 396BA5*/


table.main {
	border: 1px solid White;
}

table.whatsnew {
	border: 1px solid #000033;
}

table.copy {
	border: 1px solid #396BA5;
	background-color: #FFFFFF;
}

table.sideBar {
	border: 2px solid #FFFFFF;
}

table.mainBlack {
	background-color: #E6F2FF;
	text-align: left; /* alignment in IE7 */
}

td.mainHead{
	background-color: #396BA5;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.head, div.head{
	background: #396BA5; /*url('/regional_images/site_build/thead.gif') left top no-repeat*/
	font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.resultsHead{
	background-color: #CCCCCC;
	font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


td.copy{
	background-color: #E6F2FF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}
td.mainCopy
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
td.image
{
	background-color: #E6F2FF;
	color: #000000;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
td.mainImage
{
	background-color: #E6F2FF;
	color: #000000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
td.imageNoPad
{
	background-color: #E6F2FF;
	color: #000000;
}

td.left_border
{
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:black;
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
}
/* END TABLE STYLES */




/* HRs */

 hr.pub 
 {
 	border: none 0; 
 	border-top: 2px dashed #666666;/*the border*/
 	width: 100%;
 	height: 2px;/*whatever the total width of the border-top and border-bottom equal*/
 }
 
 hr.pub_list
 {
 	border: none 0; 
 	border-top: 1px dashed #000;/*the border*/
 	width: 100%;
 	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
 }
 
 /*  */




/* HREF LINKS STYLES */
a
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}
a:hover {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.footerLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	text-decoration: underline;
}

a:hover.footerLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}

a.grayLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover.grayLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.textLinks
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}
a:hover.textLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

sup a.textLinks, sup a:hover.textLinks, sup a, sup a:hover {font-size: 8px;}
a.boldLinks
{
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}
a:hover.boldLinks {
	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}

a.orangeLinks
{
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ff6600;
	 font-weight: bold;
	text-decoration: underline;
}
a:hover.orangeLinks {
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #cc6600;
	text-decoration: underline;
}


a.breadcrumbLinks
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: underline;
}

a:hover.breadcrumbLinks {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}

a.captionLinks, a.captionLinksWht
{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #396BA5;
	text-decoration: underline;
}

a.captionLinksWht
{
	color: #fff;
}

a:hover.captionLinks, a:hover.captionLinksWht {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}




.navLinks
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
}
/* END HREF LINKS STYLES */



/* START IMAGE STYLES */
      
.imageList img{
border: 1px solid #ccc;
}

.imageList:hover img{
border: 1px solid navy;
}

.imageList:hover{
color: red; /* irrelevant definition to overcome IE bug */
}

/* END IMAGE STYLES */



/* START DIV STYLES */

 #moreSppInfo {
 	width: 160px;
 	height: 110px;
 	position: relative;
 	background-color: #E6F2FF;
 	text-align: center;
 	border: 1px solid #396BA5;
 	padding: 2px 2px;
 	top: -10px;
	left: -10px;
	float: right;
}

 #moreSppImages {
 	width: 120px;
 	height: 130px;
 	position: relative;
	top: -10px;
	left: -1px;
	float: right;
	text-align: center;
	padding: 2px 2px;
}

#sppImages {
 	width: 120px;
 	height: 20px;
 	position: relative;
 	background-color: #ffff99;
 	border-style: dashed;
	border-width: 1px;
	border-color: #000000;
	top: -10px;
	left: -1px;
	float: right;
	text-align: center;
	padding: 2px 2px;
	
}

/* START SECTION DIV STYLES */
/* start clear styles - primarily used for lists that do not flow well around floated divs */
.clearLeft {
	clear: left;
}
.clearAll {
	clear: both;
}
.clearRight {
	clear: right;
}
/* end clear styles */

 .floatLeft {
    width: 315px;
    float: left;
    margin: 0; 
    padding: 5px 0;
}
.floatLeft table {
    margin: 15px 0 5px 0;
    width: 300px;
}               
.floatRight {
    width: 280px;
    float: right;
    margin: 0;
   	padding: 5px 0 5px 5px;
}
.floatRightIndex {
    width: 225px;
    float: right;
    margin: 0;
   	padding: 5px 0 5px 5px;
}
    
/* END SECTION DIV STYLES */

/* END DIV STYLES */


/* START UL STYLES */
.copy ul.ulBlueSquare, 
.content ul,
.copy ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}
.copy ul.ulBlueSquare li {
    background-image: url('/monterey/images/build/bullet.gif');
}
.content ul li {
	background-image: url('/monterey/images/build/bullet_bl.gif');
}
.copy ul li {
	background-image: url('/monterey/images/build/bullet_wht.gif');
}
.copy ul.ulBlueSquare li, 
.content ul li, 
.copy ul li {
   	margin: 8px;
	padding-left: 8px;
    background-repeat: no-repeat;
    background-position: 0 .1em;
}

ul.test {
	background-image: none;
	zoom: 1;
	overflow: auto;

}

ul.test li {
	position: relative;
	left: 8px;
	list-style: outside url('/monterey/images/build/bullet_bl.gif'); 
	padding-left: 8px; 
	margin: 8px;
	background-position: 0 .1em;
	background-repeat: no-repeat;
	display: block;
}

.content ul.iesFix {
/* apply this class to UL's that are aligned to the right of a floated div; 
caveat: will make entire list fixed width block, won't flow around floated div*/
	zoom: 1; /* IE Fix */
	overflow: auto; /* Safari Fix */
}

/* END UL STYLES */