/* 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.45em;
font-family: arial, sans-serif;
background-color: #204676;
/*background: #ffffff url("../Images/headfade.jpg")*/
/*border-bottom: 1px solid #cccccc;*/
}

#header h1{
color: #000000;
background-color: #ffffff;
font-size: 2em;
}


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;
}

h4{
margin: 2px 0px 0px 0px;
padding: 0.25em 0px 0.25em 0px;
color: #204476;
font-size: 0.8em;
font-family: arial, sans-serif;
font-weight: bold;
text-align: center;
}

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

/*****Heading for updates box below navigation menu******/
p.boxheading {
padding: 0.2em 0 0.2em 0;
margin-left: 1.2em;
color:#204476;
background-color: #ffffff;
font-size: 0.8em;
font-weight: bold;
}

/*****Content for updates box******/
p.boxcontent {
text-align: left;
font-size: 0.7em;
}


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

p.largeboldredtext {
color: #CC0000;
font-size: 1.1em;
text-align: center;
}

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; 
}

/******Bullet points in tables on registration page******/
ul.boxtext {
color: #3a3a3a;
font-size: 1em;
line-height: 1.5em;
margin: 0px 0px 0px 20%;
padding: 0px 0px 1.5em 0px; 
text-align: justify; 
}

/**********Bullet points in updates box on home page********/
ul.updatescontent{
margin-left: 1.3em;
text-align:left;
font-size: 0.7em;
line-height: 1.5em;
color: #3a3a3a;
}

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;
}

span.small_indent{
font-size: 0.8em;
margin-left: 15px;
}

/**** Line break ****/
hr.sponsor {
color: #ececec;
}

/***** 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}

.updateslink a:link {
color: #3a3a3a;
text-decoration: none
}
.updateslink a:visited {
color: #3a3a3a;
text-decoration: none
}

.updateslink a:active {
color: #3a3a3a;
text-decoration: none
}

.updateslink a:hover {
text-decoration: underline;   
}

.updateslinkred a:link {
color: red;
text-decoration: none
}
.updateslinkred a:visited {
color: red;
text-decoration: none
}

.updateslinkred a:active {
color: red;
text-decoration: none
}

.updateslinkred a:hover {
text-decoration: underline;   
}

/***** 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;
}


th.leftheader {
text-align: left;
background-color: #B9D3EE;
padding: 5px;
}

td.smalltext {
padding: 2px 5px 2px 5px;
font-size: 1em;
color: #3a3a3a;
font-size: 1em;
font-weight: bold;
line-height: 1.5em;
}

div# table.callout

table.updates {
font-size: 0.8em;
color: #3a3a3a;
margin: 10px;
background-color: #ffffff;
}

/***** 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;
}

img.sponsor_left{
margin-right: 50px;
margin-bottom: 10px;
margin-top: 10px;
padding: 0;
border: none;
}

.small_image{
width: 125px;
}

.medium_image{
width: 225px;
}

.large_image{
width: 490px;
}

.portrait_thumb_image{ /* conference photos in portrait */
width: 125px;
height: 150px;
}

.landscape_thumb_image{ /* conference photos in landscape */
width: 125px;
height: 100px;
}

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

.boxheading{
background-color: #ececec;
}

.updates {
background-color: #ffffff; /*Updates box on Index page */
padding: 5px 10px 5px 10px;
border-top: 10px solid #dddddd;
}

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

div#sidebar div.callout{
background-color: #e2e2e2; /*this is the border around the navigation menu*/
}

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

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

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

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

#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;
}

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

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

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

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

body{
background: #ffffff url("../images/bgfade.jpg") repeat-x;
margin: 0;
padding: 0;
}


#wrap{
background: #ffffff /*url("../images/bg.jpg") repeat*/;
width: 850px;
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;
/*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;
float: left;
width: 610px;
border-right: 3px dotted #ececec;
/*background-color: #ffffff;*/
}

#sidebar{
float: right;
margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 5px;
width: 200px;
min-height: 100%;
/*background-color: #ffffff;*/
}

#footer{
background-color: #eeeeee;
color: #888888;
width: 850px;
margin: 10px 0px 0px 25px;
padding: 10px 15px 20px 5px;
clear: both;
text-align: center;
font-family: arial, sans-serif;
font-size: 0.7em;
border-top: 2px solid #999999;
min-height: 50px;
}


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

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

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