@import "twitter.css";
@import "calicon.css";
@import "sharing.css";

/* 
 * TEMPLATE
 * ===============================
 */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	color: #797C7F;
}

a, a:link, a:visited {
	font-weight: bold;
	/*color: #949494;*/
	color: #3b3b3b;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #797C7F;
	text-decoration: underline;
}

/*
 * BODY
 * ===============================
 */

div.nav {
	font-size: 1.6em;
	color: #989898;
	text-align: right;
	vertical-align: middle;
	line-height: 81px;
}

div.nav a, div.nav a:link, div.nav a:visited {
	font-weight: normal;
	/*color: #989898;*/
	color: #ffffff;
	text-transform: lowercase;
	padding: 0px;
	margin-right: 20px;
}

div.nav a:hover, div.nav a:visited:hover {
	color: #FFFFFF;
}

#footer {
	color: #3F5666;
}

#footer div.sharing p {
	float: left;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

#footer a, #footer a:link, #footer a:visited {
	margin-right: 15px;
	color: #3F5666;
	font-weight: normal;
	text-decoration: none;
}

#footer a:hover, #footer a:visited:hover {
	text-decoration: underline;
}

/*
 * PAGE
 * ===============================
 */

#pageheader div.address h2, #pageheader div.address2 h2 {
	font-weight: bold;
	font-size: 1em;
	margin: 0px;
}

#pageheader div.address p, #pageheader div.address2 p {
	font-weight: normal;
	margin: 4px 0px 0px 0px;
}

#pageheader div.content h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #f2f2f2;
	line-height: 86px;
	vertical-align: middle;
	margin: 0px;
	text-align: right;
}

#pageheader div.content_block a {
	font-size: 0.85em;
	color: #dddddd;
}
/* PAGE SIDEBAR */

#sidebar div.copy {
	padding-left: 20px;
}

#sidebar p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-right: 7px;
}

#sidebar b {
	font-weight: bold;
	color: #797C7F;
}

#sidebar h2 {
	margin: 0px;
	padding-top: 10px;
	line-height: 31px;
	vertical-align: top;
	font-size: 1.8em;
	font-weight: normal;
	color: #3B3B3B;
	background: url(../_images/template/sidebar_h2_back.gif) no-repeat bottom right;
}

#sidebar h3 {
	margin: 0px;
	padding-top: 8px;
	line-height: 21px;
	vertical-align: top;
	font-weight: bold;
	color: #797C7F;
	border-bottom: 1px solid #EFEFEF;
	font-size: 1em;
}

#sidebar a, #sidebar a:link, #sidebar a:visited {
	font-weight: normal;
	font-style: italic;
	/*color: #949494;*/
	color: #3b3b3b;
}

#sidebar a:hover, #sidebar a:visited:hover {
	color: #797C7F;
}

/* PAGE COPY */

#copy h1 {
	font-weight: normal;
	font-size: 1.8em;
	border-bottom: 1px solid #e2e7ed;
	color: #6d8f3a;
}

#copy h2 {
	background-color: #366180;
	border: 1px solid #3f5666;
	color: #FFFFFF;
	text-indent: 9px;
	font-size: 1em;
	line-height: 2em;
	vertical-align: middle;
}

#copy img {
	border: 1px solid #818181;
	padding: 5px;
	float: right;
	margin: 5px 0px 5px 15px;
}

#copy img.unframed {
	border: 0px !important;
}

#copy img.alternate {
	float: left !important;
	margin: 5px 15px 5px 0px;
}

#copy img.clear {
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
	float: left;
}

#copy img.screenshot {
	display: block !important;
	border: none !important;
	float: none !important;
	margin: 5px auto !important;
}

#copy p img {
	display: block;
	float: none !important;
	margin: 15px auto !important;
}

#copy div.series {
	background: #E2E7ED;
	border: 1px solid #818181;
	padding: 15px;
	float: right;
	margin: 0px 0px 5px 15px;
}

#copy div.series a {
	color: #777777 !important;
	font-size: 0.8em !important;
}

#copy div.series h2 {
	font-size: 1.1em;
	background: none !important;
	border: 0px !important;
	border-bottom: 1px solid #818181 !important;
	color: #797C7F !important;
	padding-top: 0px;
	padding-right: 9px;
	margin-top: 0px;
	
}

/* Note: we don't want links in columns (eg, home page) underlined unless hover,
 * but ordinary copy (eg, inline paragraphs) should have underlined links to differentiate
 */
#copy div.column a, #copy div.column a:visited {
	text-decoration: none !important;
}
#copy div.column a:hover, #copy div.column a:visited:hover {
	text-decoration: underline !important;
}
#copy p a, #copy p a:link, #copy p a:visited {
	padding: 0 2px !important;
	/*color: #B4B4B4;*/
	color: #3b3b3b;
	font-weight: bold;
	text-decoration: underline;
}
#copy a:hover, #copy a:visited:hover {
	color: #797C7F;
	text-decoration: underline;
	background-color: #e2e7ed;
	color: #444444 !important;
}


#copy a.padded, #copy a.padded:link, #copy a.padded:visited {
	margin-left: 20px;
}

#copy div.column h3 {
	font-weight: bold;
	color: #29394c;
	font-size: 1.45em;
	padding: 0px;
	margin: 0px;
	text-transform: lowercase;
	background: url(../_images/template/inline_h3_back.jpg) no-repeat bottom left;
	line-height: 1.9em;
	vertical-align: middle;
}

#copy div.column .column_summary {
	border-top: 1px solid #bcbcbc;
	background: url(../_images/template/sidebar_h2_back.gif) no-repeat right bottom;
}

#copy p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0.85em;
	margin-bottom: 0.85em;
}

#copy p.small {
	font-size: 1em;
	line-height: 1.2em;
}

#copy p.tight {
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 0px !important;
	margin: 0px !important;
}

#copy p.tight_last {
	margin-bottom: 0.85em;
}

#copy ul, #copy ol {
	line-height: 1.5em;
	font-size: 1.2em;
	font-style: italic;
}

#copy ol ul, #copy ul ol {
	/* don't allow nested lists to amplify font size */
	font-size: 1em !important;
}


/*
 * SPECIAL CONTENT
 * ===============================
 */

/* MESSAGES */
div.message {
	float: left;
	clear: both;
	min-height: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #e2e7ed; /*#F8F8F8;*/
	border: 1px solid #336699;
	font-weight: bold;
	color: #444444;
	padding: 5px;
	vertical-align: middle;
}
div.message p {
	vertical-align: middle;
	text-align: center;
}

div.message_wait {
	background-image: url("../_images/template/loader02.gif");
	background-repeat: no-repeat;
	background-position: 10px 50%;
}
div.message_wait p {
	text-align: left;
	text-indent: 31px;
}

/* INLINE FILETYPE LINKS */
/* Note: Using $= will identify links ending with ___.
 *       Using ^= identifies links beginning with ___.
 */
#copy a[href$='.pdf'], #copy p a[href$='.pdf'] {
	padding-left: 20px !important;
	background-image: url("../_images/filetypes_sprite.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
}
#copy a[href$='.doc'], #copy p a[href$='.doc'] {
	padding-left: 20px !important;
	background-image: url("../_images/filetypes_sprite.gif");
	background-position: 0 -16px;
	background-repeat: no-repeat;
}
#copy a[href$='.xls'], #copy p a[href$='.xls'] {
	padding-left: 20px !important;
	background-image: url("../_images/filetypes_sprite.gif");
	background-position: 0 -32px;
	background-repeat: no-repeat;
}
#copy a[href$='.zip'], #copy p a[href$='.zip'] {
	padding-left: 20px !important;
	background-image: url("../_images/filetypes_sprite.gif");
	background-position: 0 -48px;
	background-repeat: no-repeat;
}

/* OTHER INLINE LINKS */
#copy a[href^='http://'], #copy p a[href^='http://'] {
	display: inline-block;
	padding-right: 13px !important;
	background-image: url("../_images/external_link.gif");
	background-position: right;
	background-repeat: no-repeat;
}