@import "reset-fonts-grid.css";

html {background-image:url('images/body-bg.jpg'); background-repeat:repeat-x; background-color:Black;}
body {background-image:url('images/body-bg.jpg'); background-repeat:repeat-x; background-color:Black;}

#Wrapper
{
    width:960px;
    text-align:left;
    margin:20px auto;
    background-color:White;
    border:solid 1px black;
}

#Masthead {height:140px;}
#Navigation {background-image:url('images/nav-bg.gif'); background-repeat:repeat-x;}
#CrumbTrail {padding:10px 20px 10px 20px; font-size:0.8em; border-bottom:solid 1px #dddddd; color:#999999;}
#ContentWrapper {background-image:url('images/content-wrapper-bg.gif'); background-repeat:repeat-y;}
#ContentArea {padding:10px 20px 10px 20px; color:#333333; min-height:400px;}
#Footer {background-image:url('images/footer-bg.gif'); background-repeat:repeat-x; background-color:#666666; padding-bottom:5px;}
#FooterNav {width:640px; float:left;}
#SignOff {color:White; width:320px; font-size:0.9em; float:right; text-align:right;}
#SignOff .Padding {padding:5px 10px 5px 10px;}

.ClearBoth 
{
    font-family:Monospace;
    font-size:0;
    line-height:0;
    width:auto;
    margin:auto;
    height:0;
    clear:both;
}

/* Navigation */
#Navigation ul {}
#Navigation li {float:left; border-right:solid 1px #cccccc;}
#Navigation a {display:block; font-size:0.9em; padding:8px 10px 8px 10px; line-height:0.9em; text-decoration:none; color:White; font-weight:bold;}
#Navigation a:hover {background-image:url('images/nav-bg-hover.gif'); color:#666666;}
#Navigation a.Selected {background-image:url('images/nav-bg-selected.gif'); color:#666666;}

/* Footer Navigation */
#FooterNav ul {}
#FooterNav li {float:left; border-right:solid 1px #cccccc;}
#FooterNav a {display:block; font-size:0.9em; padding: 8px 10px; line-height:0.9em; text-decoration:none; color:White; font-weight:bold;}
#FooterNav a:hover {color:#666666;}
#FooterNav a.Selected {}

/* SideNav */
.SideNav {}
.SideNav li li {border-top:solid 1px #cccccc;}
.SideNav a {display:block; padding:6px 10px 6px 10px; font-size:12px; line-height:12px; text-decoration:none; background-image:url('images/sidenav-bg.gif'); background-color:#BBBBBB; background-repeat:no-repeat; color:#666666;}
.SideNav a:hover {background-image:none; background-color:#CDA081; color:white;}
.SideNav a.Selected {background-image:none; background-color:#ffffff;}
.SideNav a.Selected:hover {color:Black;}
.SideNav li li a {padding: 5px 10px 5px 25px; font-size:0.85em;}
.SideNav li li li a {padding:4px 10px 4px 40px; background-image:none; background-color:#eeeeee;}
.SideNav li li li li a {padding-left:55px;}
.SideNav li li li li li a {padding-left:70px;}
.SideNav li li li li li li a {padding-left:95px;}
.SideNav li li li li li li li a {padding-left:110px;}

/* Content Layout */
#LeftColumn
{
    float:left;
    width:240px;
    background-image:url('images/left-column-bg.gif');
    background-repeat:no-repeat;
    background-position:center bottom;
}
#RightColumn 
{
    float:right;
    width:720px;
}


#SignOff a
{
    text-decoration:none;
    color:#cccccc;
}
#SignOff a:hover
{
    color:white; text-decoration:underline;
    }

#CrumbTrail a
{
    text-decoration:none;
    color:#666666;
}
#CrumbTrail a:hover {color:Black; text-decoration:underline;}

#ContentArea a {text-decoration:none; color:#CCA081;}
#ContentArea a:hover {text-decoration:underline;}

/* Admin Bar */
.AdminBar
{
    width:960px;
    margin:auto;
    background-color:White;
    font-size:0.9em;
    padding:4px;
}

.AdminBar a
{
    color:Blue;
}

/* Editable */

div.Editable .ContentFragmentEditButton 
{
    display:none;
    padding:4px 16px;
    border:1px solid #cccccc;
    background-color:#eeeeee;
}
div.Editable:hover .ContentFragmentEditButton 
{
    display:block;
}
div.Editable
{
    border: 1px solid white;
}
div.Editable:hover
{
    border:1px dotted green;
}

/* Heads */

h1 {font-size:2em; color:#CCA081; font-weight:bold; margin-bottom:1em;}
h2 {font-size:1.8em; color:#CCA081; font-weight:bold; margin-bottom:0.2em;}
h3 {font-size:1.6em; color:#CCA081; font-weight:bold; margin-bottom:0.2em;}
h4 {font-size:1.4em; color:#CCA081; font-weight:bold; margin-bottom:0.2em;}
h5 {font-size:1.2em; color:#CCA081; font-weight:bold; margin-bottom:0.2em;}
h6 {font-size:1em; color:#CCA081; font-weight:bold; margin-bottom:0.1em;}
p {margin-bottom:0.8em;}

#ContentArea ul {list-style-type:disc; margin:0 0 0.8em 1em;}
#ContentArea li {list-style-type:disc; margin: 0 0 0.2em 1em;}

#ContentArea table {margin-bottom:0.8em;}
#ContentArea th, #ContentArea td {padding:2px;}