body 
{   
    background-color:Black; color: White; font-family:Calibri; font-size:16px
}

a {
    color: #437ec3; text-decoration: none
}

a:hover { 
    color:white
}

img {
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    padding: 0px;
    margin:0px;
}

div.note { font-size:11px; margin:10px 0px 0px 0px }


.notification 
{
    color : Red
}


table.form {
	font-size:13px;
	border:0px solid #FFFFFF;
	width:auto;
	margin-bottom:20px;
}

table.form th{
	font-variant:small-caps;
	font-weight:bold;
	text-align:right;
	line-height:30px;	
}

table.form td{
	padding:5px;
}

table.form div.note{
	font-size:12px;	
}



table.data {
	font-size:14px;
	width:100%;
	margin-bottom:10px;
	border-bottom: solid 1px #CCCCCC;
	color:White;
}

table.data td{
	padding:5px;
}

table.data tr:hover{
	background-color:#555555
}

table.data th{
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background-color:#111111;
	padding-left:5px;
}



/*Page layout styles ------------------------------*/

#container {
    width: 909px; margin: auto; background-image:url(images/backgroundcloud.jpg); background-repeat:no-repeat; background-color:Black 
}

#titlesection 
{
    padding:25px; height:40px
}

#menusection 
{
    padding-left:18px; padding-bottom:10px; color:#CCCCCC; text-transform:uppercase 
}


/* ---------------------------------------------------------------------------*/

#bodysection 
{
    padding:18px; padding-top:0px
}


div .flashbox { width:100%; height:278px; margin-bottom:12px }
div .flashbox .flash { width:74%; float:left }
div .flashbox .side { width:25%; float:right; text-align:right}


div .box { width:96%; height:172px; border:1px solid #706e6e; text-align:left }
div .box .title { height:23px; background-image:url(images/menubackground.jpg); background-repeat:repeat-x; color:#d5d5d5; font-variant:small-caps; padding-left:5px; font-weight:bold; font-size:16px; line-height:23px; }
div .box .content { padding:5px; height:149px; background-repeat:no-repeat }
div .box .content .text { margin:5px; height:85px; margin-left:90px }
div .box .content .buttonholder { margin:5px; margin-left:90px }

.button { background-image:url(images/button.jpg); color:White; width:149px; height:22px; border:0px; text-transform:uppercase; font-size:11px }
.button:hover { color:#437ec3 }



div .toptitle { background-image:url(images/titlebackground.jpg); background-repeat:repeat-x; height:22px; width:891px; margin-bottom:20px; padding-left:18px; font-weight:bold; line-height:22px; font-size:20px }



div .topiclist { width:85%; margin:auto; clear:both; min-height:30px; margin-bottom:50px; }
div .topiclist .topicno { text-transform:uppercase; font-size:14px; float:left; margin-bottom:10px; line-height:18px}
div .topiclist .topictitle { width:680px; text-transform:uppercase; font-size:18px; float:right; margin-bottom:10px; font-style:italic}
div .topiclist .image { float:left; margin-bottom:40px; }
div .topiclist .description { width:600px; float:right }



div .speakerlist { width: 100%; height:200px }
div .speakerlist img { padding:5px; float:left; margin-right:10px }


div.googlemap { color:Black; width:220px; height:130px; }
div.googlemap p { margin:5px }



/* ---------------------------------------------------------------------------*/

#footersection 
{
    padding:18px; padding-top:0px; border-top:1px solid #706e6e; font-size:10px; text-align:right; clear:both 
}