/* 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:0px 0px 20px 0px;
}

#tabmenu ul li {
	color:#fff;
	list-style: none;
	font-weight:bold;
	background-color:#6477ad;
	padding:10px; 
	margin-left:10px;
	float:left;

	*margin-bottom:-17px;

}

#tabmenu .on {position:relative;top:10px;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:30px; margin-bottom:10px;}



/* --- layout ------------------------------------------------------------ */

body {
	margin: 0px;
	padding: 0px;
	letter-spacing:0.06em;
	font-family: Tahoma, verdana, arial, sans-serif;
	font-size: 1em;
	color: #000;
	background-color: #e4e4fc;
	background-image: url("images/bg.jpg");
	background-position: 0px 50px;
	background-repeat:repeat-x;


}

#topNav {
	background-color:#231f50;
	height:40px;
}

#search {
	color:white;
	margin-left:18px;
	float:left;
}

#topmenu {
	color:white;
	margin-right:38px;
	float:right;
}

#primary_nav_wrap
{
	display:none
}

#container {
	width: 1270px;
	height:100%;
	margin: 0px auto;
	text-align:left;

	background-position: 0px -247px;  
}

#frame {
	
	margin: 0px 0em -26px 0em;
	border-bottom:1em solid #e4e4fc;
}

#logo {
	*margin-top:10px;
}

#breadcrumb {
	color:white;
	font-weight:bold;
	font-size:0.8em;
 	margin:6px 0px -13px 8px;
	letter-spacing:0.02em;

}

#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;}


#botNav {
   	background-color:#000;
	height:235px;
}

#content {
	position:relative;

	background-image: url("images/bg.jpg");
	
    background-position: 0px -3px;
 	background-repeat:repeat-x;

	margin-top: -10px;		


	*margin-top: -20px;
    *background-position: 0px 7px;	

}


#runText {
	width: 920px;
	margin:10px 20px 10px 10px;
}

#rgtCol {
	width: 220px;

	position: absolute;
	top: 175px;
	left: 1000px;
}


#outside-top {
	background-color:#231f50;
	border-bottom:3px solid #cd876b;
}

#hdr {
	background-color: #231f50;
	padding-top:15px;

	width: 1270px;
	height:100%;
	margin: 0px auto;
}

#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: 1270px;
	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 {
	position:absolute;
	right:360px;
	top:-70px;
	*top:-60px;
}

#phototop2 {
	position:absolute;
	right:200px;
	top:-10px;
	*top:0px;
}

#phototop3 {
	position:absolute;
	right:30px;
	top:30px;
	*top:20px;
}

.photomain {
	border-radius: 0px;
}

.video-container {
	float:left;margin-right:20px;margin-left:30px;margin-top:20px
	


}

#maintext {width:1000px; margin:0px; padding:0px;*margin-top:-30px;}
#sidebox1 {width:250px; margin:0px; padding:0px;}
#sidebox2 {width:250px; margin:0px; padding:0px;}
#sidebox3 {width:250px; margin:0px; padding:0px;}
#sidebox4 {width:250px; margin:0px; padding:0px;}

.msbox h1, .msbox h2, .msbox h3, .msbox p, .msbox ol li {margin:0 30px;}
.msbox h1 {border-bottom:dashed 1px #000;color:#162267; font-family:"courier new";font-style:italic;font-size:1.8em;padding-bottom:0.3em;margin-bottom:0.5em; letter-spacing:0.1px;padding-top:0.7em;}
.msbox h2 {font-weight:normal;font-size:1.5em; color:#000; border:0;padding-top:0.5em;padding-bottom:0.5em;letter-spacing:0.5px;}
.msbox h3 {font-size:1.2em; color:#000; border:0;padding-top:0.5em;}
.msbox p {font-size:0.88em;padding-bottom:1.33em;color:#000;font-weight:normal;line-height:1.6em;}
.msbox ol li {font-size:0.88em; color:#000; border:0;padding-top:0.25em;line-height:1.6em;}
.msbox ul li {font-size:0.88em; color:#000; border:0;padding-top:0.25em;line-height:1.6em;}


.msbox {background: transparent; margin:1em;}

.msbox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}

/* 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;}

#sidebox1 .xboxcontent1 {
	background:#f9eee9;
	background-image: url("images/sidebox1.jpg"); 
	background-position: top left;
 	background-repeat:no-repeat;
	border:6px solid #c95d2b;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}
#sidebox1 h2 {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; font-weight:bold; margin-left:0px; padding-left:10px;margin-right:0px;margin-top:0px; padding-top:0.5em;padding-bottom:0.5em;font-size:0.95em; background-color:#fff;color:#2f2f65;}
#sidebox1 ul li {list-style: disc;margin-left:-20px;font-size:0.88em;line-height:2.5em;color:#000;}

#sidebox2 .xboxcontent1 {
	background:#faf3f0;
	background-image: url("images/sidebox2.jpg"); 
	background-position: top right;
 	background-repeat:no-repeat;
	border:6px solid #cb896b;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}

#sidebox2 h2 {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; font-weight:bold; margin-left:0px; padding-left:10px;margin-right:0px;margin-top:0px; padding-top:0.5em;padding-bottom:0.5em;font-size:0.95em; background-color:#fff;color:#2f2f65;}
#sidebox2 ul li {list-style: disc;margin-left:-20px;font-size:0.88em;line-height:2.5em;color:#000;}

#sidebox3 .xboxcontent1 {
	background:#f5ebe5; 
	background-image: url("images/sidebox3.jpg"); 
	background-position: top right;
 	background-repeat:no-repeat;
	border:6px solid #9d3900;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}

#sidebox3 h2 {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; font-weight:bold; margin-left:0px; padding-left:10px;margin-right:0px;margin-top:0px; padding-top:0.5em;padding-bottom:0.5em;font-size:0.95em; background-color:#fff;color:#2f2f65;}
#sidebox3 ul li {list-style: disc;margin-left:-20px;font-size:0.88em;line-height:2.5em;color:#000;}

#sidebox4 .xboxcontent1 {
	background:#e3e7f0; 
	border:6px solid #162267;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;}
#sidebox4 h2 {border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; font-weight:bold; margin-left:0px; padding-left:10px;margin-right:0px;margin-top:0px; padding-top:0.5em;padding-bottom:0.5em;font-size:0.95em; background-color:#fff;color:#2f2f65;}
#sidebox4 ul li {list-style: none;margin-left:-30px;font-size:0.88em;line-height:2.5em;color:#000;}

* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  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}
}
