/* CSS Design and implementation by Mark Pettengell - copyright LGC 2007-2008*/

/*This style sheet uses some code excerpts from work published under open source or free software licenses*/

/* ****************** HTML Elements ********************* */

html{
padding: 0;
margin: 0;
font-family: arial;
}

h1{
margin: 2px 0px 2px 0px;
padding: 5px 10px 5px 10px;
/*color: #3a3a3a;*/
color: #ffffff;
font-size: 1.5em;
font-family: arial, sans-serif;
background-color: #204676;
/*background: #ffffff url("../Images/headfade.jpg")*/
/*border-bottom: 1px solid #cccccc;*/
}


h2{
margin: 2px 0px 2px 0px;
padding: 3px 0px 3px 0px;
color: #204476;
font-size: 1.25em;
font-family: arial, sans-serif;
border-bottom: 2px solid #eeeeee;
}

.timestamp{
list-style-type: square;
text-align: right;
font-size: 0.5em;
color: #777777;
padding-left: 15px;
}

h3{
margin: 2px 0px 0px 0px;
padding: 0.25em 0px 0.25em 0px;
color: #204476;
font-size: 1.1em;
font-family: arial, sans-serif;
font-weight: bold;
}

p{
color: #3a3a3a;
font-size: 0.8em;
line-height: 1.5em;
margin: 0px;
padding: 0.75em 0px 0.75em 0px;
text-align: justify; 
}

pre
{
font-family: arial, sans-serif;
font-size:0.8em;
color: #3a3a3a;
}

ul, ol{
color: #3a3a3a;
font-size: 0.8em;
margin: 0px 0px 0px 20%;
padding: 0px 0px 1.5em 0px; 
}

blockquote{
background-color: #e2e2e2;
text-align: left;
/*width: 100%;*/
margin: 0px 0px 5px 0px;
border-left: 5px solid #B9D3EE;
padding: 5px 15px 5px 15px;
font-size: 0.9em;
font-family: arial, sans-serif;
color: #3a3a3a;
font-weight: bold;
font-style: italic;
}

/***** Links *****/
a:link {color: #0000cc} 
a:visited {color: #0000cc}
a:hover {color: #cc0000}

a.footerlink:link {color: #888888} 
a.footerlink:visited {color: #888888}
a.footerlink:hover {color: #555555}

/***** Tables ******/

table{
font-size: 0.8em;
color: #3a3a3a;
margin: 10px;
border: 2px solid #dddddd;
background-color: #ffffff;
}

th{
text-align: center;
background-color: #B9D3EE;
padding: 5px;
}

td{
padding: 2px 5px 2px 5px;
}

tr.A{
/*text-align: center;*/
background-color: #eeeeee;
}

tr.B{
/*text-align: center;*/
background-color: #e2e2e5;
}

/***** Images ******/

img{
padding: 0;
margin: 6px 6px 6px 6px;
border: 4px solid #cccccc;
display: inline;
}

img#logo{
border: none;
}

img.icon{
margin: 0;
padding: 0;
border: none;
}

.small_image{
width: 125px;
}

.medium_image{
width: 225px;
}

.large_image{
width: 490px;
}

/* ******* Boxes ******* */

.callout{
background-color: #B9D3EE;
padding: 5px 10px 5px 10px;
margin-bottom: 30px;
border: 2px solid #dddddd;
}

div#sidebar div.callout{
background-color: #e2e2e2;
}

/* ************* NAVIGATION *************** */


#sidebar ul.sidemenu {
    list-style:none;
    margin: 0px 0 0px 0;
    padding: 0;
    /*background: #dddddd;            */
    background: #B9D3EE;
	display: none;
}

#sidebar ul.sidemenu li {
    padding: 0px;
	display: none;
}

#sidebar ul.submenu li {
    text-indent: 15%;
    margin: 0px;
	display: none;
}

#sidebar ul.sidemenu a {
    display:block;
    font-weight:normal;
    color: #3a3a3a;
    height: 1.5em;    
    padding:.3em 0 .3em 15px;
    line-height: 1.5em;
    border-bottom: 1px solid #A2B5CD;
    text-decoration:none;
	display: none;
}

#sidebar ul.sidemenu a.top{    
    border-top: 1px solid #A2B5CD;
	display: none;
}

#sidebar ul.sidemenu a:hover {
    padding: .3em 0 .3em 10px;
    border-left: 5px solid  #204476;
    color: #204476;    
    font-weight: bold;
	display: none;
}

#sidebar ul.sidemenu a.selection {
    padding: .3em 0 .3em 10px;
    border-left: 5px solid  #204476;
    color: #204476;
    font-weight: bold;
	display: none;
}

/* ****************** LAYOUT ******************* */

body{
margin: 0;
padding: 0;
}


#wrap{
margin: 25px 0px 0px 25px;
padding: 0px 10px 0px 10px;
/*border: 3px solid #000000;*/
/*background-color: green;*/
}

#header{
/*width: 100%;*/
/*border: 2px solid #cccccc;*/
border: none;
border-bottom: 2px solid #dddddd;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: none;
/*width: 100%;*/
/*background: url("../images/headfade.jpg") repeat-y;*/
}

#subheader{
/*background-color: #ffffff;*/
padding: 0;
margin: 0;
border-bottom: 2px solid #dddddd;
}

#content{
margin: 0px 5px 0px 0px;
padding: 5px 15px 0px 0px;
width: 100%;
/*background-color: #ffffff;*/
}

#sidebar{
display: none;
/*background-color: #ffffff;*/
}

#footer{
display: none;
}

/* *********** floats ************ */

.f_left{
float: left;
margin-left: 0px;
margin-right: 6px;
}

.f_right{
float: right;
margin-right: 0px;
margin-left: 6px;
}