/*
 * This file is part of the SpyderSilk Applictions software suite.
 * Copyright (c) 2005-2006, SpyderHost.net, Inc.
 * Licensed under the SpyderSilk Applications Software License
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 *
 * File     $Id: style.css,v 1.9 2006/08/14 14:53:12 jbridges Exp $ <br>
 * Author   Dan Dugal <dfdugal at spyderhost dot net>
 * @package spydersilk.applications.common
 */



/* Main Body Styles */

*                                { margin:0px; padding:0px; }
html,body                        { min-width:1024px; height:100%; max-height:100%; margin:0px; padding:0 0 0 0; background:url(/images/background.jpg) 0 0 repeat transparent; color:#000000; font:normal 14px arial, sans-serif; z-index:1; }
a                                { text-decoration:none; overflow:visible; }
a:link                           { text-decoration:none; overflow:visible; }
a:visited                        { text-decoration:none; overflow:visible; }
a:active                         { text-decoration:none; overflow:visible; }
a:hover                          { text-decoration:none; overflow:visible; }
img                              { border:0; }
input                            { padding:0 2px; font:normal 14px arial, sans-serif; }
option                           { padding:0 10px 0 2px; font:normal 14px arial, sans-serif; }
select                           { padding:0 2px; font:normal 14px arial, sans-serif; }
textarea                         { padding:0 2px; font:normal 14px arial, sans-serif; }


/* Min Width IE */

.width_full                      { width:100%; min-width:1024px; margin:0px 0px 0px 0px; }
.width_content                   { padding:0px 0px 100px 0px; }
* html .min_width                { padding-left:1024px; }
* html .width_container          { margin-left:-1024px; position:relative; } /*\*/ * html .min_width, * html .width_container, * html .width_content, * html .layout  { height:1px; } /**/

/* Main Body Styles */

#header                          { min-width: 1024px; margin:50px 0 0 0; }
#header #villa                   { position:relative; height:30px; margin:0 50px; background:#FFFFFF; border-top:4px white solid; border-right:4px white solid; border-left:4px white solid; display:block; }
#header #container               { position:relative; height:127px; margin:0; background:url(/images/header.jpg) 0 0 repeat-x #7FA2B0; border-top:4px white solid; border-bottom:4px white solid; display:block; }
#header #container ul            { margin:0; padding:0; display:inline; }
#header #container ul li         { margin:0; padding:0; list-style:none; display:inline; }

#navigation                      { min-width: 1024px; margin:0 0 0 0; background:#999999;  border-bottom:4px white solid; display:block; }
#navigation ul                   { min-width: 1024px; margin:0 30px; display:inline; }
#navigation ul li                { min-width: 1024px; margin:0 25px 0 0; line-height:24px; list-style:none; display:inline; }
#navigation ul li a:link         { min-width: 1024px; margin:0; padding:0 0 1px 0; color:#FFFFFF; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#navigation ul li a:visited      { min-width: 1024px; margin:0; padding:0 0 1px 0; color:#FFFFFF; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#navigation ul li a:active       { min-width: 1024px; margin:0; padding:0 0 1px 0; color:#FFFFFF; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#navigation ul li a:hover        { min-width: 1024px; margin:0; padding:0 0 1px 0; color:#555555; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:1px #555555 solid; overflow:visible; }


#content                         { height:auto; _height:400px; min-height:400px; max-height:auto; margin:0 50px; padding:15px 15px 100px 15px; color:#555555; font:normal 14px arial, sans-serif; background:#FFFFFF; border-right:4px white solid; border-left:4px white solid; display:block; }
#content h1                      { margin:20px 0; font:bold 18px arial, sans-serif; }
#content h2                      { background:#999999; padding:4px; margin:50px 0 15px -4px; border-top:1px #D3BB6F solid; font:bold 14px arial, sans-serif; color:#FFFFFF;}
#content h5                      { margin:5px 0 5px 10px; font:bold 12px arial, sans-serif; }
#content p                       { margin:15px 0 20px 0; line-height:20px; }
#content ul                      { margin:20px 30px; }
#content ul li                   { line-height:18px; }
#content ol                      { margin:20px 30px 150px 30px; }
#content ol li                   { line-height:18px; }
#content .alpha                  { list-style:upper-alpha; }
#content a:link                  { margin:0 2px; padding:0 0 1px 0; color:#7FA2B0; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#content a:visited               { margin:0 2px; padding:0 0 1px 0; color:#7FA2B0; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#content a:active                { margin:0 2px; padding:0 0 1px 0; color:#7FA2B0; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#content a:hover                 { margin:0 2px; padding:0 0 1px 0; color:#555555; font:bold 14px arial, sans-serif; text-decoration:none; border-bottom:1px #555555 solid; overflow:visible; }
#content a.faq:link              { margin:0; padding:0; text-decoration:none; border-bottom:none; overflow:visible; }
#content a.faq:visited           { margin:0; padding:0; text-decoration:none; border-bottom:none; overflow:visible; }
#content a.faq:active            { margin:0; padding:0; text-decoration:none; border-bottom:none; overflow:visible; }
#content a.faq:hover             { margin:0; padding:0; text-decoration:none; border-bottom:none; overflow:visible; }
#content img                     { float:right; margin:0 0 20px 20px; }
#content .staff                  { position;relative; _height:350px; min-height:350px; max-height:100%; display:block; }
#content .stafftwo               { position;relative; _height:275px; min-height:275px; max-height:100%; display:block; }
#content .warning                { color:#AD200C; font:bold 14px arial, sans-serif; }
#content .required               { color:#AD200C; font:bold 14px arial, sans-serif; }
#content td.contact              { text-align:right; vertical-align:top; }

#footer                          { position:relative; margin:0 50px; padding:15px; color:#FFFFFF; font:normal 12px arial, sans-serif; background:#999999; border:4px white solid; display:block; }
#footer p                        { margin:3px 0; }
#footer #twentyfourseven         { position:absolute; top:11px; right:15px; _right:65px; margin:0; text-align:right; color:#AD200C; font:normal 14px arial, sans-serif; }
#footer ul                       { position:relative; margin:0 0 0 0; display:inline; }
#footer ul li                    { position:relative; margin:0 10px 0 0; list-style:none; display:inline; }
#footer ul li a:link             { position:relative; margin:0; padding:0 0 1px 0; color:#4A6774; font:bold 12px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#footer ul li a:visited          { position:relative; margin:0; padding:0 0 1px 0; color:#4A6774; font:bold 12px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#footer ul li a:active           { position:relative; margin:0; padding:0 0 1px 0; color:#4A6774; font:bold 12px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#footer ul li a:hover            { position:relative; margin:0; padding:0 0 1px 0; color:#FFFFFF; font:bold 12px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }

#SpyderHost                      { margin:2px 50px; _margin:2px 60px; }
#SpyderHost #sup                 { padding:0 0 2px 2px; color:#8BA4AF; font:bold 6px arial, sans-serif; vertical-align:super; }
#SpyderHost ul                   { position:relative; margin:0 0 0 0; display:inline; }
#SpyderHost ul li                { position:relative; margin:0 10px 0 0; list-style:none; display:inline; }
#SpyderHost ul li a:link         { position:relative; margin:0; padding:0 0 1px 0; color:#8BA4AF; font:bold 10px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#SpyderHost ul li a:visited      { position:relative; margin:0; padding:0 0 1px 0; color:#8BA4AF; font:bold 10px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#SpyderHost ul li a:active       { position:relative; margin:0; padding:0 0 1px 0; color:#8BA4AF; font:bold 10px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }
#SpyderHost ul li a:hover        { position:relative; margin:0; padding:0 0 1px 0; color:#FFFFFF; font:bold 10px arial, sans-serif; text-decoration:none; border-bottom:none; overflow:visible; }




