html, body { font-family: Helvetica, Arial, Sans-Serif; color: #353535; }

h1 { font-size: 24px; color: #17798f; }
h2 { font-size: 16px; color: #17798f; }
h3 { font-size: 13px; color: #17798f; }
h4 { font-size: 12px; color: #17798f; }
a { text-decoration: none; color: #195061; }
a:hover { text-decoration: underline; }
a:visited { }
sup { font-size: 8px }

.with-border { border: 1px #f0f0f0 solid; }

.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both }

.center { text-align: center; }
.footnote { font-size: 9px }

#main { width: 850px; margin: 0 auto; }

/**********************/
/* HEADER			  */
/**********************/
#header { height: 113px; background: url(../images/header.jpg) left top no-repeat; position: relative;}
#header a { text-indent: -9999px; overflow: hidden; display: block; position: absolute; }
#header .link-to-home { height: 100px; width: 300px; }
#header .client-login-link { width: 67px; height: 15px; right: 27px; top: 15px; }
#header .demo-link { width: 153px; height: 20px; right: 25px; top: 51px; }

/**********************/
/* NAV				  */
/**********************/
#nav { float: left; background: url(../images/nav-shadow.gif) left bottom repeat-x; padding-bottom: 7px;  margin-bottom: 5px;  }
#nav ul { width: 850px; float: left; background: url(../images/nav-bg.gif) left top repeat-x; }
#nav ul li { float: left; font-size: 14px; }
#nav ul li a 
{
	display: block; 
	font-family: Arial; 
	color: #FFF; 
	font-size: 14px; 
	padding: 3px 15px 4px 15px; 
	font-weight: bold;  
}
#nav ul li.main a { background: url(../images/nag-bg-blue.gif) left top repeat-x }
#nav ul li.main a:hover { background: #e7edc8; color: #087086; text-decoration: none; }

/**************************/
/* MAIN CONTENT	WRAPPERS  */
/**************************/
#content-wrapper { float: left; width: 100% }
#content-wrapper .homepage { width: 850px; }
#content-wrapper .subpage { padding-left: 25px; }

/********************/
/* BREADCRUMBS		*/
/********************/
.breadcrumbs { padding: 5px 0; }
.breadcrumbs ul { list-style: none; }
.breadcrumbs li { display: inline; font-size: 12px; color: #808080; }
.breadcrumbs a { color: #4dc0e6; }

/**********************/
/* HOMEPAGE			  */
/**********************/
.homepage .romance { float: left; display: block; width: 557px; height: 389px; background: url(../images/homepage-romance.jpg) left top no-repeat; text-indent: -9999px; overflow: hidden; }
.homepage .rail { height: 389px; overflow: hidden; line-height: 1em; } /* restricts rail height on homepage to conform with design */
.homepage .features-container { clear: both; padding-left: 9px; font-size: 11px; }
.homepage .feature { float: left; padding: 17px 12px 12px 12px; height: 115px; overflow: hidden; width: 244px; margin-right: 11px; background: #f0f0e3 url(../images/homepage-feature-bg.jpg) left top repeat-x; line-height: 16px;}
.homepage .feature p { margin: 4px 0; }
.homepage .feature img { padding-bottom: 5px; } 
.homepage .feature h2 { padding-bottom: 5px; }
.homepage .feature h2 a { color: #17798f; } /* forces homepage feature box headers to be the lighter blue becuase it looks nice */
.homepage .feature h2 a:hover { text-decoration: none } 

/**********************/
/* SUBPAGE			  */
/**********************/
.subpage .content { float: left; width: 500px; }
.subpage h1 { margin: 5px 0; }
.subpage a.external-link { font-size: 12px; }
.subpage p { margin: 7px 0; font-size: 12px; line-height: 24px; color: #444444 }
.subpage .content p a { text-decoration: underline !important; } /* links within regular body copy underlined for emphasis*/
.subpage p sup { line-height: 5px; } /* prevents superscript from messing up line spacing */
.subpage ul.with-bullets { margin: 20px 0; list-style-type:disc; list-style-position:outside; font-size: 12px; padding-left: 20px; }
.subpage ul.with-bullets li { margin: 8px 0; }

/******************************/
/* CUSTOM SUBPAGE CLASSES	  */
/******************************/
.team-bios p { margin-bottom: 20px; clear: none !important;  min-height:175px; height: auto !important; height: 175px; }
.team-bios img { float: left; clear: left !important; position: relative; top: 4px; margin-right: 7px; border: 1px #f0f0f0 solid; height: 175px;}

.contact-details { font-size: 12px; margin: 7px 0;}
.contact-details li { padding: 0; }

form { margin: 10px 0; font-size: 12px; }
form fieldset { border: 0; }
form fieldset li { margin: 10px 0; }
form fieldset label { display: block; }
/******************************/
/* DOC LIBRARY STUFF		  */
/******************************/
.document-list { font-size: 12px; color: #444444}
.document-list tr { vertical-align: top; }
.document-list tr td { padding: 12px; background: url(../images/document-list-entry-bg.gif) left top repeat-x;}
.document-list tr.focus { margin-bottom: 10px; }
.document-list tr.focus td { border: 1px #AAA solid;}
.document-list tr.focus td h3 a { color: #17798f !important; }

.document-list h3 { padding-left: 18px; background: url(../images/gray-arrow.gif) left 5px no-repeat; } 
.document-list .description { width: 475px; float: left; margin: 4px 0; line-height: 16px; padding-left: 20px;  min-height: 35px; height: auto !important; height: 35px; }
.document-list .details { width: 120px; }
.document-list .details .file-size { padding-left: 5px; }
.document-list .details .button { float: right; }

/**********************/
/* buttons			  */
/**********************/
.button { display: block; text-indent: -9999px; overflow: hidden; background-position: left top; background-repeat: no-repeat; }
.button.download { width: 48px; height: 15px;  background-image: url(../images/download-button.gif) }
.button.external-link { width: 60px; height: 15px; background-image: url(../images/external-link-button.gif) }
.button.link { width: 60px; height: 15px; background-image: url(../images/link-button.gif) }
/**********************/
/* RAIL				  */
/**********************/
.rail { float: right; width: 270px; font-size: 11px; padding-right: 10px; color: #444444; }
.rail h1, .rail h2, .rail h3, .rail h4 { color: #195061 }
.rail h3 { clear: both; background: url(../images/rail-header-bg.gif) left top repeat-x; padding: 0 0 2px 4px; }
.rail ul { float: left;  padding-left: 12px; margin: 5px 0; }
.rail ul li { clear: both; line-height: 16px; margin-bottom: 3px; padding-left: 18px; background: url(../images/gray-arrow.gif) left 5px no-repeat; }
.rail ul li.with-custom-bg { position: relative; padding-left: 100px; height: 60px; clear: both; background-repeat: no-repeat; }
.rail ul li.with-custom-bg .img-link { position: absolute; left: 0; width: 85px; height: 50px; text-indent: -9999px; overflow: hidden; }
.rail ul li .more-link { float: right; color: #195061; font-weight: bold; }
.rail img { float: left; padding-top: 4px; padding-right: 4px; } /* for images within tout copy, i.e. sun logo on homepage */

/**********************/
/* FOOTER			  */
/**********************/
#footer { font-size: 11px; padding: 12px; margin-top: 14px; background-color: #e9e9e9 }
#footer ul { margin-bottom: 5px; }
#footer ul li { display: inline; padding-right: 14px; }
#footer ul li a { color: #333; }