/*	QUICKFIND:
-------------------------------------------------------
	=CORE GLOBAL STYLES
	=MAJOR LAYOUT IDs
	=BODY CLASSES
	=MAJOR ELEMENTS, CLASSES, IDs
		=Page container and Headers
		=Content and Footer areas
	=BODY CLASSES
	=MINITABS LINKS HEADER
	=MAGIC-Y MENU
	=GATEWAYS MENU (ITS Gateways)
	=SCAN COLUMN MENU LIST

*/


/* =CORE GLOBAL STYLES
======================================================================= */
body {
		background-color: #fff;
		font-family: Verdana, Tahoma, Trebuchet, sans-serif;
		margin: 5px;
		padding: 5px;
		}

body.blank {
		background: #fff;
		}
	
a:link {
	text-decoration: underline;
	color: #415578;
		}
			
a:visited {
		text-decoration: none;
		color: #7f510e;
		}
			
a:active {
		text-decoration: none;
		/*color: #000099;*/
		}
			
a:hover {
		color: #ef2d00;
		text-decoration: underline;
		}
		
.hide	{
		display: none;
		}

.clear-l {
		clear: left;
		}

.clearer { /* clears both ways */
	clear: both;
	}		



/* =MAJOR LAYOUT IDs
======================================================================= */

/* =Page container and Headers
------------------------------------------------------- */
#pagebox {
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	margin: 0px auto;
	width: 900px;
	}

	
#identityHeader {
	border-bottom: 1px solid #630;
	height: 120px;
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#identityHeader img {
	display: block;
	}

#linksHeader {
	height: 20px;
	border-bottom: 1px solid #000;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 10px;
	}

#landingHeader {
	height: 85px;
	border-bottom: 1px solid #000;
 }


/* =Content and Footer areas
------------------------------------------------------- */
#scanColumn {  /* left side scan column */
	background: #fff;
	/* clear: right; */
	float: left;
	margin: 0px;
	width: 150px;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	}

#content { /* container for content tables, columns */
	background: #fff;
	float: left;
	width: 725px;
	padding: 10px 15px 10px 10px;
	}
	
#content { /* minimum height for better browsers */
	min-height: 620px;
	height: auto !important;
	height: 620px;
	}
	
#mainColumn { /* for 3 column pages */
	float: left;
	margin-top: 5px;
	width: 475px;
	}

#mainColumnAds { /* for 3 column pages */
	/*border: 1px solid #666;*/
	float: left; 
	margin-top: 5px; 
	width: 500px;
	}
	
#sideBar { /* for 3 column pages */
	float: right; 
	margin-top: 5px; 
	width: 235px;
	}

#sideBarAds { /* for 3 column pages */
	/*border: 1px solid #666;*/
	font-family: Times, Verdana, Tahoma, Trebuchet, sans-serif;
	font-size: 1.1em;
	line-height: .5em;
	color: black;
	float: left; 
	margin-top: 0px; 
	padding-top: 48px;
	width: 235px;
	}

#footer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	padding: 5px 10px 15px 10px;
	float: center;
	}
	
.int-testimonial {
	border:1px solid #999999;	
	background: #F3F0DC;
	margin-bottom:8px;
	padding:5px;
	}

.int-testimonial .preview {
	border-bottom:1px dashed #CCCCCC;
	margin-bottom:6px;
	padding-bottom:6px;
	}

.int-testimonial .author {
	font-size:11px;
	font-style:italic;
	}

#jumpmenu {
	padding: 5px 0 5px 5px;
	background: #EBCA4D;
}
	
.quote {
	font-size:15px;
	height:18px;
	background-color: #330000;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFCC00;
	border: 1px solid #300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}


.img-right {
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 4px;
	float: right;
	}

.img-left {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 4px;
	float: left;
	}


/* =BODY CLASSES (override styles for different page layouts)
======================================================================= */
/* for 3 column pages */
body.column3 ul#breadCrumb {
width: 425px;
}

/* for 2 column pages */
body.column2 #mainColumn { 
float: left; 
margin-top: 5px; 
width: 700px;
}

body.column2 ul#breadCrumb {
width: 695px;
}

/* for 1 column full width pages */
body.column1 #content {
background: #fff;
background-image: none;
float: none;
width: auto;  
padding-left: 15px;
padding-right: 15px;
}

body.column1 #mainColumn {
width: 600px;
}

body.column1 ul#breadCrumb {
width: 865px;
}



/* =u LINKS HEADER
============================================================ */

#miniTabsBox { /* keeps list open in IE */
	width: 300px;
	float: right;
	}

ul#miniTabs {
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: right;
	}
	
ul#miniTabs li {
	display: inline;
	line-height: 11px;
	list-style-type: none;
	}

ul#miniTabs a {
	float: left;
	color: #663333;
	line-height: 11px;
	margin: 7px 0px 0px 8px;
	text-decoration: underline;
	}
	
ul#miniTabs a:hover {
	color: #FFFF66;
	}


/* =TAB-RELATED STYLES, FOR HEADER TABS
------------------------------------------------------------------------ */
#tabs {
	/* background: #506489; */
	background: url(../skin_graphics/ocean_linksheader.jpg) center left repeat-x;
	background: #62759a url(../site_resources/images/tabsheader_bg.gif) top left repeat-x;
	margin: 0;
	padding: 6px 0px 0px 0px;
	width: 100%;
	/* height: 29px; */
	float: left;
	line-height: normal;
	/* clear: both; */
	}

#tabs ul {
	list-style: none;
	margin: 0px 0px 0px 155px;
	padding: 0 0 0 15px;
	}

#tabs li {
	display: inline;
	margin: 0 0 0 0px;
	padding:  0 0 0 0px;
	}
	
#tabs a {
	background: #c4d5f1;
	background: #c4d5f1 url(../images/blue_tab_off.gif) repeat-x top left;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	border-top: #000 solid 1px;
	color: #293b5a;
	display: block;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	/*font-family: Georgia, "Times New Roman", verdana, sans-serif;*/
	font-size: 11px;
	font-weight: normal;
	float: left;
	line-height: 15px;
	margin: 0px 3px 0px 0px;
	padding: 5px 20px 8px 20px;
	text-decoration: none;
	vertical-align: baseline;
	}

#tabs li.active-tab a {
	background: #e6eefb;
	background-color: #c4d5f1;
	background-image: url(../site_resources/graphics/blue_tab_selected.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}

#tabs li.editable-tab a {
	background: #e6eefb;
	background: #c4d5f1 url(../site_resources/graphics/blue_tab_selected.gif) repeat-x top left;
	}

#tabs li.tab-edit a {
	background: #e6eefb;
	background: #e6eefb url(../site_resources/images/graphics/blue_tab_selected.gif) repeat-x top left;
    border-bottom: thin solid black;
	}

#tabs a:hover {
	background: #e6eefb url(../site_resources/images/graphics/blue_tab_hover.gif) repeat-x top left;
	}

#tabs li.editable-tab a:hover {
    background-color: #fffbbf;
	background-image: none;
	cursor: text;
	}

#tabs a.add-tab-link {
    color: #e6eefb;
	background-image: none;
	background-color: transparent;
	border: none;
	}



/* =SCAN COLUMN MENU LIST
	includes default font styles
============================================================ */
ul#navigationList {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #415578;
	margin: 0px 0 6px 0;
	padding: 0 0 0 0;
}

ul#navigationList li {
list-style-type: none;
}

ul#navigationList li a {
	color: #415578;
	text-decoration: none;
	display: block;
	padding: 8px 0px 8px 17px;
}

ul#navigationList li a:hover {
	color: #ef2d00;
	text-decoration: underline;
}

ul#navigationList li.nada ul {
	display: none;
	}

ul#navigationList li ul {
	font-size: 10px;
	margin: 0;
	padding: 0;
	}

ul#navigationList li li a {
	padding: 5px 8px 1px 28px;
	}

ul#navigationList .menuheader {
	font-size: 12px;
	font-weight: normal;
	color: #630;
	line-height: 1.2em;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #630;
	margin: 0px 4px 0px 17px;
	padding: 8px 0px 8px 0;
		}

ul#navigationList .navSpacer {
	height: 40px;
	}

/* li.sub1 a {
background: url(../icons/sub_link.gif) no-repeat 20px 50%;
} */

ul#navigationList li a { /* fixes IE 6 */
height: 1%; 
}

.navCatnolink {
	font-size: 12px;
	color: #666;
	padding: 4px 0px 8px 17px;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
}

	#image_right_box {
background-color:#f8f8cc;
float:right;
margin:6px 0 6px 10px;
padding-bottom:6px;
text-align:center;
}
	

/* NAVIGATION MENUS & SUBMENUS (1-15) 
   This lets you add classes A1-A15 to the 
   navigationShow div to toggle the submenus
========================================================= */

/* first you turn off all the nested child lists 
--------------------------------------------------------- */
ul#navigationList li.menu01 ul,
ul#navigationList li.menu02 ul,
ul#navigationList li.menu03 ul,
ul#navigationList li.menu04 ul,
ul#navigationList li.menu05 ul,
ul#navigationList li.menu06 ul,
ul#navigationList li.menu07 ul,
ul#navigationList li.menu08 ul,
ul#navigationList li.menu09 ul,
ul#navigationList li.menu10 ul,
ul#navigationList li.menu11 ul,
ul#navigationList li.menu12 ul,
ul#navigationList li.menu13 ul,
ul#navigationList li.menu14 ul,
ul#navigationList li.menu15 ul,
ul#navigationList li.menu16 ul,
ul#navigationList li.menu17 ul,
ul#navigationList li.menu18 ul,
ul#navigationList li.menu19 ul {
display: none;
}

/* then you turn on a particlar child list
   by adding a class to the navigationShow div
--------------------------------------------------------- */
#navigationShow.A01 li.menu01 ul,
#navigationShow.A02 li.menu02 ul,
#navigationShow.A03 li.menu03 ul,
#navigationShow.A04 li.menu04 ul,
#navigationShow.A05 li.menu05 ul,
#navigationShow.A06 li.menu06 ul,
#navigationShow.A07 li.menu07 ul,
#navigationShow.A08 li.menu08 ul,
#navigationShow.A09 li.menu09 ul,
#navigationShow.A10 li.menu10 ul,
#navigationShow.A11 li.menu11 ul,
#navigationShow.A12 li.menu12 ul,
#navigationShow.A13 li.menu13 ul,
#navigationShow.A14 li.menu14 ul,
#navigationShow.A15 li.menu15 ul,
#navigationShow.A16 li.menu16 ul,
#navigationShow.A17 li.menu17 ul,
#navigationShow.A18 li.menu18 ul,
#navigationShow.A19 li.menu19 ul { 
display: block; 
}

/* then you style the particular parent and child list
--------------------------------------------------------- */
#navigationShow.A01 li.menu01,
#navigationShow.A02 li.menu02,
#navigationShow.A03 li.menu03,
#navigationShow.A04 li.menu04,
#navigationShow.A05 li.menu05,
#navigationShow.A06 li.menu06,
#navigationShow.A07 li.menu07,
#navigationShow.A08 li.menu08,
#navigationShow.A09 li.menu09,
#navigationShow.A10 li.menu10,
#navigationShow.A11 li.menu11,
#navigationShow.A12 li.menu12,
#navigationShow.A13 li.menu13,
#navigationShow.A14 li.menu14,
#navigationShow.A15 li.menu15,
#navigationShow.A16 li.menu16,
#navigationShow.A17 li.menu17,
#navigationShow.A18 li.menu18,
#navigationShow.A19 li.menu19 {
	background-color: #f5f5f5;
	border-top: 1px solid #e4e4e7;
	border-bottom: 1px solid #e4e4e7;
	padding-bottom: 4px;
	margin: 0px 0;
}



/* ====================================================== */
/* ====================================================== */
/* ====================================================== */

div.scroll {
	height: 110px;
	width: 125px;
	overflow-y: scroll;
	border: 1px solid #082d61;
	padding: 5px 8px 5px 8px;
	background-color: #FFF;
	margin: 3px 0 0 0;
}

#city-block {
	margin: 18px 0 10px 5px;
	font-size: 11px;
	line-height: 13px;
}
