/* css Zen Garden submission 175 - 'Business Style', by Gunta Klavina, http://www.klavina.com/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2005, Gunta Klavina */
/* Added: July 9th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */



body
    {
    margin: 0;
    padding: 0;
    color: #333;
    font: 13px Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
    background: #000000;
    text-align: center;
    }
a
    {
    color: #307082;
    }
a:hover
    {
    color: #D60808;
    }

#preamble h3 span, #explanation h3 span, #participation h3 span, #benefits h3 span, #requirements h3 span, #lresources h3.resources span, #larchives h3.archives span, #lselect h3.select
    {
    /*display:none;*/
    }

#container
    {
    margin: 0 auto;
    /* width: 724px; */
    width: 724px;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
* html #container
    {
    width: 744px;
    /* width: 724px; */
    }

#pageHeader
    {
    position: absolute;
    top: 25px;
    left: 40px;
    }
h1
    {
    background: url("images/logo.gif") top left no-repeat;
    width: 400px;
    height: 37px;
    overflow: hidden;
    margin: 0;
    }
h1 span
    {
    display: none;
    }
h2
    {
    font-size: 12px;
    margin: 0;
    }

h2 span
    {
    display: none;
    }
#quickSummary
    {
    padding-top: 85px;
    }
h3
    {
    font-size: 17px;
    }
h4
    {
    font-size: 15px;
    }
#quickSummary .p2
    {
    font-size: 12px;
    position: absolute;
    top: 55px;
    right: 20px;
    margin: 0;
    }
#container #intro #quickSummary .p1
    {
    font-size: 11px;
    height: 171px;
    background: url("images/background.jpg") no-repeat;
    margin: 0;
    width: 724px;
    color: #fff;
    font: 12px/150% Trebuchet MS;
    }
#container #intro #quickSummary .p1  span
    {
    padding: 25px 530px 0 30px;
    display: block;
    margin: 0;
    font: 12px/150% Trebuchet MS;
    }

#preamble, #supportingText
    {
    margin: 0 20px 0 243px;
    }

#supportingText p, #preamble p
    {
    line-height: 150%;
    margin: 10px 0 10px 0;
    }
 #preamble h3, #explanation h3, #participation h3, #benefits h3, #requirements h3, #comments h3
    {
/*    width: 350px; */
    min-height: 24px;
    margin: 40px 0 10px 0;
    }
#preamble h3
    {
    background: url("heading01.gif") no-repeat;
    }
#explanation h3
    {
    background: url("heading02.gif") no-repeat;
    }
#participation h3
    {
    background: url("heading03.gif") no-repeat;
    }
#benefits h3
    {
    background: url("heading04.gif") no-repeat;
    }
#requirements h3
    {
    background: url("heading05.gif") no-repeat;
    }
#requirements
    {
    margin-bottom: 40px;
    }

#linkList
    {
    position: absolute;
    top: 295px;
    left: 0;
    width: 210px;
    }
#lselect ul, #larchives ul, #lresources ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px;
    }
#comments ul
	{
	list-style-image: url(images/icons/icon-list-apps.gif);
	list-style-position:outside;
    margin: 0;
    padding: 0 40px 0 25px;
	}
#participation ul
	{
	list-style-image: url(images/icons/icon-list-chat.gif);
	list-style-position:outside;
	margin: 0 0 0 0;
    padding: 0 40px 0 25px;
	}
#lselect ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#lselect ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lselect ul li a.c
    {
    text-decoration: none;
    }
#lselect ul li a.c:hover
    {
    color: #D60808;
    }
#lselect ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#lresources ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#lresources ul li.c, #lselect ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#lresources ul li a.c
    {
    text-decoration: none;
    }
#lresources ul li a.c:hover
    {
    color: #D60808;
    }
#lresources ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }
#comments ul li a, #participation ul li a
    {
    text-decoration: underline;
    display: block;
    font-size: 13px;
    }
#comments ul li.c, #participation ul li a.c
    {
    display: inline;
    font-size: 12px;
    color: #333;
    }
#comments ul li a.c, #participation ul li a.c
    {
    text-decoration: none;
    }
#comments ul li a.c:hover, #participation ul li a.c:hover
    {
    color: #D60808;
    }
#comments ul li, #participation ul li
    {
    font-size: 12px;
    border-bottom: 1px solid #E6EEF0;
    }

#lresources h3.resources
    {
    background: url("resources.gif") no-repeat;
    width: 69px;
    height: 15px;
    margin: 60px 0 5px 40px;
    }

#footer
    {
/*
    color: #fff;
    height: 48px;
    text-align: right;
    padding: 0 10px 0 0;
    line-height: 26px;
    font-size: 11px;
    }
#footer a
    {
    color: #fff;
    text-decoration: none;
    }
#footer a:hover
    {
*/    text-decoration: underline;
    }

#thumb 
	{
  	float:right;
	margin-left:20px;
	margin-bottom: 0px;
	border: none;
	width: auto;
	padding-bottom:0px;

	}	

#thumb #thumbcaption 
	{
	font-family: "Lucida Grande", "Luxi Sans", "Bitstream Vera Sans", "Trebuchet MS", helvetica, verdana, arial, sans-serif;
	font-size: 11px;
	line-height:100%;
	border: none;
	color: #333;
	margin: 0;
	text-align: center;
	padding: 0;
	display: none;
	}

/* Forms styles */


div.formbox 
	{
	width: 423px;
	border: 1px solid #CC9900;
	color: black;
	background-color: #fff;
	padding-top: 24px;	
	padding-bottom: 24px;
	padding-left: 28px;
	margin-bottom: 24px;
	}

div.formbox div 
	{
	float: left;
	height: 12px;
	padding-right: 20px;
	margin-bottom: 15px;
	}

div.formbox div.buttonbox 
	{
	float: right;
	}

div.formbox div input, textarea 
	{
	background-color: #fff;
	font-size: 11px;
	color: #CC9900;
	float: left;
	border: 1px solid #CC9900;
	}
div.formbox div label 	
	{
	color: #CC9900;
	float: left;
	}
div.formbox div.labelbox 
	{
	clear: left;
	}
	
/* BOXES */
/* .box { background: url(images/box_582bgrep.png) repeat-y; overflow: hidden; position: relative; }*/
 .box { background: url(images/box_184bgrep.png) repeat-y; width:184px;}
 .box h2 { text-indent: -9999px; height: 25px; overflow: hidden; position: relative; margin-bottom: 0; }
 .box h2 a { display: block; position: absolute; height: 25px; width: 100%; background: url(images/box_linkarrow.png) 97.5% 50% no-repeat; }
 .padder { padding: 0 15px; }
 .padder99 { background: url(images/bg-99.png) no-repeat; width:184px; }
/* .boxcap { height: 5px; width: 100%; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(images/box_582capbottom.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); } */
  .boxcap { background: url(images/box_184capbottom.png) no-repeat; width:184px;}
 .sidebar .captop { bottom: auto; top: 0; background-image: url(images/box_184captop.png); }

/* DRAWERS */
 ul.drawers { margin: 0; }
 .slider .drawer-handle { color: #333; font-size: 12px; padding: 7px 0; text-indent: 15px; width: 100%; background: #939393 url(images/slider_handlebg.png) 0 0 no-repeat; cursor: default; }
 .slider .drawer-content { display: block;  height: auto; }
 .slider h3.open { background-color: #72839d; background-position: -184px 0; color: #fff; }
 .drawercap { height: 5px; width: 184px; position: absolute; z-index: 100; bottom: 0; _bottom: -10px; left: 0; background: url(images/slider_capbottom.png) no-repeat; behavior:url(/global/scripts/lib/iepngfix.htc); }


/* FEATURES */
#features { min-height: 250px; *height: 250px; margin-bottom: 16px; }
#features h2 { background: url(images/features_titlebg.png) no-repeat; }
#features .padder { padding: 1.15em 15px 1.5em; background: url(images/box_ruleinset.png) no-repeat 50% 0; }
#features .padder p { margin: 0 0 3px; line-height: 1.465;}

/* FEATURES NAV */
#features ul#feature-nav { margin: 0 1px; padding: 15px 13px 1em; background: url(images/iphone_featurenavbg.jpg) repeat-x top left; }
#features li { 	cursor: pointer;
	list-style: none;
	list-style-type: none;margin-bottom: 8px; }
#features li a { height: 28px; }