
/* Section 1       general CSS */

body {  border: 0px; padding: 0px;
	background: #FFFFFF;
	height:100%;
	font-family: tahoma, arial, sans-serif;
	color: #E8E8E8;
	text-align: center;
	background-image: url(images/stoneTile.gif);
}
	
	
a:visited	{text-decoration: none; font-weight: bold; color: #2E8B57; }
a:active	{color: red; text-decoration: none} 
a:link		{text-decoration: none; font-weight: bolder; color: #329865}
a:hover		{color: white; text-decoration: none; background: #CE5732;}
a img	{border: 0px}

p {margin-top: 0.25em; margin-bottom: 0.75em;}
dl {margin-bottom: 0.75em;}
ol, ul {padding-left: 1.5em;}




/* clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.split2 h2 {margin-top: 0px}
.split2right { width: 50%; float: right;}
.split2left {width: 50%; float: left;}

.flashy {background: url(images/animated_background_3_0007.gif)}


/* Image white border */
.wb img {border: solid 1px #FFFFFF}
.wb2 img {border: solid 1px #FFFFFF; margin: 5px}


.whole {
	margin: 0px; 
	border: 0px; 
	padding: 0px; 

}

.header {
	width: 96%;
	margin: 0px auto 0px auto;
	text-align: left;
	padding: 0em 0px 0.5em 0px;
	background: #000000;
	vertical-align: middle;
}

.backr1, .backr2, .backr3, .backr4, .backr5, .backr6, .backr7, .backr8, .backr9, .backrA, .backrB, .backrC
	{
	background-position: top right;
	background-repeat: no-repeat
}

.backr1 {background-image: url(images/backr1.jpg)}
.backr2 {background-image: url(images/backr2.jpg)}
.backr3 {background-image: url(images/backr3.jpg)}
.backr4 {background-image: url(images/backr4.jpg)}
.backr5 {background-image: url(images/backr5.jpg)}
.backr6 {background-image: url(images/backr6.jpg)}
.backr7 {background-image: url(images/backr7.jpg)}
.backr8 {background-image: url(images/backr8.jpg)}
.backr9 {background-image: url(images/backr9.jpg)}
.backrA {background-image: url(images/backrA.jpg)}



h1 {	margin: 0px 0px 2px 0px;
	color: #FFEFD5;}

h1 img {float:left; margin-left: 15px; border: 0px}

h2 {margin-top: 0px}



.mBody2 {
	width: 96%;
	height:98%;
	min-height:98%;
	background: #000000;
	margin: auto;
	padding: 3em 0px;
	border: solid 2px #329865
}

.mBody {
	width: 70%;
	background: #1C1C1C;
	margin: auto;
	border: solid 2px #329865;
	padding: 1em;
	text-align: left;
}

.footer {color: #000000; font-weight: bold}

/* goto top of page */
.jumpTop {
	float: right;
	font-size: 80%
}

.jumpTop:before {
	content: "Return to the:";
}

.jumpTop a:after {
	content: " ";
	padding-right: 10px;
	background-image: url(images/upDpRed.gif); 
	background-repeat: no-repeat;
}



.cball img {float: left; clear: left; margin: 0 1em 0 0;}




/* HoverBox Gallery */

ul.hoverbox, ul.hoverboxV {
	padding-left: 0px;
}

.hoverbox, .hoverboxV {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	list-style: none none;
}

.hoverboxV:after, .hoverbox:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

.hoverboxV li, .hoverbox li {
	position: relative;
	list-style: none none;
	background: #AAA;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	width: 156px;
	height: 119px;
}

.hoverboxV li {
	width: 119px;
	height: 156px;
}

.hoverboxV li a, .hoverbox li a {
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	display: block;
	width: 156px;
	height: 119px;
}

.hoverboxV li a {
	width: 119px;
	height: 156px;
}

.hoverboxV li a:hover, .hoverbox li a:hover {
	font-size: 100%;
	z-index: 2;
}

.hoverboxV li a img, .hoverbox li a img {
	width: 150px;
	height: 113px;
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverboxV li a img {
	width: 113px;
	height: 150px;
}

.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img,
.hoverbox li a:hover img,.hoverbox li a:active img,.hoverbox li a:focus img {
	position: absolute;
	width: 300px;
	height: 225px;
	left: -100px;
	top: -60px;
	z-index: 1;
	border-color: #828282 #363636 #363636 #828282;
	border-style: solid;
	border-width: 4px;
}
.hoverboxV li a:hover img,.hoverboxV li a:active img,.hoverboxV li a:focus img {
	width: 225px;
	height: 300px;
	left: -60px;
	top: -75px;
	z-index: 1;
}





/* Section 2       main menues */
/* Site Navigation */
.allmenu {
	height: 50px;
	background: #DE8473;
	background-image: url(images/rod3.gif);
	border-top: 0px;
	border-bottom: solid 1px #1C1C1C;
	text-align: center;
	color: #FF8C00
}

.Mnu { margin: 0px 1em 4px 1em; padding-top: 8px}
.MnuB { margin: 0px 1em 4px 1em}
.Mnu, .MnuB {padding-left: 0px}

ul.Mnu li, ul.MnuB li {
	display: inline;
}

.MnuB li, .Mnu li {
	list-style-type: none; 
	margin: 0em; 
	padding: 0em;
	list-style: none;
	font-weight: bold
}

.Mnu li a:visited, .MnuB li a:visited { 
	text-decoration: none; 
	color: #363636;
}

.Mnu li a, .MnuB li a { 
	padding: 0.15em 0.5em;
	font-variant: small-caps;
	text-decoration: none; 
	color: #000000;
}

.Mnu li.menuhere a,  .MnuB li.menuhere a {
	color: #FFEFD5 !important;
	background: #A54231;
}

.Mnu li a:hover, .MnuB li a:hover {
	color: #FFEFD5;
	background: #000000;
	border: solid 1px #329865
}






/* Section 3       Specific to certain pages */
/* Front Page */
.mBodL, .mBodR {

	height: 540px;
	background-repeat: no-repeat;
}

.mBodL img, .mBodR img {
	visibility: hidden;
	overflow: hidden
}

.mBodL {
	width: 18%;
	float: left;
	background-image: url(images/bodyleft.jpg);
	background-position: top right;
}

.mBodR {
	width: 18%;
	float: right;
	background-image: url(images/bodyright.jpg);
	background-position: top left;
}


/* Staff page */
ul.staff ul, ul.staff {padding-left: 0px}
ul.staff ul {border: solid 1px #FFFFFF; margin-bottom: 1.5em; padding: 0.5em; background: #302020}


.staff li {list-style: none; }
.staff img {float: left; margin-right: 1em}
/* Staff list ie problem */
.staff ul, .staff li {margin-left: 0px}


/* Credentials & clients*/
.cred, .cred2 {margin-left: 0px; padding-left: 0px; font-size: 130%; font-weight: bold}
.cred li, .cred2 li {list-style: none}
.cred li{text-align: center;}
.cred li {margin-bottom: 1em; color: #FFE4E1}
.odd {color: #B5B5B5; color: #F0FFF0 !important}

.oy li {color: #FF6600;}
.oy li.od {color: #FFCC00;}


/* Course Dates */
table, table caption {margin: 0 auto}

.timetable td, .teams td {text-align: center }
.timetable caption {font-weight:bold;}
.timetable thead {background: #363636}
.timetable tfoot {font-family:monospace;}
td {padding: 0.2em 0.75em }
th {font-size: 120%}

.venue {background: #663333}
.kourse {background: }
.timedate {background: #8B864E}
.places {background: #000000; font-size: 110%; font-weight:bold;}


/* Media Press */
blockquote {margin-left: 0px; margin-right: 0px}
blockquote .split2right { width: 48%;}


