/* andreas02 - an open source xhtml/css website layout by Andreas Viklund - http: //andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.2
(Nov 28, 2005)

Screen layout: */

body{
padding: 0;
margin: 0;
font: 82% Arial;
background: #e0e0e0;
color: #303030;
/*letter-spacing:1px;
*/}

a{
text-decoration: none;
color: #990000;
}
.crumbs {
	font-family: "Lucida Sans";
	font-size: xx-small;
}
table#events a {
	text-decoration: none;
	color: #000;
	background-color: inherit;
}

table#events a:hover {
	text-decoration: none;
	color: #000;
	background-color: inherit;
}

a:hover{
text-decoration: underline;
}

#toptabs{
margin: 10px auto -12px auto;
font-size: 0.8em;
width: 760px;
text-transform: lowercase;
}

#toptabs p{
text-align: right;
color: #808080;
}

.toptab{
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
text-decoration: none;
background: #f0f0f0 url("../images/corner02.gif") right top no-repeat;
color: #808080;
border-bottom: 1px solid #e0e0e0;
}

.toptab:hover{
background: #fafafa url("../images/corner02.gif") right top no-repeat;
border-bottom: 1px solid #eaeaea;
color: #505050;
text-decoration: none;
}

.activetoptab{
padding: 3px 5px 3px 5px;
margin: 0 0 0 4px;
color: #505050;
text-decoration: none;
background: #ffffff url("../images/corner02.gif") right top no-repeat;
border-bottom: 1px solid #ffffff;
}

.activetoptab:hover{
text-decoration: none;
}

#container{
margin: 0 auto 15px auto;
width: 850px;
padding: 5px 20px 20px 20px;
background: #ffffff;
}

#masthead{
width: auto;
height: 80px;
margin: 3px 0;
padding: 0;
}

#masthead div#top-left {
width: 240px;
float: left;
}

#masthead div#top-right {
width: 480px;
float: right;
}

#masthead div#top-left h1 {
font: bold 2em/1em Lucida Sans, Arial, Helvetica, sans-serif;
height: auto;
margin: 0;
padding: 5px 0 15px 0; 
}

#masthead div#top-left h1 a#eucilogo {
width: 177px;
height: 75px;
}

#masthead div#top-right span#top-banner {
color: #000;
background-color: #eee;
width: 468px;
height: 60px;
float: right;
margin: 0;
padding: 5px 0 15px 0;
border: 1px solid #000;
}

#navitabs{
clear: both;
}

.navitab{
padding: 4px 8px 4px 8px;
font-size:12px;
margin: 0 0 4px 0;
text-decoration: none;
letter-spacing: 2px;
background: #666666 url("../images/corner01.gif") right top no-repeat;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}
.subnavitab{
padding: 4px 8px 4px 8px;
margin: 8px 0 0 0;
color: #FFFFFF;
text-decoration: none;
letter-spacing: 1px;
background: #800000 url("../images/corner01.gif") right top no-repeat;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
}

.navitab {
color: #fff;
}

.subnavitab {
color: #fff;
}


.navitab:hover{
text-decoration: none;
color:#000000;
background: #e0e0e0 url("../images/corner01.gif") right top no-repeat;
}

.subnavitab:hover{
text-decoration: none;
background: #ff0000 url("../images/corner01.gif") right top no-repeat;
}

.activenavitab{
padding: 4px 8px 4px 8px;
font-size:12px;
color: #ffffff;
letter-spacing: 2px;
margin: 0 0 4px 0;
text-decoration: none;
border-left: 1px solid #ffffff;
background: #333333 url("../images/corner01.gif") right top no-repeat;
}

.subactivenavitab{
padding: 5px 8px 4px 8px;
color: #ffffff;
margin: 5px 0 0 0;
text-decoration: none;
background: #490109 url("../images/corner01.gif") right top no-repeat;
}

.activenavitab:hover{
text-decoration: none;
}

.subactivenavitab:hover{
text-decoration: none;
}

.error {font-weight:bold; color:#FF0000; background-color: transparent; }
.must {font-weight:bold; color: #0000FF; background-color: transparent; }

#desc{
height: 200px;
color: #ffffff;
padding: 0;
background: url(../images/industry01.jpg) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc2{
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(../images/euci-image-banner1.gif) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc3{
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(../images/euci-image-banner2.gif) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc4{
height: 200px;
color: #FFFFFF;
padding: 0;
background: #505050 url(../images/euci-image-banner3.gif) top left no-repeat;
clear: both;
margin: 5px 0 5px 0;
}

#desc5{
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(../images/euci-image-banner4.gif) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#descG{
height: 200px;
color: #FFFFFF;
padding: 0;
background: #505050 url(../images/euci-image-banner-gw.gif) top left no-repeat;
clear: both;
margin: 5px 0 5px 0;
}

#desc6{
height: 200px;
color: #ffffff;
padding: 0;
background: #505050 url(../images/euci-image-banner5.gif) top left no-repeat;
clear: both;
margin: 5px 0 0 0;
}

#desc p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc2 p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc3 p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc4 p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc5 p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc6 p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#descG p{
width: 300px;
font-size: 1em;
line-height: 1.3em;
padding: 0 0 0 15px;
}

#desc h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#descG h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc2 h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc3 h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc4 h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc4 h1{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc5 h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc6 h2{
padding: 15px 15px 0 15px;
color: #ffffff;
}

#desc4 h3{
padding: 0px 15px 0 15px;
color: #ffffff;
}

#descG h3{
padding: 0px 15px 0 15px;
color: #ffffff;
}

#desc a{
color: #ffffff;
text-decoration: underline;
}

#main{
width: 650px;
float: left;
padding: 0 15px 0 0;
border-right: 1px solid #d0d0d0;

}
#main2{
width: 650px;
float: left;
padding: 0 15px 0 0;
margin: 4px 0 0 0;
border-right: 1px solid #d0d0d0;
border-left: 1px solid #d0d0d0;
border-top: 1px solid #800000;
}

.block{
background: #f0f0f0;
padding: 15px;
}

#sidebar{
width: 180px;
float: right;
}

#sidebar p {
text-align: left;
font-size: 0.9em;
line-height: 1.5em;
margin-left:5px;
padding: 0;
}

#sidebar form {
font-size: 0.9em;
line-height: 1.3em;
padding: 0;
}

#sidebar form label, #sidebar form input {
display:block;
margin: 0;
padding: 0;
}
#sidebar form input {
font-size: 0.9em;
line-height: 1.3em;
}

.sidelink{
text-align: left;
display: block;
width: 120px;
background: #f0f0f0 url("../images/corner01.gif") right top no-repeat;
padding: 3px 4px 3px 8px;
margin: 5px 10px 5px 0;
}

.sidelink:hover{
background: #e0e0e0 url("../images/corner01.gif") right top no-repeat;
text-decoration: none;
}

#copy {
padding: 0 0 10px;
}

#footer p, #copy p {
margin: 0;
padding: 0;
clear: both;
color: #808080;
font-size: 0.9em;
text-align: center;
}

#footer a, #copy a{
color: #808080;
}

h1{
margin: 0 0 20px 0;
font-size: 2.1em;
font-weight: normal;
}

h2{
margin: 0 0 20px 0;
font-size: 1.6em;
font-weight: normal;
}

h3{
margin: 20px 0 10px 0;
font-size: 1.4em;
font-weight: normal;
}

.heading{
font-size: 1.4em;
font-weight: bolder;
background: #999999;
}

.session{
font-weight:bold; 
display:block; 
padding:1px 3px; 
font-style:normal; 
color:#fff; 
background-color:#000; 
text-transform:uppercase;
}

.sect{
font-weight:bold; 
display:block; 
font-style:normal; 
color:#000; 
background-color:#CCCCCC; 
text-transform:uppercase;
}

.break{
font-weight:bold; 
display:block; 
font-style:normal; 
color:#666;	
background-color:#E8E8E8; 
text-transform:uppercase;
}

.speaker{
font-weight:bold; 
display:block; 
font-style:italic; 
color:#000;	
text-transform:none;
}

p{
margin: 0 0 15px 0;
line-height: 1.5em;
text-align: left;
}

.right{
text-align: right;
}

a img{
border: 0;
}

.photo{
padding: 0;
display: block;
margin: 15px auto;
}

.hide{
display: none;
}

table#events {
margin: 10px 0;
padding: 0;
border: 1px solid #CCC;
border-spacing: 0px;
border-collapse: separate;
background-color: #EEE;
}

.section {
font-weight:bold; 
display:block; 
font-style:normal; 
color:#fff; 
background-color:#800000; 
text-transform:uppercase;
}
/* day */
.day{
font-weight:bold; 
display:block; 
font-style:normal; 
color:#fff; 
background-color:#c90; 
text-transform:uppercase;}

table#events th {
text-align: left;
padding: 3px 5px;
color: #FFF;
background-color: #999;
/*border-bottom: 1px solid #CCC;*/
}

table#events tr.nobk td {
	color: #000;
	background-color: #fff;
}

table#events td {
padding: 7px 5px;
border-top: 1px solid #CCC;
vertical-align:middle;
/*font-weight:bolder;
*/}

table#events td.noborder {
border-width: 0;
}

table#events tr.month td{
font-weight: bold;
color: #fff;
background-color: #990000;
}

table#events td.date { 
width: 10%;
}
table#events td.eventTitle{
width: 55%;
}
table#events td.location {
width: 20%;
}
table#events td.register {
width: 15%;
}
.cpe {
	line-height: 1.5em;
	font-size: 0.8em;
	text-align: left;
	margin: 0 0 15px 0;
}

fieldset
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.1;
	text-align:left;
	-moz-border-radius: 8px; border-radius: px;
}