/*
    forms.css
*/
.primaryForm
{
    float: left;
}
.primaryForm .formActionBar
{
    padding: 10px 0;
    text-align: right;
    
}


/*
    layout.css 
*/
/**
* Defines the site-wide layout
* Note: section specific styling should be handled in the section's style file
**/

#siteWrapper
{
    text-align: left;
    margin: 0 auto;
    padding: 55px 0 0;
    width: 902px;
}
#siteHeader
{
    position: relative;
    background: transparent url(../../img/layout/bg-content.jpg) top left repeat-x;
}
#siteLogo
{
    position: relative;
    margin-top: -43px;
}
#siteNavigation
{
    position: absolute;
    top: 17px;
    right: 20px;
    width: 717px;
}
#siteNavigation .navButton
{
    margin-right: 10px;
}
#siteNavigation ul,
#siteNavigation ul li
{
    margin: 0;
    padding: 0;
}

#siteNavigation ul,
#siteNavigation ul li
{
    display: inline;
}

#siteActions
{
    position: absolute;
    top: 0;
    right: 0px;
}
#siteActions .navButton
{
    margin-right: 0;
    margin-left: 10px;
}



#pageContent
{
    position: relative;
    padding: 10px 20px 40px;
    min-height: 522px;
    /*height: 522px;*/
    background: #FFF url(../../img/layout/bg-content.jpg) 0 -91px repeat-x;
}
#windowSidebar
{
    position: relative;
    width: 210px;
    height: 472px;
}
#windowContent
{
    position: absolute;
    top: 10px;
    right: 20px;
    width: 632px;
    height: 472px;
    background: #333;
    color: #FFF;
}
#windowContent.textmedia
{
    background: transparent;
    color: #000;
    overflow: auto;
}
#windowContent.flashmedia
{
}


#siteFooter
{
    position: relative;
    padding: 0;
    background: #FFF;
}
#footerContent
{
    margin: 0 20px;
    padding: 10px 0;
    border-top: 1px solid #666;
    color: #666;
    font-size: 11px;
    font-weight: bold;
}
#footerLinks
{
    position: absolute;
    right: 20px;
}
#introBottomNav
{
    margin-top: 12px;
    float: right;
    margin-right: 130px;
}
#introContent
{
    margin-left: 80px;
}

/*
    tables.css
*/

table.primaryTable
{
    border-spacing: 0px;
    border-collapse: collapse;
    border: 1px solid #727272;
    border-top: none;
    border-left: none;
}
table.primaryTable thead th
{
    padding: 5px 10px;
    border-top: 1px solid #BDBDBD;
    border-left: 1px solid #BDBDBD;
    background: #CBCBCB;
    vertical-align: middle;
    color: #333;
    font-weight: bold;
}
table.primaryTable tbody th
{
    font-weight: normal;
}
table.primaryTable tbody td,
table.primaryTable tbody th
{
    padding-left: 10px;
    border-top: 1px solid #727272;
    border-left: 1px solid #D0D0D0;
    background: #FFF;
    vertical-align: middle;
    color: #666;
    text-align: left;
    font-size: 1em;
}
table.formTable tbody th

{
    font-weight: bold;   
    font-size: 0.9em;
}

table.formTable tbody th label

{
    margin-right: 30px;

}


table.formTable tbody td input,
table.formTable tbody td select

{
    
    margin-right: 5px;

}

#qa-table
{
    width: 600px;
    text-align: left;
    border: 1px solid black;
}

#qa-table tr td
{
    border: 1px solid black;
    cellspacing: 0px;
    cellpadding: 0px;
}

/*
    tags.css
*/

/**
* Defines the root tag look and feel for the site.
*
*/
html,
body
{
    background: #333;
    margin: 0;
    padding: 0;
}

body
{
    background: #333 url(../../img/layout/bg.jpg) top center no-repeat;
    min-height: 800px;
    text-align: center;
    Font-Family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

br
{
	margin: .75em;
}

h1,
h2,
h3,
h4,
h5,
h6,
p
{
    margin-top: 0;
}

h1,
h2
{
    color: #333;
}
h3,
h4
{
    color: #000;
}
h5
{
    color: #666;
}
h1,
h3
{
    font-size: 16px;
}
h2,
h4
{
    font-size: 12px;
}
h5
{
    font-size: 11px;
}

p
{
    color: #333;
    font-size: 13px;
    font-weight: bold;
}
th,
td
{
    font-size: 12px;
}

img
{
    border: none;
}

/*
    typography.css
*/

/**
* Defines the site-wide typography (text layout, look, behavior)
**/
.navButton,
.contentButton
{
    font-weight: bold;
    color: #FFF;
    white-space: nowrap;
}
.navButton span,
.contentButton span
{
    *display: inline-block;/*IE should only be able to see this, it's an error... IE developers know all about errors, they expect them (and ignore them, sailing right on through). After all, they're IE developers, if anyone should know about errors... old story, same sad ending.*/
    padding: 4px 0;
}
.navButton span img.bDim,
.contentButton span img.bDim
{
    height: 1em;
    width: 1px;
    vertical-align: middle;
}
.navButton span.l img.bDim,
.navButton span.r img.bDim,
.contentButton span.l img.bDim,
.contentButton span.r img.bDim
{
    width: 10px;
}
.navButton.selected span.c,
span.navButton.selected span.c {
    color: #f2bf42;
}


a:hover.navButton.selected span.c {
    text-decoration: none;
}

a.admin {
    color: #F91;
}

.navButtonInactive
{
    color: #FFF;
}
.navButton span.l
{
    background: transparent url(../../img/navigation/button/l.gif) top left no-repeat;
}
.contentButton span.l
{
    background: transparent url(../../img/content/button/l.gif) top left no-repeat;
}
.navButton span.r
{
    background: transparent url(../../img/navigation/button/r.gif) top right no-repeat;
}
.contentButton span.r
{
    background: transparent url(../../img/content/button/r.gif) top right no-repeat;
}
.navButton span.c
{
    text-align: center;
    background: transparent url(../../img/navigation/button/c.gif) top left repeat-x;
}
.contentButton span.c
{
    text-align: center;
    background: transparent url(../../img/content/button/c.gif) top left repeat-x;
}
a:hover.navButton span.c,
a:hover.contentButton span.c
{
    text-decoration: underline;
    cursor: hand;
}
a:link.navButton,
a:active.navButton,
a:visited.navButton,
a:link.contentButton,
a:active.contentButton,
a:visited.contentButton
{
    text-decoration: none;
}
span.navButton.selected span.c
{
    color: #f2bf42;
}

#siteFooter a:link,
#siteFooter a:active,
#siteFooter a:visited,
#siteFooter a:hover
{
    color: #333;
}

.staticHeader
{
	font-size: 20px;
}
.staticContent p
{
    font-size: 1.3em;
    font-weight: normal;
}

/*
	Best Practices
*/


.bestPracticeTable
{
	width: 600px;
	margin-top: 10px;
	margin-left: 120px;
}
table.bestPracticeTable tbody td,
table.bestPracticeTable tbody th
{
	font-size: 1.2em;
}
table.bestPracticeTable tbody td.bestPracticeCell 
{
	text-align: center;
}