/* Stylesheet document by UpandDownhill Ltd (http://www.upanddownhill.com) */
/* Based on Owen Briggs template (http://www.thenoodleincident.com) */

ol {margin-top:0px;}
ul {margin-top:0px;}

a:link {color:#000099;
	text-decoration:none;
}   
a:visited {color:#000099}  
a:hover {color:#3333FF}  
a:active {color:#000099}  


a.botlink { 
	color:#fff;
 	text-decoration:none;
}

a.botlink:link {color:#FFF;}
a.botlink:visited {color:#FFF;}

a.botlink:hover { 
	color:#FFFFFF;
	border-bottom:1px dotted #FFFFFF;
	padding-bottom:2px;
}

a.midlink { 
	color:#0C25B2;
	font-weight:bold;
 	text-decoration:none;
}

a.midlink:link {color:#0C25B2;}
a.midlink:visited {color:#0C25B2;}
a.midlink:hover { 
	color:#0C25B2;
	border-bottom:1px dotted #000;
	padding-bottom:2px;
}

.sidelink { 
	color:#000;
 	text-decoration:none;
}

.sidelink:hover { 
	border-bottom:1px dotted #000;
	padding-bottom:2px;
}

a.sidelink:link{color:#000;}
a.sidelink:visited{color:#000;}
a.sidelink:hover{color:#000000;}
a.sidelink:active{color:#000;}


#tabmenu {
	margin:-5px 0px 0px 0px;
}

#tabmenu ul li {
	color:#fff;
	list-style: none;
	font-weight:bold;
	background-color:#6477ad;
	padding-bottom:14px;
	padding-top:10px;
	padding-left:2px;
	padding-right:2px; 
	margin-left:5px;
	float:left;
	font-size: 0.6em;
	margin-bottom:8px;

}

#tabmenu .on {color:#162262;background-color:#fdf7f4;*position:static;*margin-top:5px;}

#tabmenu a {

	color:#FFF;
	text-decoration:none;
}

#tabmenu a:hover {

	border-bottom:1px dotted #FFF;
}


.xboxcontent img {
	border:1px solid #DDC3B6;
	float:left;
	margin-right:10px;
	margin-top:6px;
}

.photomain { margin-left:15px; margin-bottom:14px; max-width:300px }

.photomain1 { margin-left:5px; margin-bottom:3px; max-width:100px }

.photomain3 { margin-left:5px; margin-top:10px; max-width:40px; vertical-align:middle; }

.photomain4 {
}

.photomain5 {
	max-width:0px;
	display:none;
}

#photomain5 {
	max-width:0px
	display:none;
}

/* --- layout ------------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	letter-spacing:0.09em;
	height: 100%;
	width:100%;

	font-family: Tahoma, verdana, arial, sans-serif;
	*font-size: 1em;
	color: red;

	background-color: #e4e4fc;
	background-image: url("images/bg.jpg");
        background-position: 0px 50px;
 	background-repeat:repeat-x;


}

#topNav {
	background-color:#231f50;
	height:70px;
}

#search {
	width:0px;
	display:none;
}

#topmenu {
	color:white;
	margin-top:6px;
	margin-right:15px;
	float:right;
	font-size:0.8em;
}

#primary_nav_wrap
{
	margin-top:0px
	margin-left:0px
	display:block;

}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0px;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
    border-style: solid;
    border-color: #4A6FE6;
    border-width:thin;

	background-color:#231f50;
	color:white;
	text-decoration:none;
	font-weight:300;
	font-size:0.8em;
	line-height:15px;
	padding:0px;
	font-family: Tahoma, verdana, arial, sans-serif;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#f6f6f6
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:100px;
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:0px 10px
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}

#container {
	width: 100%;
	height:100%;
	text-align:left;

	background-position: 0px;  
}

#frame {
	
	margin: 0px 0em -26px 0em;
	border-bottom:1em solid #e4e4fc;
}

#logo {
	 margin-top:0px;
 	 margin-left: auto;
         margin-right: auto;
	 margin-bottom:1px;
	 
}


#breadcrumb {
	color:white;
	font-weight:bold;
	font-size:0.7em;
 	margin:-1px 0px -20px 20px;
	letter-spacing:0.03em;
	padding-bottom:1px;

}

#breadcrumb a:link{color:#FFF;}
#breadcrumb a:visited{color:#FFF;}
#breadcrumb a:hover{color:#FFFFFF;
border-bottom:1px dotted #FFF;}
#breadcrumb a:active{color:#FFF;}

#rgtCol {
	width:1px;


}

#botNav {
   	background-color:#000;
	height:235px;
}

#content {
	width:100%;
	height:100%;

	background-image: url("images/bg.jpg");
	
    background-position: 0px -3px;
 	background-repeat:repeat-x;

	margin-top: -15px;		


	*margin-top: -50px;
    *background-position: 0px 7px;	

}

#runText {
	width: 100%;
	height: 100%;
	
}

#advert {
	width:10%;
}


#rgtCol {
	width: 1px;

	position: absolute;
	top: 1px;
	left: 1px;
}


#outside-top {
	background-color:#231f50;
	border-bottom:5px solid #cd876b;

}

#hdr {
	background-color: #231f50;
	padding-top:0px;

	width: 100%;
	height:100%;
	margin: 0px auto;
	margin-top: -10px;
}


/#outside-bottom {
/
/	background-color:#000;
/	border-top:3px solid #cd876b;
/	border-bottom:1px solid #cd876b;
/}
/
/#ftr {
/
/	//margin:0px 0px 0px 0px;
/	padding:0px;
/
/	width: 100%;
/	height:400px;
/	margin: 0px auto;
/	text-align:left;
/	background-color:#000;
/	display:none;
/}
/
/#botNav {
/	color:white;
/	background-color:#000;
/	padding-top:20px;
/	height:400px;
/}
/
/#botNav UL LI {
/	list-style-type:none;
/	margin-left:-40px;
/}
/
/#copyright {
/	color:#fff;
/	background-color:#000;
/	font-size:0.8em;
/	text-align:right;
/	padding-bottom:10px;
/
/}

#outside-bottom {

	background-color:#000;
	border-top:3px solid #cd876b;
	border-bottom:1px solid #cd876b;
}

#ftr {
	height:235px;

	//margin:0px 0px 0px 0px;
	padding:0px;

	width: 300px;
	height:100%;
	margin: 0px auto;
	text-align:left;
	background-color:#000;
}

#botNav {
	color:white;
	background-color:#000;
	padding-top:20px;
}

#botNav UL LI {
	list-style-type:none;
	margin-left:-40px;
}

#copyright {
	color:#fff;
	background-color:#000;
	font-size:0.8em;
	text-align:right;
	padding-bottom:10px;

}
#phototop1 {
	width:0px;
	display:none;
}

#phototop2 {
	width:0px;
	display:none;
}

#phototop3 {
	width:0px;
	display:none;
}

#photobottom {
	width:0px;
	display:none;
}

.photomain {
	border-radius: 0px;
	align:left;
	width:90%;
	height:auto;
}

.photomain1 {
	border=radius: 0px;
	align:center;
	max-width:70px;
	height:auto;
}

.photomain2 {
	border=radius: 0px;
	align:center;
	max-width:160px;
	height:auto;
}

.photomain3 {
	border=radius: 0px;
	align:center;
	max-width:20px;
	height:auto;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0px;
	width:100%;
	height:100%;
	padding:10px;
	border:10px;
	color:#6477ad;
}

#form {
	width=100px;
}


#maintext {width:100%; margin:0px; padding:0px;}
#topbox {width:100%; margin:0px; padding:0px;}
#sidebox1 {width:0px; margin:0px; padding:0px; display:none;}
#sidebox2 {width:0px; margin:0px; padding:0px; display:none;}
#sidebox3 {width:0px; margin:0px; padding:0px; display:none;}
#sidebox4 {width:0px; margin:0px; padding:0px; display:none;}
#sidebox5 {width:0px; margin:0px; padding:0px; display:none;}

.msbox h1, .msbox h2, .msbox h3, .msbox p, .msbox ol li {margin:0 10px;}
.msbox h1 {border-bottom:dashed 1px #000;color:#162267; font-family:"courier new";font-style:italic;font-size:1.3em;padding-bottom:0.3em;margin-bottom:0.5em; letter-spacing:0.1px;padding-top:0.5em;}
.msbox h2 {font-weight:normal;font-size:1.4em; color:#000; border:0;padding-top:0.75em;padding-bottom:0.25em;letter-spacing:0.5px;}
.msbox h3 {font-size:1.1em; color:#000; border:0;padding-top:0.5em;padding-bottom:0.25em}
.msbox p {font-size:1em;padding-bottom:1.33em;color:#000;font-weight:normal;line-height:1.6em;}
.msbox ol li {font-size:1em; color:#000; border:0;padding-top:0.25em;line-height:1.6em;}
.msbox ul li {font-size:1em; color:#000; border:0;padding-top:0.25em;line-height:1.6em;}
.msbox tr {font-size:1em;padding-bottom:1.33em;color:#000;font-weight:normal;line-height:1.6em;}

.topbox h1, .topbox h2, .topbox h3, .topbox p, .topbox ol li {margin:0 10px;}
.topbox p {font-size:1em;padding-bottom:1.33em;color:#000;font-weight:normal;line-height:1.6em;}


.msbox {background: transparent; margin:1em;}
.topbox {background: transparent; margin:1em; margin-top:1.5em;}				

.msbox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:15px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50

;}

/* hack for IE5.5 */
* html .msbox em {width:24px; height:12px; w\idth:0; hei\ght:0;}

* html .msbox span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xboxcontent {display:block; background:#fdf7f4; border:6px solid #ddc3b6; border-width:0 6px;}
.xboxcontent1 {display:block; background:#fdf7f4; border:6px solid #ddc3b6; border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;}



#DiaryTable td tr {
	width:100%;
	font-size:1em;
}

#DiaryDate {
	font-size:1em;
}

#DiaryDetails {
	font-size:0.5em;
}

#SessionTable {
	width:100% !important;
	font-size:1em;
}

#SessionTable td {
	width:inherit;
}

#SessionTable tr {
	width:100%;
}

input[type="text"] {
    height:1.5em;
    font-size:1em;
	size:2;
}

input[type="password"] {
    height: 1.5em;
	font-size:1em;
}


input[type="submit"] {
    height: 1.5em;
	font-size:1em;
}

select {
    height: 1.5em;
	font-size:1em;
}

* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 600px;
  max-height: 0%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

img {
    max-width:300px;
    height: auto;
}