/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

.right	{ float: right; }
.left	{ float: left; }
.power	{ margin-right: 2em; }

.orange	{ color: #fcb03b; }
.brown	{ color: #9a8676; }
.green	{ color: #c1d72e; }
.pink	{ color: #ed1b7b; }
.blue	{ color: #25aae1; }

ul.power	{ margin: 3em 0px; }

/*  Typography 
--------------------------  */

body 	{ font-family: arial,helvetica; color: #000; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0px; text-align: center; }

h1 	{ font-size: 0.9em; font-weight: normal; text-transform: uppercase; padding: 0.5em 0.75em; margin-bottom: 0.5em; }
h2 	{ font-size: 0.85em; text-transform: uppercase; margin-top: 0px; }
h3 	{ font-size: 0.8em; margin-bottom: 0px; }
h4	{ font-size: 0.75em; margin-bottom: 0px; }
h5	{ font-size: 0.75em; margin-bottom: 0px; }
h6	{ font-size: 0.75em; margin-bottom: 0px; }
h7	{ font-size: 0.75em; margin-bottom: 0px; }

legend	{ font-size: 0.75em; }
label	{ font-size: 0.75em; width: 15em; display: block; float: left; margin-bottom: 0.25em; }

dd	{ font-size: 0.75em; }
dt	{ font-size: 0.75em; }

td	{ font-size: 0.75em; }

p	{ font-size: 0.75em; margin-top: 0px; }

li	{ font-size: 0.75em; }
li li	{ font-size: 1em; }

a 			{ text-decoration: underline; }
a:hover		{ text-decoration: none; }
a img		{ border: 0px; }

blockquote	{ margin: 0px; padding: 0px; }
blockquote p	{ padding: 0px; }

textarea	{ font-family: arial,helvetica; font-size: 0.75em; }
select		{ font-family: arial,helvetica; font-size: 0.75em; }
input		{ font-family: arial,helvetica; font-size: 0.75em;  width: 25em; margin-bottom: 0.25em; }

img.top	{ margin-bottom: 1em; }
img.border		{ border: 0px; }

/*  Template 
--------------------------  */

div.inner	{ width: 58em; border: 0px; text-align: left; padding: 0px; margin: 0px auto; }

/* header bar */
div#header	{ padding: 1em; }
div#header img	{ float: left; width: 15.6em; margin-right: 4.5em; }

/* header links */
div#header ul	{ list-style-type: none; float: left; width: 34em; margin: 0.25em 0px; }
div#header ul li	{ float: left; margin: 0.25em 0.5em; }
div#header ul li a	{ text-transform: uppercase; text-decoration: none; color: #6d6d6f; padding: 0.25em 0.5em; display: block; }
div#header ul li a:hover	{ background: #bad235; color: #000; }
div#header ul li.current a	{ background: #bad235; color: #000; }

/* top banner */
div#banner	{ margin-bottom: 10px; background: #bad235; height: 13.7em; }
div#banner img	{ width: 100%; height: 13.7em; }
div#banner div.inner	{ width: 59.1em; }

/*  Body 
--------------------------  */
div#body	{ margin-bottom: 20px; }

div#bodycolumn	{ width: 44em; float: left; margin-right: 1em; }
div#bodycolumn h1	{ background: #2d3437 url(../files/common/header-back.gif) repeat-x top left; color: #bad235; }
div#bodycolumn div	{ padding: 0.75em; margin-bottom: 0.75em; }

div#bodycolumn ul.tabular	{ margin: 0px; list-style-type: none; padding: 0px; }
div#bodycolumn ul.tabular li	{ margin-bottom: 0.75em; }
div#bodycolumn ul.tabular li strong	{ display: block; width: 8em; float: left; }
div#bodycolumn ul.tabular li span	{ display: block; float: left; width: 48em; }
div#bodycolumn ul.tabular.left	{ float: left; width: 14em; }

div#bodycolumn p.client	{ font-weight: bold; margin: -1em 0px 3.5em 0px; }

/*  Spotlight 
--------------------------  */
div#spotlightcolumn	{ float: left; width: 13em; }
div#spotlightcolumn h1	{ background: #2d3437 url(../files/common/header-back.gif) repeat-x top left; color: #fff; }
div#spotlightcolumn h1 span	{ color: #bad235; }
div#spotlightcolumn img	{ border: solid 1px #000; width: 12.9em; }
div#spotlightcolumn ul	{ border: solid 1px #000; list-style-type: none; margin: 0px; padding: 0.5em; }
div#spotlightcolumn ul li	{ font-size: 0.65em; line-height: 1.2em; margin-bottom: 0.5em; }
div#spotlightcolumn ul li img	{ float: left; margin-right: 0.75em; border: 0px; width: auto; }
div#spotlightcolumn ul li strong	{ color: #000; padding-top: 0.5em; }
div#spotlightcolumn ul li a	{ text-decoration: none; color: #6d6d6f; }
div#spotlightcolumn ul li a:hover	{ text-decoration: underline; color: #6d6d6f; }
div#spotlightcolumn p.soon	{ color: #6d6d6f; }
div#spotlightcolumn blockquote ul	{ border: none; list-style-type: disc; list-style-position: outside; margin: 1em; font-size: 1em; padding: 0; }
div#spotlightcolumn blockquote ul li	{ font-size: 0.65em; }
div#spotlightcolumn blockquote p	{ font-size: 0.65em; }

/* footer bar */
div#footer	{ padding-top: 1em; border-top: solid 1px #c1c1c1; color: #c1c1c1; }
div#footer a	{ font-size: 0.6em; color: #c1c1c1; }
div#footer span	{ font-size: 0.6em; }