/* --------------------------------------------
   FreemanGroup Solutions
   copyright (c) FreemanGroup Solutions
   Designed & Developed by Ariamedia (www.ariamedia.com)
   Last Update December 20, 2005
----------------------------------------------- */

/* =STRUCTURE
----------------------------------------------- */
* { margin: 0; padding: 0; border: 0; }
body { font: 9pt/17pt Arial, Helvetica, sans-serif; color: #666; }

div#wrapper { width: 750px; margin: 0 auto; padding: 20px 0; }

div#column_left, div#column_right { float: left; padding: 10px 5px; margin-bottom: 20px; }
div#column_left { width: 136px; margin-right: 20px; }
div#column_right { width: 570px; }

div#column_left h2 { font-size: 10pt; }
div#column_right h2 { font-size: 16pt; text-transform: uppercase; }

div#column_right ul { margin: 1em 2em; }
div#column_right li { line-height: 14pt; }
div#column_right ul li ul { margin-top: 0; }
div#column_right ul li ul li { font-size: 8pt; }

div#column_right ul.nobullet { margin: 0 0 1em 0; padding: 0; }
div#column_right ul.nobullet li { list-style: none; line-height: normal; }

div#column_left ul { list-style: none; }
div#column_left li { width: 100%; font-size: 7.5pt; line-height: 9pt; }
div#column_left li a { width: 100%; display: block; padding: 4px 2px; border-bottom: 1px solid #EBEBEB; }
div#column_left li a:hover { text-decoration: none; border-bottom: 1px solid #EBEBEB; }

div#column_left li a span { color: #999; }
div#column_left li a:hover span { color: #666; }

div#column_right div.column_subleft { float: left; width: 280px; margin-right: 10px; }
div#column_right div.column_subright { float: left; width: 280px; }


/* =GLOBAL
----------------------------------------------- */
div#gotocontent { display: none; }
a img {	border:none; }
	
/* =LOGO
----------------------------------------------- */
div#logo { width: 175px; height: 36px; float: left; margin-bottom: 23px; }
div#logo h1 { display: none; }
div#logo a { display: block; width: 175px; height: 36px; }

/* =NAV_MAIN
----------------------------------------------- */
div#nav_main { width: 100%; float: left; margin-bottom: 3px; }
div#nav_main ul { list-style: none; }

div#nav_main li { height: 23px; font-size: 8.5pt; float: left; }
div#nav_main li a { display: block; text-decoration: none; text-transform: uppercase; color: #666; padding: 1px 16px 0 16px; }
div#nav_main li a:hover { color: #000; }

/* =NAV_SUB
----------------------------------------------- */
div#nav_sub { width: 100%; float: left; margin-bottom: 10px; }
div#nav_sub ul { list-style: none; }
div#nav_sub li { float: left; color: #0E8C8C; font-size: 8pt; text-transform: uppercase; font-weight: bold; margin-right: 1em; }
div#nav_sub li a { font-weight: 100; color: #666; text-decoration: none; }
div#nav_sub li a:hover { color: #000; }

div#nav_sub li#nav_sub_selected a { font-weight: bold; color: #000; }

/* =FOOTER
----------------------------------------------- */
div#footer { float: left; width: 100%; padding: 5px 0; background: url(../images/footer_shadow.gif) top left repeat-x; margin-right: -3px; }
div#footer ul { list-style: none; margin: 0 10px; }
div#footer li { float: left; font-size: 7pt; margin-right: 1em; }
div#footer li a { color: #666; }

/* =BLOCK_FORMATTING
----------------------------------------------- */
p { line-height: 12pt; }
h1, h2 { margin: 0 0 .5em 0; }
h3, h4, h5, h6, p, ul, form, select, input, pre, blockquote, table { margin: 0 0 1em 0; }
h1, h2, h3, h4, h5, h6 { color: #333; }
h1, h2, h3 { font-weight: 100; }
h4 { font-size: 8pt; text-transform: uppercase; font-weight: bold; color: #000; }
blockquote { padding: 10px 20px; color: #000; }
blockquote p { text-transform: uppercase; font-style: italic; font-size: 10.5pt; line-height: 12pt; margin: 0; }

blockquote.nav_block a { color: #000; }

/* =CLASSES
----------------------------------------------- */
.clear { clear: both; }
.paragraph { margin-left: 1em; margin-bottom: 2em; }
.imgleft { float: left; margin: 0 1em 0 0; }
.imgright { float: right; margin: 0 0 1em 1em; }

ul.bulletlist { margin: 0 0 0 1.2em; }
ul.bulletlist li { list-style: disc outside; }

.btt { text-align: right; font-size: 7.5pt; }
.btt a { background: url(../images/icon_arrowup.gif) no-repeat; background-position: right 50%; padding-right: 10px; }
.btt a:hover { text-decoration: none; color: #333; background: url(../images/icon_arrowup_hover.gif) no-repeat; background-position: right 50%; }