/*
Welcome to the general css file. It contains CSS properties
for elements that will be re-used several times.
*/


body
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #ddddee;
}

/*The main wrap div*/
#wrapper
{
    border: 3px solid #eeeeee;
    background-color: #ffffff;
    margin: .5em auto .5em;
    padding: 1em;
    width:900px;
}

/*The header div*/
#header
{
    margin: 0 0 .7em 0;
    padding: 0 0 0 1em;
}

/*The actual header title*/
#headertitle
{
    font-size:140%;
}

/*Force header spans to occupy new lines*/
#header span
{
    display:block;
}


/*The content div*/
#content
{
   float:right;
   width:70%;
   padding: 1em 1em 0 2em;
   min-height: 28em;
   border-left: 2px solid #333333;
}

#content ul
{
}

#blurb
{
    min-height: 23em;
}

/*The navcol div*/
#navcol
{

    float: left;
    width: 20%;
    padding: 2em 1em 0 .6em;
}

ul#navlist
{
    list-style:none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#navlist li
{
    margin: 0 0 .6em 2em;
}

#navlist li.man-link
{
    margin: 0 0 .9em 0;
}

#navlist li.nav-current
{
    font-weight: bold;
}

#navlist li a
{
    color:black;
    text-decoration:none;
}

#navlist li a:visited
{
    color: black;
}

#navlist li a:hover
{
    color: #3333aa;
}

#navlist li.man-link a
{
    padding: .2em;
    border:2px outset black;
}

#navlist li.man-link a:hover
{
    padding: .3em .1em .1em .3em;
    border:2px inset blue;
}

/*The footer div*/
#footer
{
    margin: 1em auto;
    padding: .5em 0 0 0;
    width: 90%;
    border-top: 2px solid #333333;
    text-align: center;
}


/*Form elements*/
fieldset 
{    
    text-align:center;
    margin: 0 auto 1.5em;
    padding: .5em 0 0 0;
    width: 90%;    
    border: 1px solid #bbbbbb;    
    background-color: #f2f2f2;    
}

fieldset.submit 
{    
    border-style: none;    
    background-color: transparent;    
    text-align: center;
}

fieldset.errors
{
    border:2px solid red;
}

form ul
{
    list-style:none;
}

form ul li
{
    margin: 0 0 1em 0;
    float: left;
}

form ul li.error
{
    border: 2px dotted red;
}

form input
{
    margin: 0 0 0 0;
    width: 17em;
}

form textarea
{
    width: 25em;
    height: 8em;
}

form .button
{
    width: 100px;
}

form label
{
    text-align: left;
}


.list-title
{
    font-weight:bold;
}

.list-teaser
{
    font-style: italic;
    color: #223322;
    display:block;
    margin-bottom: .6em;
}

.list-teaser p
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#pager 
{
    margin: 0 auto;
    font-size: 105%;
}

#pager td
{
    border: 1px solid grey;
    padding: 0 1em 0 1em;
}

#pager td.current
{
    border-bottom:none;
}

#pager a
{
    text-decoration: none
}

#pager a:visited
{
    color: black;
    text-decoration: none;
}

#pager a:hover
{
    font-weight:bold;
    text-decoration:underline;
}

a.list-link
{

    color: #444444;
    text-decoration:none;
    
}

a.list-link:visited
{
    color: #444444;
    text-decoration:none;
}

a.list-link:hover
{
    text-decoration:underline;
}

/*Feedback message spans*/
#notice
{
    display:block;
    border: 1px solid blue;
    background-color: #eeccff;
}

#error
{
    display:block;
    border: 1px solid red;
    background-color: #ffbbbb;
}
.clearer
{
    clear:both;
}