body, HTML {
	margin: 0px;
	background-color:#0083a9;
	font-size:62.5%
}

input, textarea {
	border: 1px solid #CCC;
	font-size: .9em;
}
textarea {
	font-size: 1.1em;
}
select {
	font-size: .9em;
}

img {
	border: 0px;	
}


#frame {
	margin-left:auto;
	margin-right:auto;
	width: 964px;
	position:relative;

}
#header {
	text-align:right;
	height: 108px;
	background-image: url(images/background_header.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#main {
	background-image: url(images/background_main.jpg);
	background-repeat: repeat-y;
	background-position: top;
	width:964px;
}

#breadcrumbs {
	font-size: .8em;
	padding:0px;
	color:#999;
	padding-top: 30px;
	margin-left:35px;
}

#breadcrumbs a {
	color:#999;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}




#footer {
	height: 43px;
	width: 964px;
	background-image: url(images/background_footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left:auto;
	margin-right:auto;
}

/* main frame elements */

#logo {
	float:left;
	margin: 20px 0px 0px 10px;
	width:410px;
	text-align:left;
}
#cartbuttons {
	float:right;
	margin: 61px 20px 0px 10px;
	width: 400px;
}
#cartbuttons a {
	margin: 0px 10px 0px 0px;
}


/* footer */
#footer {
	font-size: .9em;
	color:#FFF;
}
#footer a {
	color:#FFF;
}
#footerleft {
	float: left;
	width: 400px;
	margin-left: 20px;
	margin-top: 15px;
}
#footerright {
	float: right;
	width: 400px;
	text-align:right;
	margin-right: 20px;
	margin-top: 15px;
}

/* nav */

#topnav {
	width: 900px;
	position:absolute;
	top: 95px;
	left: 30px;
	z-index:3000;
}



#nav {
	font-size:.95em; 
	line-height:1em; 
	

}


#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	z-index:3000;
	
}

#nav a{
display:block;
padding:6px 5px 6px 5px;
color:#fff;
text-decoration:none;
background-color:#74acbe;
border-left: 1px solid #ffffff;
}

#nav a:hover{
background-color:#0083a9;
color:#ffffff;
}

#nav li{
float:left;
position:relative;
margin:0;
padding:0;
z-index:3000;

}

#nav ul {
position:absolute;
display:none;
width:150px;
top:2.3em;
text-align:left;
left:0px;
z-index:2000;
}

#nav li ul a{
width:150px;
height:auto;
float:left;

}

#nav ul ul{
top:auto;

}	

#nav li ul ul {
right:170px;
margin:0px 0 0 10px;
text-align:right;
position:relative;
z-index:2000;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;

}

/* center column */

#centrecolumn {
	padding-top:10px;
}
#rightColumn {
	float:left;
	width:650px;
	padding-bottom:40px;
}
#leftColumn {
	float:left;
	width:880px;
	padding-bottom:40px;
	margin-left: 40px;
}
/* scroller subjects */
#subjectBlock {
	width: 202px;
	color:#ffffff;
		margin-top:20px;

}
#subjectBlockContent {
	width: 202px;
	background-image: url(images/scroller_back.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}
#subjectBlockTop {
	width: 202px;
	background-image: url(images/scroller_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#subjectBlockBottom {
	width: 268px;
	background-image: url(images/scroller_bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}



#subjectBlockContent ul { margin:0px;padding:0px; }
#subjectBlockContent ul li{ list-style:none; display:block; margin:0px;margin:0px 0px 0px 0px;padding: 7px 15px 5px 15px;border-bottom: 1px dotted #999; }
#subjectBlockContent p {
	font-size: .8em;
	line-height: 1.3em;
	margin:0px;
	padding:0px 0px 12px 0px;
	color:#333333;
}
#subjectBlockContent li p a {
	text-decoration:underline;
}
#subjectBlockContent H1 {
	font-size: 1.15em;
	line-height: 1.1em;
	margin:0px;
	padding:0px 0px 6px 0px;
	border:none;
	color:#333333;
}
#subjectBlockContent p a {
	color:#333333;
	text-decoration:none;
}



/* search block */
#leftnav {
	padding-top:0px;
	margin-left:30px;
	float:left;
	width: 250px;
	margin-bottom: 50px;
}
#locationBlock {
	width: 202px;

}
#locationBlockTopFilter {
	width: 202px;
	background-image: url(images/search_top_location.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#locationBlockContent {
	width: 202px;
	background-image: url(images/scroller_back.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}
#locationBlockBottom {
	width: 268px;
	background-image: url(images/search_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 5px;
}



#workshopBlock {
	width: 202px;
	margin-top:20px;
}
#workshopBlockContent {
	width: 202px;
	background-image: url(images/scroller_back.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}
#workshopBlockTop {
	width: 202px;
	background-image: url(images/search_top_location.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#workshopBlockTopFilter {
	width: 202px;
	background-image: url(images/search_top_location.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#workshopBlockBottom {
	width: 268px;
	background-image: url(images/search_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 5px;
}







#searchBlock {
	width: 202px;

}
#searchBlockContent {
	width: 202px;
	background-image: url(images/scroller_back.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	padding: 0px 0px 0px 0px;
}
#searchBlockTop {
	width: 202px;
	background-image: url(images/search_top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#searchBlockTopFilter {
	width: 202px;
	background-image: url(images/search_top_filter.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
}
#searchBlockBottom {
	width: 268px;
	background-image: url(images/search_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 5px;
}
.searchItem {
	padding:15px 15px 0px 15px;	
}
.searchCheckBox {
	float:left;
	width: 40px;
}

#searchBlockContent p {
	font-size: .9em;
	line-height: 1.3em;
	margin:0px;
	padding:0px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	color:#000000;
	border-bottom: 1px dotted #CCC;
}
#searchBlockContent H1 {
	font-size: 1.15em;
	line-height: 1.1em;
	margin:0px;
	padding:0px 0px 6px 0px;
	border:none;
	color:#333333;
}
#searchBlockContent p a {
	color:#333333;
	text-decoration:none;
}
#iblogo {
	background-image: url(images/logo_ib.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width:110px;
	height:107px;
	margin-top: 20px;
	margin-left: 40px;
}

#securityMetrics {
	margin-left: 45px;
	margin-top:20px;
}

/* Misc */
.clear {
	clear:both;
}

#crossSlider {
	position:relative;
	margin-bottom:15px;	
	width: 650px;
	height: 200px;
	z-index: 1000;
}

.crossSliderH1 {
	color:#FFF;
	background-color:#f89828;
	z-index: 3000;
	padding: 4px;
	line-height: 1em;
	margin-top: -15px;
	margin-bottom: 15px;
}


/* workshops */
.subjectRow {
	padding: 4px 0px 4px 0px;
	border-bottom: 1px dotted #CCC;
	color:#666;
}
.span1 {
	float:left;
	width: 280px;
}
.span2 {
	float:left;
	width: 90px;
}
.span3 {
	float:left;
	width: 85px;
	text-align:center;
}
.span4 {
	float:left;
	width: 60px;
	margin-left:10px;
}
.span5 {
	float:left;
	width: 100px;
	margin-left:25px;
}
.span6 {
	float:left;
	width: 150px;
}
.span6button {
	float:left;
	width: 150px;
	cursor:pointer;
	color: #0083a9;
}
.subjectRow H2 {
	color:#333;	
	padding:0px 0px 4px 0px;
	margin-top: 8px;
}

.formRow {
	padding: 10px 0px 10px 0px;
	clear:both;
}

.columnHeader {
	background-color:#eeeeee;
	padding:4px;
	font-size: .8em;
}


/* subjects */

.subjectBlock {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0px 20px 20px;
	background-image: url(images/background_subjects.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.subjectBlock H1 {
	font-size: 1.65em;
	line-height: 1.7em;
	margin:0px;
	padding:10px 0px 0px 0px;
	border:none;
	color:#333333;
}
.subjectBlock H2 {
	font-size: 1.2em;
	line-height: 1.4em;
	margin:0px;
	padding:8px 0px 0px 0px;
	border:none;
	color:#333333;
}

.subjectBlock H3 {
	font-size: 1.1em;
	line-height: 1.2em;
	margin:0px;
	padding:8px 0px 0px 0px;
	border:none;
	color:#333333;
}

#downloadIcons {
	margin-top:10px;	
}

#discountText {
	margin-top: 10px;
	float: left;
}
.otherSubjects {
	padding-left:15px;	
}



.red {
	color:#F00;	
}


/* cart */
.cartrow {
	border-bottom:1px dotted #999;
	padding: 12px 0px 12px 0px;
}
.remove {
	cursor:pointer;	
}

#paymentBlockTransfer {
	padding-left: 50px;
	padding-top:20px;
}

/* general */
.errorBlock {
	padding: 8px 0px 8px 0px;
	color:#FF4F37;
	font-size: .9em;
}


/* course leaders */
.courseleaderblock {
	margin-top: 20px;	
}
.courseleaderimage {
	float:left;
	width: 130px;
}
.courseleadertext {
	float:left;
	width: 500px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
.courseleadertext H3 {
	font-size: 1.5em;
}
.courseleadertext H4 {
	font-size: 1.2em;
	color:#666;
	font-weight: 100;
	margin: 4px 0px 4px 0px;
}
.courseleaderbutton {
	text-decoration:underline;
	cursor:pointer;
}


#container {
	background-image: url(images/background_photo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:565px;
	height:422px;
	padding-top: 40px;
	padding-left:75px;
	position:relative;
}


/* Easy Slider */



	#slider{
		width: 427px;
		position:relative;
		z-index:0;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:427px;
		height:327px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:94px;
		height:42px;
		position:absolute;
		left:0px;
		top:390px;
		}	
	#nextBtn{ 
		left:450px;
		}
	#prevBtn{ 
		left:80px;
		}
	#prevBtn a, #nextBtn a{  
		display:block;
		width:94px;
		height:42px;
		background:url(images/image_previous.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(images/image_next.png) no-repeat 0 0;	
		}												

/* Particpants */
.partBlock {
	border: 1px dotted #999;
	padding: 10px;
	margin-bottom: 10px;
}