body {font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background: #4b4746; margin: 0px}


#container {width:964px; margin-left:auto; margin-right:auto; padding: 0px;}

td {font: 10px/16px verdana; vertical-align: top;}
p  {font: 10px/16px verdana; color:#FFFFFF; margin: 0px 0px 15px 0px}
ol {font: 10px/16px verdana}
a {text-decoration: none;  color: #f7a400; font-weight: bold}
a:hover	{text-decoration: underline; color: #f7a400; font-weight: bold}
img {border:0;}

h1 {font: 18px/21px verdana; color: #FFFFFF; margin: 0px 0px 15px 0px; font-weight: bold}
h1.nospace {font: 18px/21px verdana; color: #FFFFFF; margin: 0px; font-weight: bold}
h2 {font: 14px/17px verdana; color: #FFFFFF; margin: 0px 0px 15px 0px; font-weight: bold}
h2.nospace {font: 14px/17px verdana; color: #FFFFFF; margin: 0px; font-weight: bold}
h3 {font: 12px/15px verdana; color: #FFFFFF; margin: 0px; font-weight: bold}
h4 {font: 10px/16px verdana; color: #FFFFFF; margin: 0px; font-weight: bold}

.small {font: 9px/12px verdana; color:#FFFFFF; margin: 0px 0px 15px 0px}
.nospace {margin: 0px}

form {margin: 0px; padding: 0px; width: }
form label {display: block; font-weight: bold; width: 120px; float: left; margin: 5px 0px 0px 0px; text-align: left; padding: 0px;}
form label.longtext {display: block; font-weight: bold; width: 350px; float: left; margin: 5px 0px 0px 0px; text-align: left; padding: 0px;}
input.check {width: 15px; display: block; float: left; margin-bottom: 10px;}
label.wide {display: block; width: 650px; float: left; margin-bottom: 10px; text-align: left; padding-left: 10px;}
form input, form textarea, form select {width:auto; margin:5px 0px 0px 0px; font: 10px/12px verdana; color: #333333}
br {clear: left;}
textarea { overflow: auto; }


.orange {color: #f7a400}
.darkgray {color: #4b4746}
.midgray {color: #5f5d56} 
.ltgray {color: #7a7473}
.darkolive {color: #737266}
.olive {color: #bcbaa6}
.ltolive {color: #e0ded2}
.redbold {color:#FF0000; font-weight: bold}

#clearboth {clear:both;}
#space2 {clear:both; height:2px; width:2px}
#space5 {clear:both; height:5px; width:5px}
#space10 {clear:both; height:10px; width:10px}
#space15 {clear:both; height:15px; width:15px}
#space20 {clear:both; height:20px; width:20px}
#space30 {clear:both; height:30px; width:30px}

/* welcome 2009 */

#welcome p  {font: 12px/20px Arial, Helvetica, sans-serif; color:#332f30; margin: 0px 0px 15px 0px}
#welcome a {text-decoration: underline;  color: #da1c23; font-weight: bold}
#welcome a:hover {text-decoration: none; color: #da1c23; font-weight: bold}

#social p  {padding:10px; background-color:#FFFFFF; font: 12px/20px Arial, Helvetica, sans-serif; color:#332f30; margin: 0px 0px 15px 0px}


/* begin sponsorship */

#sponsorship {background: #bcbaa6 url(../images/_sponsorship.gif) top left repeat-y; padding:10px 10px 17px 17px}
#levels td { vertical-align:middle}
.rule {border-top:#a7a49c solid 1px;}
.star {font-size:18px; font-weight:bold;color:#4f493a}
.numbers {font-size:14px; font-weight:bold;color:#4f493a}
.tablepadding {padding:15px}
.tableheaderbdr {border-bottom: 1px solid #e0ded2}
.sponsorbdr {border-bottom: 1px solid #6f6b67; padding: 30px 15px 30px 15px}
.sponsorbdr2 {border-bottom: 1px solid #4b4746; padding: 30px 15px 30px 15px}



/* begin top header */
#gradienttop {padding: 0px; margin: 0px; width: 964px; height: 29px; background:url(../images/gradient_top.jpg) repeat-x}
#gradienttop2 {padding: 0px; margin: 0px; width: 806px; height: 29px; background:url(../images/gradient_top.jpg) repeat-x}

#flashpics {padding: 0px; margin: 0px; width: 606px; height: 448px; background:url(../images/texture.jpg) no-repeat}
#flashpics2 {padding: 0px; margin: 0px; width: 764px; height: 430px; background:url(../images/texture.jpg) no-repeat}



#mainnavbox {padding: 0px; margin: 0px; width: 200px; height: 430px; background:url(../images/logo_fwdc.gif) no-repeat;}
#home #mainnavbox {padding: 0px; margin: 0px; width: 200px; height: 430px; background:url(../images/logo_fwdc2.jpg) no-repeat;}
#mainnav {padding:0px; margin: 203px 0px 0px 0px; }
#mainnav ul {font: 12px Arial; list-style: none; margin: 0px;  padding: 0px;}
#mainnav li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #aaa896;}
#mainnav a {text-decoration: none; background: #bcbaa6;}
#mainnav a span {display: block; color: #f6f5ef; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #bcbaa6}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:none;}
/* End IE5-Mac hack */
#mainnav a:hover span {color: #f6f5ef; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #737266}
#mainnav a:hover {text-decoration: none; background: #737266;}
#mainnav #current a {background: #737266;}
#mainnav #current a span {color: #f6f5ef; text-transform: uppercase; padding: 9px 0 9px 15px; background-color: #737266; font-weight: bold}
#tagline {padding: 0px; margin: 0px 0px 10px 0px; width: 964px; height: 58px; background:url(../images/gradient_header.jpg) repeat-x}
#tagline2 {padding: 0px; margin: 0px 0px 10px 0px; width: 806px; height: 58px; background:url(../images/gradient_header.jpg) repeat-x}
#taglinetext {text-align: right; padding-top: 29px; padding-right: 5px}
/* end top header */


/* begin sub nav */
#columnnNav {padding: 0px; margin: 0px; width: 200px;}

#subnav ul {font: 13px/13px Arial; list-style: none; margin: 0px;  padding: 0px; line-height:1.4em}
#subnav li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #7a7473;}
#subnav a {text-decoration: none; background: #4b4746;}
#subnav a span {display: block; color: #f6f5ef; padding: 11px; background-color: #4b4746; font-weight: normal}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnav a span {float:none;}
/* End IE5-Mac hack */
#subnav a:hover span {color: #f7a400; padding: 11px; background-color: #4b4746; font-weight: normal}
#subnav a:hover {text-decoration: underline; background: #4b4746;}
#subnav #current a {background: #4b4746;}
#subnav #current a span {color: #f7a400; padding: 11px; background-color: #4b4746; font-weight: bold}

#subnavdiv ul {font: 13px/13px Arial; list-style: none; margin: 0px;  padding: 0px; }
#subnavdiv li {display: block; margin: 0px; padding: 0px; border-bottom: 1px solid #7a7473;}
#subnavdiv span {display: block; color: #f6f5ef; padding: 11px; background-color: #5f5d56; font-weight: normal}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#subnavdiv span {float:none;}
/* End IE5-Mac hack */
#subnavdiv a:hover span {color: #f6f5ef; padding: 11px; background-color: #5f5d56; font-weight: normal}
#subnavdiv a:hover {text-decoration: none; background: #5f5d56;}
/* end sub nav */


/* begin accordian */

.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: 13px/13px Arial;
	background-color:#5f5d56;
	border-bottom: 1px solid #7a7473;
	margin: 0px;
	padding: 11px;
	cursor: pointer;	
}

.list ul{ /*CSS for UL of each main header*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
text-decoration:none
}

.list ul li a{
color: #ffffff;
font-weight:normal;
text-decoration: none;
}

.list ul li a:visited{
color: #ffffff;
font-weight:normal;
text-decoration:none
}

.list ul li a:hover{ /*hover state CSS*/
color: #ffffff;
font-weight:normal;
text-decoration:underline

}

/* end accordian */

/* begin content column */
#content {padding: 0px; margin: 0px}
#content table {margin: 0px; padding: 0px}
#content p  {font: 10px/16px verdana; color:#FFFFFF; margin: 0px 0px 15px 0px}
#content ul {margin: 0px 0px 15px 0px; padding: 0px; font: 10px/16px verdana; list-style:none}
#content ul .sub {margin: 0px 0px 16px 8px; padding: 0px 0px 0px 8px; 10px/16px verdana; list-style:none}
#content ul li {font: 10px/16px verdana; padding: 0px 0px 0px 10px; margin: 0px 0px 5px 0px; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: 0 .1em}
#content ol {font: 10px/16px verdana}
#content ol li {font: 10px/16px verdana; background-image:none}

#columnnA {padding: 0px; margin: 0px; width: 248px}
#columnnB {padding: 20px 30px 20px 30px; margin: 0px;}
#columnnC {padding: 15px; margin: 0px;}

#columnC h1 {font: 52px Arial, Helvetica, sans-serif; color: #e9ae20; margin: 0px 0px 15px 0px; font-weight: bold}

.columnnbg {background:url(../images/content_bg.gif) repeat-y}


#highlight {padding: 10px; margin: 0px; background: #7a7473}
.lg {font-size:11px; line-height:1.8em}

#pspace {margin: 0px 0px 15px 0px; padding: 0px}
.divider {clear:both; background-image: url(../images/divline.jpg); height:2px; margin: 15px 0px 15px 0px;}

#pic {border:2px solid #e0ded2; padding: 1px; background: #FFFFFF; margin-right:10px; margin-bottom: 15px; float:left}
/* end content column */


/* begin footer */
#footerbox {background: #e0ded2; height: 200px; padding: 0px; margin: 20px 0px 0px 0px}
#footer {width: 964px; margin-left:auto; margin-right:auto; padding: 15px 0px 15px 0px; font: 11px Arial; color: #4b4746; font-weight: normal}
#footer a {text-decoration: underline;  color: #4b4746; font-weight: normal}
#footer a:hover	{text-decoration: none; color: #4b4746; font-weight: normal}
/* end footer */



/* begin data table */
.data {font: 10px/14px verdana; color: #333333}
.data table {padding: 0px; margin: 0px;}
.data th {font: 10px/14px verdana; color: #333333; text-align: center; background-color: #ceccc7; font-weight:bold; padding: 3px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff}
.data td {font: 10px/14px verdana; color: #333333; text-align: left; background-color: #eae8e3; font-weight:normal; padding: 3px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff}
.data td.row {font: 10px/14px verdana; color: #333333; text-align: left; background-color: #fcfaf6; font-weight:normal; padding: 3px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff}
.data td.highlight {font: 10px/14px verdana; color: #333333; text-align: left; background-color: #fcd781; font-weight:normal; padding: 3px; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff}
.data th a {text-decoration: none;  color: #333333; font-weight:bold;}
.data th a:hover {text-decoration: underline; color: #333333; font-weight:bold;}
.data a {text-decoration: none;  color: #00669b; font-weight:normal;}
.data a:hover {text-decoration: underline; color: #00669b; font-weight:normal;}
/* end data table */




/* begin smart lesson tabs */
.sltabs {margin-bottom: 0px; padding: 0px}
.sltabs ul {padding: 0px; margin: 5px 10px 3px 10px; font: 10px/12px verdana; list-style-type: none; text-align: left;}
.sltabs li {display: inline; margin: 0px;}
.sltabs li a {text-decoration: none; padding: 3px; margin: 0px; color: #333; font: 9px/12px bold Verdana; background: #fff; border: 1px solid #eee}
.sltabs li a:hover {background-color: #b75157; color: #ffffff}
.sltabs li a.current {background-color: #b75157; color: #ffffff}
#tabcontentcontainer {width:200px; /*width of 2nd level content*/  /*height of 2nd level content. Set to largest's content height to avoid jittering.*/margin: 0px 10px 10px 10px; }

/* Fix IE. Hide from IE Mac \*/
* html .sltabs li a:hover {background-color: #b75157; color: #ffffff}
* html .sltabs li a.current {background-color: #b75157; color: #ffffff}
/* End */

.tabcontent {display:none; padding: 10px; font: 10px/12px verdana; background-color: #ffffff;  border: 1px solid #eee}
#tabcontentcontainer p {font-weight:normal; text-align:left; font: 10px/12px verdana}
#tabcontentcontainer h5 {font: 10px/12px verdana; color: #333333; margin: 0px; font-weight: normal; text-align:left; font-style: italic}
#tabcontentcontainer .small {font-weight:normal; text-align:left; font: 9px/12px verdana}
/* end smart lesson tabs */



.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}

#overview {color:#fff;} 
#overview a {color:#fff; font-weight:normal; text-decoration:underline}
#overview a:hover {color:#fff; font-weight:normal; text-decoration:none}

.gold {color:#ffffff; font-size:11px;  background-color:#D4AF37}
.silver {color:#ffffff; font-size:11px; background-color:#c0c0c0}