/* #############################: only dif between inner and inner no nav is the container and column1 :############################################# */
body {
	font: 80% Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background: url(/media/media,72813,en.png) repeat left top;
}

h2.logohome {
	text-indent: -9000px;
	}

h2.logohome, h2.logohome a {
	width: 120px;
	height: 100px;
	margin-left:20px;

	display: block;	
	}



#container {
	width: 840px;
	background: url(/media/media,72816,en.png) repeat-y center top;
	margin: 0em auto;
	padding: 0em;
}
#header {
	background: url(/media/media,72823,en.png) no-repeat center center;
	height: 150px;
	width: 100%;
}
body.green #header{
	background: url(/media/media,72825,en.png) no-repeat center center;
}
body.pink #header{
	background: url(/media/media,72826,en.png) no-repeat center center;
}
body.yellow #header{
	background: url(/media/media,72827,en.png) no-repeat center center;
}
body.blue #header{
	background: url(/media/media,72824,en.png) no-repeat center center;
}
#breadcrumb{
	width:100%;}
#breadcrumb li {
	float: left;
	list-style: none;
	margin-left:0.5em;
}
#breadcrumb a{
	color:#3A2073;
}
#breadcrumb ul {
	font-size:85%;
	background:#FFFFFF;
	width:800px;
	margin: 0em 0em 0em 20px;
}

html>/**/body #breadcrumb ul{
	margin-left:-10px;
}
#breadcrumb a{
	font-weight:bold;
	background: url(/media/media,72814,en.png) no-repeat right center;
	padding-right: 1.5em;
	
}
#breadcrumb a.last{
	background: url(/media/breadcrumb_arrow_none.png) no-repeat right center;
}

#topnav ul{
	margin-left:0em;
	float:right;
	width:800px;
	margin-top:70px;
	margin-right:10px;
}
html>body #topnav ul{
	margin-right:20px;
}
html:first-child #topnav ul{
	margin-top:72px;
	width:780px;
}
#topnav li{
	float:right;
	list-style:none;}
#topnav a{
	display:block;
}
#topnav a.blue {
	background: url(/media/media,72829,en.png) no-repeat center center;
	height: 30px;
	width: 93px;
}
#topnav a.yellow {
	background: url(/media/media,72836,en.png) no-repeat center center;
	height: 30px;
	width: 180px;
}
#topnav a.green {
	background: url(/media/media,72832,en.png) no-repeat center center;
	height: 30px;
	width: 99px;
}
#topnav a.pink  {
	background: url(/media/media,72834,en.png) no-repeat center center;
	height: 30px;
	width: 108px;
}
#topnav li ul.blue{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-320px;
}
html>body #topnav li ul.blue{
	margin-left:-413px;
	top: 44px;
}
html>/**/body #topnav li ul.blue{
	margin-left:-360px;
	top: 44px;
}
html:first-child #topnav li ul.blue{
	top: 42px;
}
#topnav li ul.yellow{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-413px;
}
html>body #topnav li ul.yellow{
	margin-left:-593px;
	top: 44px;
}
html>/**/body #topnav li ul.yellow{
	margin-left:-453px;
	top: 44px;
}
html:first-child #topnav li ul.yellow{
	top: 42px;
}
#topnav li ul.green{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-593px;
}
html>body #topnav li ul.green{
	margin-left:-692px;
	top: 44px;
}
html>/**/body #topnav li ul.green{
	margin-left:-633px;
	top: 44px;
}
html:first-child #topnav li ul.green{
	top: 42px;
}
#topnav li ul.pink{
	height:7px;
	width: 800px;
	position: absolute;
	top: 40px;
	margin-left:-692px;
}
html>body #topnav li ul.pink{
	margin-left:-800px;
	top: 44px;
}
html>/**/body #topnav li ul.pink{
	margin-left:-732px;
	top: 44px;
}
html:first-child #topnav li ul.pink{
	top: 42px;
}
#topnav ul.blue li{
	background: url(/media/media,72830,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}

#topnav ul.green li{
	background: url(/media/media,72831,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}
#topnav ul.yellow li{
	background: url(/media/media,72835,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}
#topnav ul.pink li{
	background: url(/media/media,72833,en.png) no-repeat center center;
	width: 100%;
	height:7px;
}
#topnav ul.pink, #topnav ul.green, #topnav ul.yellow, #topnav ul.blue{
	display:none;
}
body.green #topnav li:hover ul.pink, body.green #topnav li:hover ul.green, body.green #topnav li:hover ul.blue, body.green #topnav li:hover ul.yellow,
body.pink #topnav li:hover ul.pink, body.pink #topnav li:hover ul.green, body.pink #topnav li:hover ul.blue, body.pink #topnav li:hover ul.yellow,
body.yellow #topnav li:hover ul.pink, body.yellow #topnav li:hover ul.green, body.yellow #topnav li:hover ul.blue, body.yellow #topnav li:hover ul.yellow,
body.blue #topnav li:hover ul.pink, body.blue #topnav li:hover ul.green, body.blue #topnav li:hover ul.blue, body.blue #topnav li:hover ul.yellow{
display:block}

#column1 {
	float: left;
	width: 609px;
	margin-left: 15px;

}

#column1 img {
float:right;
padding:10px;
margin:10px;
}

html>body #column1 {
	margin-left: 30px;
}
#column1 a {
	color: #0066CC;
}
#column1 a:hover {
	text-decoration: none;
}
.green h1 {
	background: url(/media/media,72819,en.png) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

.green_short h1 {
	background: url(/media/media,75762,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

.pink h1 {
	background: url(/media/media,72820,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}
.yellow h1 {
	background: url(/media/media,72821,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}
.blue h1 {
	background: url(/media/media,72818,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

.turqouise h1 {
	background: url(/media/media,75621,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

.turqouise_lrg h1 {
	background: url(/media/media,75627,en.jpg) no-repeat left top;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	margin-top:0.3em;
}

#column2 {
	float: right;
	width: 180px;
	margin-right: 10px;
}
html>body #column2 {
	margin-right: 20px;
}
.invisible {
	overflow: hidden;
	position: absolute;
	height: 0em;
	width: 0em;
}
.ff {
	clear: both;
	float: none;
	width: 100%;
}
#rightnav ul {
	margin-left: 0em;
	width: 100%;
}
html>/**/body #rightnav ul {
	margin-left: -3.2em;
	width: 100%;
}
#rightnav li {
	list-style: none;
}
#rightnav a {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.5em;
}

#rightnav .currentsection {
	color: #000000;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 0.5em;
}

#rightnav li li a{
	background: #F2f2f2;
}
#rightnav a:hover {
	color: #000000;
	background: #cccccc;
}
#rightnav h2 {
	background: url(/media/media,72822,en.png) no-repeat center center;
	padding-bottom: 0.6em;
	padding-top: 0.6em;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom:-0.8em;
}
#footer {
	font-size: 85%;
	color: #999999;
	text-align: center;
	border-top: 1px solid #CCCCCC;
}
#column1 #footer a {
	color: #999999;
}
#footer li {
	float: left;
	list-style: none;
	margin-right: 0.5em;
	text-align: center;
}
#footer ul {
	margin-right: auto;
	margin-left: auto;
	float: none;
	text-align: center;
}
#footernav {
	width: 55%;
	margin:-1.7em auto 0em;
	padding:0em;
}
html>/**/body #footernav {
	margin-top: -1em;
}
#footernav ul{
	margin:0em;
	padding:0em;
}
#footernav a {
	background: url(/media/media,72817,en.png) no-repeat right center;
	padding-right: 1em;
}
#footernav a.last {
	background: url(/media/footer_bar_none.png) no-repeat right center;
}
#footernav a:hover {
text-decoration:none;
}

/* #############################: BEGIN EDITS :############################################# */

 

.col1_event { text-align: left; background: url(../images/home_box1_line.png) repeat-x center bottom; padding: 0px 0px 2px 0px; margin: 5px 8px 5px 8px;}

.col2_event { text-align: left; background: url(../images/home_box2_line.png) repeat-x center bottom; padding: 0px 0px 2px 0px; margin: 5px 8px 5px 8px;}

.col1_event img.event_img, .col2_event img.event_img { float: left; margin: 0px 10px 5px 0px;}

p.event_p { float: left; margin: 0px; padding: 0px; font-size: 90%;}                                                    

div.clear10 { clear: both; height: 10px; font-size: 1px;}

div.clear { clear: both; height: 1px; font-size: 1px;}

 

/* ##############################: END EDITS :############################################# */

/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
table {
  width: 600px;
  border-collapse: collapse;
  border: 1px solid #999966;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #FFFFF0;
  margin-top:10px;
  margin-bottom:10px;
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #999966;
  text-transform: uppercase;
  }
td, th {
  border: 1px solid #CCCC99;
  padding: .4em;
  color: #363636;
  }

thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #CCCC99;;
  text-align: left;
  background: #DBD9C0;
  color: #444444;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #C2F64D;
  color: #363636;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #999966;
  background: #DBD9C0;
  padding-top:3px;
  color: #444444;
  }
.odd {
  background: #F7F5DC;
  }
tbody tr:hover {
  background: #FFFFFF;
  border: 1px solid #CCCC99;
  color: #444444;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFFFFF;
  color: #444444;
  }

/*---layout for the workshop application forms---*/
.download_file {
padding: 0 10px 5px 5px;
}

#column1 .download_file img {
padding: 0 10px 0 0;
margin:0;
float: left;
}