/* hullphotographic.com */


.style1 {color: #333333}
.style3 {
	color: #404A53;
	font-weight: bold;
}
.style4 {color: #404A53}
.style5 {color: #000000}


.style1 {
	color: #8397AA;
	font-style: italic;
}
.style2 {
	color: #666666;
	font-style: italic;
}

.style6 {font-size: 10px}
.style7 {color: #FFFFFF}

body li, body p, body td {
	font-size: 11px;
}

body li {
	padding: 0;
}

html body {
	background: url("img/page_background.jpg") repeat-x #9FA9B3;
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 770px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #454545;
	text-align: center;
}

/* Overrides */
body li, body p, body td {
	font-size: 11px;
}

body li {
	padding: 0;
}
/* END Overrides */

img {
	border: 0;
}

a {
	color: #666666;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

a:hover {
	color: #000000;
	text-decoration: none;
	font-size: inherit;
	font-family: inherit;
}

#page-border {
	width: 770px;
	margin: 0 auto;
	background-color: #fff;
}

#page {
	width: 768px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid white;
	border-bottom: none;
	text-align: left;
	background: white;
}

#page-border > #page {
	width: 768px; /* 768px -21 -21 */
	min-width: 768px;
}

#sites {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	position: relative;
	z-index: 7;
	height: 32px;
	width: 768px;
	margin: 0 auto;
	padding: 0;
}

#sites .active {
	font-weight: bold;
	font-size: 11px;
}

ul#sites > li {
	background-image: none;
}

ul#sites > li + li {
	background: url("img/separator_sites_list.gif") no-repeat 0 3px;
}

#sites li {
	background: url("img/separator_sites_list.gif") no-repeat 0 3px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 16px;
}

#sites li.active a {
	margin-top: 0px;
}

#sites li a {
	color: white;
	margin-top: 1px;
	display: block;
}

#sites li a:hover {
	color: #000000;
}

#sites img.expand {
	padding-left: 3px;
	top: -1px;
	position: relative;
}

#site-tools img.expand {
	padding-left: 2px;
	top: -2px;
	position: relative;
}

#sites li ul, #site-tools li ul {
	display: none;
	position: absolute;
	z-index: 5;
	background-color: #5B6065;
	border: 1px solid #C1BFBF;
	padding: 0 0px 10px;
	margin: -1px 0 0 -10px;
}


#sites li ul, #sites li li {
	width: 145px;
}

#sites #vmtn ul, #sites #vmtn li {
	width: 165px;
}

#sites #global ul, #sites #global li {
	width: 84px;
}

#site-tools li ul, #site-tools li li {
	width: 120px;
}

#site-tools li ul {
	height: auto;
	margin: -1px 0 0 0;
}

#sites li li, #site-tools li li {
	background-image: none;
	text-align: left;
	padding: 0;
	margin: 4px 0;
	height: auto;
}
#sites li.expand:hover, #sites li.over {
	margin: 5px 7px -1px -10px;
	padding-right: 0px;
	background-image: none;
	border-left: 1px solid #C1BFBF;
}

#site-tools li.expand:hover, #site-tools li.over {
	margin: 4px 0 0 -10px;
	padding: 0 8px 0 0;
	background-image: none;
}

#site-tools li.over {
	left: -10px; /* Needed to be done this way (rather than margin-left) due to IE 5.5 bug */
	margin: 4px -10px 0 0;
}

#sites li.expand:hover a, 
#sites li.over a, 
#site-tools li.expand:hover a, 
#site-tools li.over a {
	position: relative;
	z-index: 6;
	display: block;
	color: #EAB719;
	background: #5B6065;
	border: 1px solid #C1BFBF;
	border-bottom: 1px solid #5B6065;
	padding: 4px 8px 4px 9px;
	margin: -1px 0 0 -10px;
}

#site-tools li.expand:hover a, 
#site-tools li.over a {
	padding-right: 7px;
	margin-left: 0;
}

#sites li.expand:hover li a, 
#sites li.over li a, 
#site-tools li.expand:hover li a, 
#site-tools li.over li a {
	position: relative;
	z-index: 8;
	display: block;
	color: white;
	text-transform: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	height: auto;
	border: none;
	padding: 4px 10px;
	margin: -4px 0 -2px;
}

#sites li.expand li a:hover, 
#site-tools li.expand li a:hover {
	background-color: #383F45;
	color: white;
}

#sites li.expand:hover ul, 
#sites li.over ul, 
#site-tools li.expand:hover ul, 
#site-tools li.over ul {
	display: block;
}

#sites li.expand:hover + li, 
#site-tools li.expand:hover + li {
	background-image: none;
}

#sites li.over, 
#site-tools li.over {
	position: relative;
	z-index: 2;
}

#site-tools li .hover {
	display: none;
}

#site-tools li:hover .expand, 
#site-tools li.over .expand {
	display: none;
}

#site-tools li:hover img.hover, 
#site-tools li.over img.hover {
	display: inline;
}

#top-of-page {
	height: 116px;
	width: 100%;
	margin: 0;
	background: url("img/logo_background.gif") repeat-x white;
}

#top-of-page img.icon {
	margin: auto 2px -2px auto;
}

#logo {
	float: left;
	height: 77px;
	width: 49%;
	font-size: 0px;
	background: url("img/corner_page_ul.gif") no-repeat;
	position: relative;
	top: -1px;
	left: -1px;
}

#logo * {
	margin-left: 12px;
	margin-top: 11px;
}

#banner {
	float: left;
	height: 77px;
	width: 99%;
	font-size: 0px;
	background: url("img/corner_page_ul.gif") no-repeat;
	position: relative;
	top: -1px;
	left: -1px;
}

#banner * {
	margin-left: 12px;
	margin-top: 1px;
}

#banner-right {
	float: right;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 1%;
	background: url("img/corner_page_ur.gif") no-repeat top right;
	position: relative;
	top: -1px;
	right: -1px;
	z-index: 7;
}

#landing-content {
	margin: 0 -21px 12px 18px;
	height: 203px;
	width: 540px;
	font: 10pt/125% arial, microsoft sans-serif, nimbus sans l, sans-serif;	
}

#landing-content p, #landing-content li, #landing-content td {
	font: 10pt/125% arial, microsoft sans-serif, nimbus sans l, sans-serif;	
}

#site-tools {
	float: right;
	margin: 0;
	padding: 0;
	height: 30px;
	width: 50%;
	background: url("img/corner_page_ur.gif") no-repeat top right;
	position: relative;
	top: -1px;
	right: -1px;
	z-index: 7;
}

#site-tools ul {
 float: right; padding: 0 21px 0 0; margin: 0 -16px 0 0;
 height: 30px; width: auto; white-space: nowrap;
 display: table; /* Opera fix */
}

#site-tools ul > li {
	background: none;
} /* Remove separator from first item in standards compliant browsers */

#site-tools li + li {
	background: url("img/separator_site_tools.gif") no-repeat 0 3px;
} /* Insert separator on all but first element */

#site-tools li {
	color: #5A5F65;
	background: url("img/separator_site_tools.gif") no-repeat 0px 3px;
	display: block;
	float: left;
	margin-top: 8px;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 16px;
	font-size: 11px;
}

#site-tools li a {
	color: #53606D;
}

#site-tools li a:hover {
	color: #000000;
}

#site-tools li li a {
	color: white;
}

#site-tools li li a:hover {
	color: white;
}



/* Primary Navigation */
#primary-navigation {
	clear: left;
	background: url("img/primary_navigation_background.gif") repeat-x #53606D;
	margin: 0 21px;
	height: 28px;
	padding: 0px;
	position: relative;
	text-align: left;
	z-index: 1;
}

#primary-navigation ul {
	margin: 0;
	padding: 0;
}

#primary-navigation li {
	float: left;
	display: block;
	padding: 5px 13px 5px 13px;
	border-left: 1px solid #B7CDE1;
	height: 18px;
	position: relative;
	z-index: 5;
}

#primary-navigation li.edge {
	padding: 5px 15px 5px 15px;
}

#primary-navigation li a {
	font-family: arial narrow, franklin gothic medium cond,sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: white;
	text-transform: uppercase;
	height: 18px;
}

#primary-navigation li div, 
#primary-navigation li ul, 
#primary-navigation li li {
	width: 145px;
}

#primary-navigation li div {
	position: absolute;
	left: 0px;
	top: 28px;
	background: url("img/primary_navigation_corners_lower.gif") bottom no-repeat transparent;
	padding: 0 0 3px;
	margin: 0;
	display: none;
}

#primary-navigation li.edge div {
	left: auto;
	right: -1px;
	top: 28px;
}

#primary-navigation li.edge li {
	text-align: right;
}

#primary-navigation li ul {
	background: url("img/primary_navigation_dropdown_background.gif") repeat-x #707070;
	padding: 0 0 14px;
	margin: 0;
	display: table; /* Mozilla, Opera background fix *//* Mozilla, Opera background fix */
}

#primary-navigation li li {
	display: block;
	float: left;
	padding: 0;
	margin: 10px 0px -10px;
	border-left: none;
	height: 30px;
}

#primary-navigation li li a {
	display: block;
	padding: 6px 15px 3px;
	margin: 0px 0px;
	text-transform: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#primary-navigation li li a img {
	vertical-align: middle;
}

#primary-navigation li li:hover {
	background: none transparent;
}

#primary-navigation a:hover {
	text-decoration: none;
}

#primary-navigation li li a:hover {
	text-decoration: none;
	background: #53606d;
}

#primary-navigation li:hover div, #primary-navigation li.over div {
	display: block;
}

#primary-navigation li:hover, 
#primary-navigation li.over, 
#primary-navigation li.active {
	background: url("img/primary_navigation_background_active.gif") repeat-x #53606d;
}

/* Code for removing the primary navigation */
.nonav #top-of-page {
	height: 77px;
}

.nonav #content {
	background: url("img/background_no_nav.gif") no-repeat white;
}
/* END Primary Navigation */

#callout {
	margin: 0px 0px -10px -1px;
	width: 768px; /* Required for IE 5.5 */
	position: relative;
}

#callout div.inner {
	margin-right: -2px;
	padding: 0 15px;
	height: 10px;
	position: relative;
}

#top_news {
	width: 470px; /* height: 180px; */
/* 163px not counting tabs */
	float: left;
	margin-right: 30px;
	margin-top: 5px; /* Margin top needed here (rather than parent container) due to IE issues with link mouseover *//* Margin top needed here (rather than parent container) due to IE issues with link mouseover */
}

#highlights {
	width: 242px;
	height: 180px; /* 163px not counting tabs */
	float: left;
	margin-right: 15px;
	margin-top: 26px;
}

#customer_spotlight {
	width: 220px;
	float: left;
	margin-top: 22px;
}

div.calloutx_content {
	margin: 3px 0 0 0;
	padding: 13px 16px;
	border-top: 1px solid #CACAC9;
	border-bottom: 1px solid #CACAC9;
	background: url("img/home_customer_background.gif") repeat-x #EFEFEF;
}

div.callout_content {
	margin: 25px 0 0 0;
	padding: 13px 16px;
	border-top: 1px solid #CACAC9;
	border-bottom: 1px solid #CACAC9;
	background: url("img/home_customer_background.gif") repeat-x #EFEFEF;
}

div.callout_content blockquote {
	margin: 0;
}

div.callout_content blockquote p {
	margin: 12px 0 0;
}

div.callout_content blockquote cite {
	display: block;
	margin: 6px 0;
	color: #84848B;
	text-align: right;
}

div.callout_content p {
	margin: 22px 0 0px;
}

div.callout_content a.citation {
	color: #649CC6;
	font-weight: bold;
	text-decoration: underline;
}

div.callout_content a.citation:hover {
	color: #EAB719;
	text-decoration: underline;
}

div.callout_content .header {
	margin: 0 0 12px;
}

div.callout_content .logo {
	margin-right: -5px;
}

div.callout_content .logo img {
	margin: 0 5px 0 0px;
}

ul.callout_content {
	padding: 0;
	list-style-type: none;
	margin: 8px 0 0 0;
}

ul.callout_content li {
	display: block;
	width: 100%;
	margin: -1px 0;
	padding: 8px 0;
	border-top: 1px solid #CACAC9;
	border-bottom: 1px solid #CACAC9;
}

#top_news ul.callout_content a.news {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	color: #659BC8;
}

#top_news ul.callout_content a.news:hover {
	display: block;
	width: 100%;
	padding: 8px 0;
	margin: -8px 0;
	background: #EFF7FF;
}

a.callout_more {
	background: #848C93;
	height: 17px;
	display: inline-block;
}

a.callout_more:hover {
	background: #EAB719;
	height: 17px;
	display: inline-block;
}

#highlights ul.callout_content h4 {
	/*font-size: 11px;  (goatboy)*/
	font-size: 12px;
	font-weight: bold;
	color: #6B94D6;
	margin: 0;
}

#highlights ul.callout_content blockquote {
	margin: 0;
}

#highlights ul.callout_content p {
	margin: 0;
}

#top_news ul.callout_content a.news p.date {
	margin: 0;
	padding: 0;
	color: #A9AAAA;
}

#top_news ul.callout_content a.news p.link {
	margin: 0;
	padding: 0;
}

/* Footer */
#footer {
	clear: both;
	height: 66px;
	width: 100%;
	margin: 10px 0 0;
	font-size: 10px;
	color: #A9AAAA;
	background: url("img/background_footer.gif") repeat-x;
}

#footer-corner {
	background: url("img/corner_footer_ll.gif") no-repeat bottom left;
	position: relative;
	margin: -11px -1px 0;
	height: 11px;
	width: 100%;
}

#footer-corner div {
	background: url("img/corner_footer_lr.gif") no-repeat bottom right transparent;
	height: 11px;
	position: relative;
	right: -2px;
}

#footer div.inner {
	/* This is required for IE 5.5 */
	padding: 30px 16px 36px;
	background: url("img/corner_footer_lr.gif") no-repeat bottom right;
}

#footer p {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	font-size: 10px;
}

#footer ul {
	float: left;
	margin: 0;
	padding: 0 0 0 12px;
}

#footer ul > li {
	background: none;
} /* Remove separator from first item in standards compliant browsers */

#footer li + li {
	background: url("img/separator_footer.gif") no-repeat 0 3px;
} /* Insert separator on all but first element */

#footer li {
	color: #53606D;
	background: url("img/separator_footer.gif") no-repeat 0px 3px;
	display: block;
	float: left;
	margin-left: -9px;
	padding-left: 9px;
	padding-right: 16px;
	font-size: 10px;
}

#footer a {
	color: #A9AAAA;
}

#footer a:hover {
	color: #000000;
}

#footer a.rssfeed {
	float: right;
}


#content-wrapper {
	margin: 0 21px;
	\margin: 0px; /* IE 5 but not 6 */
	marg\in: 0 21px; /* IE 6 but not 5. Also Opera and Mozilla */
	display: table;
	width: 530px;
}

#content-wrapperx {
	margin: 0 6px 0 21px;
	_margin: 0 6px 0 21px;
	\margin: 0px; /* IE 5 but not 6 */
	marg\in: 0 21px; /* IE 6 but not 5. Also Opera and Mozilla */
	display: table;
	width: 725px;
}


#content {
	width: 530px;
	text-align: left;
	float: left;
}

#content p, #content li, #content td {
	font-size: 10pt;
}
	.upper-corners, .lower-corners {
	background: url("img/corner_white_ul.gif") no-repeat top left transparent;
	height: 6px;
	width: auto;
	position: relative; /* Needs to be relative instead of absolute for mozilla */
	z-index: 2;
	margin: -1px 0 0 -1px;
}

.upper-corners *, .lower-corners * {
	background: url("img/corner_white_ur.gif") no-repeat top right transparent;
	height: 6px;
	width: auto;
	position: relative;
	right: -1px;
}

.lower-corners {
	background-image: url("img/corner_white_ll.gif");
	margin: 0 0 -1px -1px;
	clear: both;
}

.lower-corners * {
	background-image: url("img/corner_white_lr.gif");
}
	
	/* Style */
#content a {
	color: #003366;
}

#content a:hover {
	color: #666666;
}

#content p {
	margin: 4px 0 18px;
}

h1 {
	font-size: 15px; /* Used in div.login */
	color: #1C4760;
}

h3, span.h3 {
	/* font-size: 12px; (goatboy) */
	font-size: 13px;
	color: #454545;
	margin: 10px 0 0;
}

h4 {
	/* font-size: 11px; (goatboy) */
	font-size: 12px;
	margin: 10px 0 4px;
}

h5 {
	/* font-size: 11px; (goatboy) */
	font-size: 12px;
	color: #454545;
	font-weight: normal;
	margin: 0;
}

hr {
	clear: left;
	height: 1px;
	border: none;
	border-top: 1px solid #C4CED4;
	margin: 8px 0 12px;
}

	/* strong { color: #030303; } */

#content ul {
	list-style: square url("img/bullet_regular.gif");
	margin: 0 0 20px 12px;
	padding: 0;
}

#content li {
	margin-bottom: 4px;
}

#content ol, #content ol li {
	list-style-image: none;
}


	.banner {
	/*margin: 0 21px 5px 21px;*/
	margin: 0 20px 5px 21px;
}

	div.mininav {
	margin-bottom: 10px;
}

/* Secondary Nav */
#secondary_navigation-wrapper {
	/* Implemented this way for IE 5.5 */
	margin-top: 2px;
	left: -10px;
	float: right;
	padding-left: 13px;
	top: -5px;
	width: 165px;
	/* disable max-height to fix sidenav overrun in mozilla FEB-21-06 */
	/* from original vendor source css */
	/*max-height: 1px; /* Height specified due to mozilla issue where whitespace of nav's height was inserted after content */
}

#secondary_navigation, .secondary_navigation {
	text-align: left;
	font-size: 11px;
	margin: 0 11px 0 -13px;
	padding: 0 1px 61px;
	background: url("img/secondary_navigation_background.gif") bottom no-repeat transparent;
	width: 165px;
	right: 0px;
	position: static;
	\position: absolute;
	posit\ion: static;
}

#secondary_navigation .section {
	margin-top: 5px;
}

#secondary_navigation h4 {
 background-color: #2365A4;
 border-top: 1px solid white;
 margin: 0; top:-1px;
 padding: 5px 6px 4px 10px;
 position: relative;
 color: white;
 text-transform: uppercase;
 font-size: 11px;
}

#secondary_navigation img.expand {
	padding-left: 3px;
	top: -2px;
	position: relative;
}

#secondary_navigation .inner, 
#content .secondary_navigation .inner {
	background-color: #BFD9EB;
	list-style-type: none;
	list-style-image: none;
	margin: -6px -2px -6px 0px;
	position: relative;
	left: -1px;
}

#secondary_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 3px 11px 6px;
}

#secondary_navigation li {
	margin: 4px 0 10px;
}

#secondary_navigation .resources li {
	margin: 4px 0 5px;
}

#secondary_navigation a, 
#content .secondary_navigation a {
	color: #363D44;
}

#secondary_navigation a:hover, 
#content .secondary_navigation a:hover {
	color: #000000;
}

#secondary_navigation a.active {
	font-weight: bold;
}

#features .inner {
	background-color: white;
}

#features ul {
	margin-bottom: 2px;
	padding: 3px 0 6px;
}

#features a {
	color: #57687A;
}

#features h4 {
	background-color: #8397AA;
	margin-top: -2px;
}

#features li {
	font-size: 10px;
	padding-left: 11px;
	padding-right: 11px;
}

#secondary_navigation .more {
	position: absolute;
	right: 7px;
	top: 10px;
}

#secondary_navigation h4 > .more {
	top: 9px;
}

#features .a, #features .events {
	background-color: #C4CED4;
	margin-bottom: 3px;
}

#features .b, #features .documentation {
	background-color: #D4DBDF;
	padding: 0;
}

#features .c, #features .news {
	background-color: #E5EAED;
	padding: 0;
}

#features .b li, #features .c li, 
#features .documentation li, 
#features .news li {
	border-bottom: 1px solid white;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 20px;
}

#features .icon {
	position: absolute;
	right: 5px;
	margin-top: 5px;
}

#links ul {
        list-style-type: none;
        width: 200px;
	    margin: 0px;
	    padding: 0px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #1C4760;
        display: block;
        font: bold 100% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 200px;
}

#links li a:hover {
        background: #cccccc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 90% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #cccccc;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}