@charset "utf-8";

/* CSS Document */



* {padding: 0; margin: 0; outline: 0; border: 0;}

img {border: 0;}

/*partners*/ 
.partners {
    margin-bottom: 20px;
    border-bottom: 1px solid #666;
    padding-bottom: 15px;
}

/***** TEXT STYLES *****/



p, h1, h2, h3, h4 {font-family: Arial, Helvetica, sans-serif;}



p {font-size: 12px; margin-bottom: 15px;}



h1 {
	font-size: 16px;
	color:#669900;
	border-bottom: 1px solid #A8BD2A;
	padding: 0 0 8px 0;
	margin: 0 0 20px 0;
}

h2 {font-size: 14px; color:#4e86a9; margin: 0 0 15px 0;}

h3 {
	font-size: 12px;
	color:#007CC2;
	margin: 0 0 15px 0;
	font-weight: bolder;
}



#maincontent ul {font-size: 12px; margin: 0 0 15px 13px;}



a:LINK {
	color:#007CC2;
	text-decoration: none;
}

a:VISITED {color:#6a311e; text-decoration: none;}

a:HOVER {text-decoration: underline;}



/*agenda*/

.subdate {color:#145e8d;}

.agendadate {color:#649332; font-size: 12px;}

.mainagenda {
	color:#000000;
	font-size: 12px;
}

.subagenda {
	color:#006600;
	font-size: 11px;
	float: left;
	font-style: normal;
	font-weight: normal;
}

.agendatopic {font-size: 12px; color:#145e8d; font-weight: bold;}

.sectionhead {
	background:#007CC2;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:5px;
}

.module {font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 3px; line-height: 20px;}

.module strong {color:#145e8d;}



/*workshops*/

.workshop {width: 370px;float: left; margin: 0 0 40px 0;}

.workshoptitle {font-size: 16px; color:#6a311e; margin: 0 0 30px 0; font-weight: bold;}

.workshopdetails {width: 370px; font-size: 14px; color: #666; font-weight: bold; float: left; clear: left;}

.firstdetail {margin-top: 10px;}

.time {color:#145e8d;}

.letter {color:#6a311e;}

.accordion {width: 370px; float: left; clear: both;}

dt {float: left; text-decoration: none; color:#145e8d; font-weight: bold; font-size: 13px; margin-top: 15px; clear: both; width: 370px; cursor: pointer;}

dd {font-size: 11px; margin-top: 15px; float: left; width: 370px; overflow:hidden;}



/*speaker profiles*/

.profile {width: 370px; float: left; margin-bottom: 20px; border-bottom: 1px solid #666; padding-bottom: 30px; font-size: 12px;}

.imgleft {float: left; padding: 0 10px 10px 0;}



/*Register*/

.register-now table { padding:8px 0px 5px 0px; text-align:center; border:1px; font-size: 11px; width: 370px;}

.register-now td {border: 1px solid #ccc;}

.register-now  input { margin:3px 3px 0 0; }

.left { float:left; margin-top:10px; }

.highlight {
	color:#006600;
}

.box {width: 330px; padding: 20px 20px 10px 20px; background: #fafafa; border: 1px dashed #c9db58; font-weight: bold;}

.readMore {
    width: 370px;
    float: left;
    clear: both;
    float: left;
    text-decoration: none;
    color: #8A2629;
    font-weight: bold;
    font-size: 13px;
    margin-top: 15px;
    clear: both;
    width: 370px;
    cursor: pointer;
}
.readMoreContent {
    font-size: 12px;
    margin-top: 15px;
    float: left;
    width: 370px;
	display: none;
}
#maincontent .readMoreContent ul {
	margin: 0 0 10px 20px;
}



/*Brochure*/

.brochureform label {float: left; clear: both; font-size: 12px; padding: 0 0 10px 0; width: 320px;}

.brochureform input {border: 1px solid #CCC; margin-left: 15px; float: right;}

.brochureform textarea {border: 1px solid #CCC; clear: both; float: left;  width: 300px; height: 100px; margin-bottom: 5px;}

.send {
	float: left;
	clear: both;
	margin-bottom: 20px;
	font-weight: bolder;
	font-size: medium;
	color: #CC0000;
}

.how {border: 1px solid #CCC; width: 250px; clear: both;}

.selectRequiredMsg, .textfieldRequiredMsg, .textfieldInvalidFormatMsg {float: left; font-size: 12px; margin-left: 5px;}

#sprytextfield1, #sprytextfield2, #sprytextfield3, #sprytextfield4, #sprytextfield5, #sprytextfield6 {clear: both; width: 380px;}



/*home*/

#homecontent {width: 375px; height: 421px; padding-top: 10px; padding-left: 5px; background: url(../images/contentbox_bg.gif) no-repeat;}

#homelist {width: 340px; float: left;}

#homelist li {list-style: none; font-size: 13px; background: url(../images/tick.gif) no-repeat; background-position: 0; padding-left: 40px; padding-bottom: 8px; line-height: 20px;}



/***** BODY AND CONTAINERS *****/



body {margin: 0 auto;font-family: Arial, Helvetica, sans-serif; background: url(../images/bg.gif) repeat-x #dedede;}

td {vertical-align:top; padding-bottom: 10px;}

#maincontainer {margin: 0 auto; width: 752px;}

#container {width: 752px;margin: 0 auto; background:#FFF; float: left; padding-left: 8px;}

#header {width: 744px;height: 176px;float: left;margin: 0 auto 20px auto;background: url(../images/header.gif) no-repeat;}

#leftnavigation {width: 180px;height: 563px;float: left;background: url(../images/leftnav_bg.gif) no-repeat;}

#leftnavigation .menu {    height: 470px;}

.criterion-logo {float: left; margin: 0; padding-top: 0px;}

#maincontent {width: 380px;float: left;margin-left: 20px;padding-top: 20px;}

#rightsidebar {width: 154px;float: right;}

#rightsidebar p{font-size: 8px; color: #999999; font-family: Georgia; margin-left:6px;}

#rightsidebar img {margin-bottom: 10px;}

#footer {width: 752px;height: 30px;float: left;margin-top: 20px; margin-left: -3px;background: url(../images/footer_bg.gif) no-repeat;}

#footer_links {
    color: #FFF;
    font-size: 11px;
    float: right;
    margin: 8px 10px 0 0;
}
#footer_links a {
    color: #FFFFFF;
}

#copyright {color:#FFF; font-size: 11px; float: left; margin: 8px 0 0 15px;}



/***** NAV *****/



#leftnavigation ul {float: left;width: 164px;margin: 10px 0 0 0;padding-left: 3px;}

#leftnavigation ul li {list-style: none;border-bottom: 1px solid #a8a8a8;}

#leftnavigation ul li a {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color:#FFF;font-size: 13px;font-weight: bold;display: block;padding: 10px 0 10px 5px;}

#leftnavigation ul li a:HOVER, .active {background: #E7AA2B;}



#leftnavigation ul li .register {color:#FF0000; background: none;}

#leftnavigation ul li .register:HOVER {color:#FF0000; background: none;}

.hide {
	display: none;
}
.infoOfferCode {
	float: right;
	margin-top:4px;	
}