/* -------------------------- <revisions> ---------------------------

Bayshore Solutions CSS Standard 

All non-general elements should be specified in their respective sections
and labeled appropriatly according to Design Standards Guide.

Latest Revisions: 
	- 8/01/08 :: JRH

-------------------------- </revisions> --------------------------- */

/***** Links *****/

a:link, a:visited
{
	text-decoration: none;
	color: #e66c1f;
}

a:hover, a:active
{
	text-decoration: none;
	color: #e66c1f;
	text-decoration: underline;

}


a:focus
{
	outline: none;
}

/***** Global Settings *****/

html, body
{
	border: 0;
	margin: 0;
	padding: 0;
}

body
{
	font: 11px Arial, Helvetica, sans-serif;
	color: #463b2b;
	background: #412E1F;
	background-image: url(/App_Themes/Apogee/Images/bg.jpg);
	background-position: top center;
}

h2
{
	font: 12px Arial, Helvetica, sans-serif;
	color: #e66c1f;
	font-weight: bold;
	text-transform: uppercase;
}

.textfield
{
	width: 145px;
	height: 23px;
	background-image: url(/App_Themes/Apogee/Images/textfield.gif);
	border: 0px;
	padding: 0px;
	font-size: 1.2em;

}

.gobtn
{
	vertical-align: bottom;
}


.container
{
	/*min-height hack*/
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 500px;
	height: 500px; /*Should have the same value as the min height above*/
	width: 930px;
	margin-left: auto;
	margin-right: auto;
}

/* Header Styles */

.header
{
}

.spacer
{
	height: 10px;
}

.logo
{
	margin-right: 5px;
}

.search
{
}

.upper_shadow
{
	height: 7px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_top.png);
	width: 930px;
}

/* Primary Nav */

.pri_nav
{
	display: inline;
	float: left;
	width: 920px;
	height: 28px;
}
.pri_nav a
{
	float: left;
}

.pri_nav_area
{
	width: 930px;
	height: 28px;
}

.left_shadow_2
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_right.png);
	background-repeat: repeat-y;
	background-position: top;
	height: 28px;
}


.right_shadow_2
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_left.png);
	background-repeat: repeat-y;
	background-position: top;
	height: 28px;
}

/* Primary Image Area */

.pri_image
{
	display: inline;
	width: 920px;
	float: left;
	padding: 0;
	height: 448px;
}

.pri_image_area
{
	width: 930px;
	height: 348px;
	float: left;
	padding:0;
}

.left_shadow_1
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_right.png);
	background-repeat: repeat-y;
	background-position: top;
	height: 448px;
}


.right_shadow_1
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_left.png);
	background-repeat: repeat-y;
	background-position: top;
	height: 448px;
}


/* Primary Content Area */

.pri_content
{
	width: 930px;
}

.left_shadow
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_right.png);
	background-repeat: repeat-y;
	background-position: top;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

.content_1
{
	float: left;
	display: inline;
	background-color: #ffffff;
	width: 920px;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 0px;
}

.divider_1
{
	float: left;
	display: inline;
	background-color: #ffffff;
	width: 1px;
	background-image: url(/App_Themes/Apogee/Images/divider.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

.content_2
{
	width: 304px;
	float: left;
	display: inline;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

.divider_2
{
	width: 1px;
	float: left;
	display: inline;
	background-color: #ffffff;
	background-image: url(/App_Themes/Apogee/Images/divider.gif);
	background-position: center center;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

.content_3
{
	width: 319px;
	float: left;
	display: inline;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

.right_shadow
{
	float: left;
	display: inline;
	width: 5px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_left.png);
	background-repeat: repeat-y;
	background-position: top;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
}

/* Secondary Content */

.sec_content_1
{
	width: 600px;
	float: left;
	display: inline;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
	vertical-align:top;
}

.sec_content_2
{
	width: 309px;
	float: left;
	display: inline;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	height: 145px; /*Should have the same value as the min height above*/
	padding-top: 10px;
	vertical-align:top;
}


/* Footer */

.footer
{
	width: 930px;
	line-height: 28px;
	color: #d7d0cd;
}

.footer_content
{
	height: 28px;
	width: 920px;
	float: left;
	display: inline;
	background-image: url(/App_Themes/Apogee/Images/footer_bg.jpg);
}

.lower_shadow
{
	height: 7px;
	background-image: url(/App_Themes/Apogee/Images/drop_shadow_bottom.png);
	width: 930px;
	display: block;
}
/*
.left_links {
color: #d7d0cd;
display:inline;
float: left;
text-align: left;
height: 28px;
line-height: 28px;
}

.right_links {
color: #d7d0cd;
display:inline;
float: right;
text-align: right;
height: 28px;
line-height: 28px;
}
*/
.footer_links
{
	color: #d7d0cd !important;
	text-decoration: none;
	padding: 0 1em 0 1em;
}

.footer_links a a:visited
{
	color: #d7d0cd !important;
	text-decoration: none;
}

.footer_links a a:visited
{
	color: #d7d0cd !important;
	text-decoration: none;
}

.spacedtext
{
	line-height: 20px;
}

.style1
{
	color: #E66C1F;
	font-weight: bold;
}


/***** Headings *****/

h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
}

/***** Common Formatting *****/

p
{
	margin: 0;
	padding: 0;
}

ul, ol
{
	padding: 0 0 20px 20px;
}

blockquote
{
	margin: 1.25em;
	padding: 1.25em 1.25em 0 1.25em;
}

small
{
	font-size: 0.85em;
}

img
{
	border: none;
}

table
{
	border: 0;
	margin: 0;
	padding: 0;
	border-style:none;
}
tr td {border-style:none;}


/***** Forms *****/

form
{
	margin: 0;
	padding: 0;
	display: inline;
}

input, select, textarea
{
	font: 1em Arial, Helvetica, sans-serif;
}

textarea
{
	width: 100%;
	line-height: 1.25;
}

label
{
	cursor: pointer;
}

/***** Wrapper *****/
.wrap
{
	width: 960px;
	margin: 0 auto;
}


/***** Global Classes *****/

.clear
{
	clear: both;
}
.float-left
{
	float: left;
}
.float-right
{
	float: right;
}

.text-left
{
	text-align: left;
}
.text-right
{
	text-align: right;
}
.text-center
{
	text-align: center;
}
.text-justify
{
	text-align: justify;
}

.bold
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.underline
{
	border-bottom: 1px solid;
}
.highlight
{
	background: #ffc;
}

.img-left
{
	float: left;
	margin: 4px 10px 4px 0;
}
.img-right
{
	float: right;
	margin: 4px 0 4px 10px;
}

.nopadding
{
	padding: 0;
}
.noindent
{
	margin-left: 0;
	padding-left: 0;
}
.nobullet
{
	list-style: none;
	list-style-image: none;
}
/*img, div { behavior: url(iepngfix.htc) }*/

.mainNavDropDown_item
{
	background-color: #D7D0CD;
	color: #000000;
	text-align: left;
	width: 175px;
	height: 16px;
}

.mainNavDropDown_item a:link, .mainNavDropDown_item a:visited, .mainNavDropDown_item a:hover, .mainNavDropDown_item a:active
{
	font: normal 10px Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	color: #6f6f6b;
	cursor: hand;
	padding-left: 8px;
	background: none;
}

.mainNavDropDown_item_hover
{
background-color: #D7D0CD; /*url(/App_Themes/Apogee/Images/bg_dropdown.png)top left repeat-y;*/
text-align:left;
width:175px;
height:16px;
}


.mainNavDropDown_item_hover a:link, .mainNavDropDown_item_hover a:visited, .mainNavDropDown_item_hover a:hover, .mainNavDropDown_item_hover a:active
{
	font: normal 10px Arial, Helvetica, sans-serif !important;
	text-decoration: none;
	color: #000;
	cursor: hand;
	padding-left: 8px;
	background: none;
}
/*Sub page classes */
.subpage_main
{
	min-height:200px;
	background-color:White;
	border-left:6px;
	border-left-style:none;
}


.subnav
{
	line-height: 16px;
	width: 142px;
}

.subnav a:link, .subnav a:visited
{
	background: url(/App_Themes/Apogee/Images/arrow_subnav.gif) right 3px no-repeat;
	font: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	text-decoration: none;
	margin: 0;
	padding: 0 8px 0 0;
}

.subnav a:hover, .subnav a:active
{
	background: url(/App_Themes/Apogee/Images/arrow_subnav.gif) right 3px no-repeat;
	font: Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	text-decoration: underline;
	margin: 0;
	padding: 0 8px 0 0;
}
.tertiaryNavOn
{
	padding-left: 15px;
}
.testBoxOn
{
	padding-left: 15px;
}
.quicklinks_sub
{
	padding: 15px 19px 28px 0;
	font-size: 11px;
}

.quicklinks_sub h1
{
	color: #808080;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	padding-bottom: 14px;
	letter-spacing: 1px;
	font-size: 14px;
}

.quicklinks_sub img
{
	padding: 0 10px 16px 0;
}


.content_sub_left
{
	width: 152px;
	vertical-align: top;
	padding: 0 15px 0 15px;
	float: left;
	display: inline;
	float: left;
	padding-top: 10px;
	height: auto !important;
	background-color: #ffffff;
}
.sec_sub_content_1
{
	width: 172px;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	vertical-align:top;
}

.sec_sub_content_2
{
	width: 700px;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	
}
.sec_sub_content_middle
{
	width: 515px;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	
}
.sec_sub_content_right
{
	width: 185px;
	background-color: #ffffff;
	height: auto !important; /*all browsers except ie6 will respect the !important flag*/
	min-height: 145px;
	
}
.content_sub_right
{
	width: 700px;
	vertical-align: top;
	padding: 10px 65px 0 22px;
	background-color: #FFFFFF;
	display: inline;
	float:right;
	height: auto !important;

}