/* Style sheet created by Orion Phoenix for use with the GDRC Conference website only */

/* General Styles
---------------------------*/
* {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body, td {
font-size: 11px; 
color: #000000; 
padding: 0; 
}

body {
margin: 0;
padding: 0;
padding-left: 0px !important; padding-left: 2px;
background-color: #FFFFFF;
background-image: url(images/bg.jpg);
background-repeat: repeat-y;
background-position: center;
}

table#table {
margin-right: auto;
margin-left: auto;
}

div#footer {
clear: both;
overflow: hidden;
margin: 0px;
padding-bottom: 5px;
width: 100%;
text-align: center;
}

table#keydates {
margin-top: 20px;
background-color: #E0E0E0;
margin-left: auto;
margin-right: auto;
width: 98%;
}

td.dates1 {
font-size: 78%;
font-weight:bold;
}

td.dates2 {
font-size: 78%;
}

/* Misc Styles
---------------------------*/
div.right {
text-align: right;
}

div.left {
text-align: left;
}

div.center {
text-align: center;
}

img.noborder {
border: 0;
}

img.imageright {
float: right;
border: 4px solid #F0F0F2;
margin: 0;
margin-left: 10px;
}

img.imageleft {
float: left;
border: 4px solid #F0F0F2;
margin: 0;
margin-right: 10px;
}

/* Text + Margin Style
---------------------------*/
h1 {
font-size: 20px;
margin-bottom: 4px;
margin-top: 5px;
}

h2 {
font-size: 14px;
margin-bottom: 4px;
margin-top: 5px;
}

h3 {
font-size: 11px;
font-weight: bold;
margin-bottom: 4px;
margin-top: 10px;
}

.special {
font-weight: bold;
text-align: center;
color: #4E4848;
}

td.content {
padding: 4px 10px 4px 8px;
text-align: left;
}

div.small {
text-align: center;
font-size: 71%;
color: #C3C3C5;
}


td#navbar {
padding: 2px;
}

td#topbar {
background: url(images/layout_conference_01.jpg);
width: 744px;
height: 22px;
text-align: right;
color:black;
}

table.lilian {
border-collapse: collapse;
border: 1px solid #000000;
padding: 2px;
}

table.lilian thead {
border: 1px solid #000000;
background-color: #B5B5B5;
color: #ffffff;
font-weight:bold;
}


.errorbox {
border: 1px solid #EAC117;
background-color: #ffc;
padding: 5px;
font-weight: bold;
}

.comments {
padding: 5px 0 0 25px;
font-style: italic;
}

.error {
color:red; 
font-weight:bold;
font-size: 10px;
}


/* Widths
---------------------------*/
td#far-left {
width: 33px;
display: inline;
}

td.nav-area {
width: 179px;
}

td#content-area {
width: 500px;
}

td#far-right {
width: 32px;
display: inline;
}

td#day {
width: 34%;
}

td#event {
width: 66%;
}

td.no-nav {
width: 0;
}

td#no-nav-content {
width: 679px;
}

/* Mini Top Navigation
---------------------------*/
#topbar {
padding-right: 40px;
font-size: 0.7em;
color:black;
letter-spacing: 1px;
}

#topbar a {
text-transform:uppercase;
color: black;
text-decoration: none;
padding-left: 3px;
padding-right: 3px;
}

#topbar a:hover {
color: #FF8001;
}


/* Top Navigation
---------------------------*/
#navbar {
margin:0;
padding: 0;
padding-right: 1px;
text-align: center;
}

#navbar td {
text-align: center;
padding: 2px;
}

#navbar a {
color: #9D9DA1;
border-bottom: 3px solid #DDCFD1; 
text-decoration: none;
display:block;
height: 100%;
margin: 0;
padding: 2px 12px 2px 12px;
font-size:0.8em;
text-transform:uppercase;
letter-spacing:1px;
}

#navbar a:hover {
color: #9D9DA1;
background-color: #FFFFFF;
display:block;
border-bottom: 3px solid #FF8001;
}

/* Left Navigation
---------------------------*/
#navleft ul {
margin: 25px 0 0 20px;
padding: 0;
}

#navleft li {
margin:0;
list-style-type: none;
padding: 4px 0 4px 0;
}

#navleft li a {
color: #9D9DA1;
text-decoration: none;
margin: 0;
font-size: 1.0em;
text-transform: lowercase;
letter-spacing: 1px;
}

#navleft li a:hover {
color: #9D9DA1;
word-spacing: 2px;
}

/* Normal Hyperlinks
---------------------------*/
a {
color: #9D9DA1;
}

a:hover {
color: #FF8001;
}