/*****colors****
 * red #ce0c24
 * adults blue #2b7da7
 * home purple #942ba7
 * ***ratio ***
 *  0.645833333
 * ************
/* This rule resets a core set of elements so that they will appear consistent across browsers*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, ul, li{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* now follows reset of same elements as required by particular website */

/* The body is the outermost layout component and contains the visible page content.*/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: Georgia;
	font-size: 1em;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	text-align: center;
	line-height:1.6em;
}
/* This is a wrapper for the complete page content. It is common to use the wrapper to constrain the width of the page content*/
#ux_wrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	width: 620px;
}
/* This is a wrapper for the page content, not including the footer. This allows interesting styling of the borders and seperation of the page content from externals in the footer, such as web designer, funding icons etc*/
#ux_container {
    width:100%;
    background:white;
    border-radius:10px 10px 0px 0px; 
    margin-top:2px;
    }
#ux_pageheader {
    padding:0px;
    height:148px;
    background-image:url('../../common/content/img/logo/logo_7_620.png');
    background-repeat:no-repeat;
   
    }
#ux_main{
	width:620px;
	margin:0px;
	background:white;
}
#ux_contentblock {
    float:right;
    width:618px;
    padding:1px;
    font-size:1em;
    text-align:justify;
    }
#ux_menu {
	padding:0px 0px 0px 0px;
	font-size:.8em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height:3em;
}
/* menu tabs */
#ux_menu table{
	width: 100%;
	border:0px;
	text-align:center;
}
#ux_menu table td{
	background-color:#94e794;
}
#ux_menu a{
	color: white;
	text-decoration:underline;
	font-size:2em;
}
#ux_menu a:hover{
	text-decoration:none;
	color:black;
}
#ux_menu a.current_page {
	text-decoration:none;
	color:black;
}
/* end menu tabs */

#ux_content{
    float:right;
    width:550px;
    padding-right:20px;
	 background:white;
    text-align:justify;

    }
#ux_content h1{
	color:#3B0B0B;
	font-size:2em;
	padding-top:8px;
	padding-bottom:6px;
	clear:both;
}
#ux_content h2{
	color:#942ba7;
	font-size:1.5em;
	padding-top:6px;
	padding-bottom:4px;
	clear:both;
}
#ux_content h3{
	color:#2b7da7;
	font-size:1em;
	padding-top:4px;
	padding-bottom:2px;
	clear:both;
}
#ux_content p{
	padding-top:2px;
	padding-bottom:2px;
}
#ux_content li{
	list-style-type:bullet;
}
#ux_content img{
	padding:4px;
	width:30%;
	height:30%;
}
#ux_content table{
	margin-top:20px;
	margin-bottom:20px;
}


#ux_leftsidebar {
    clear:both;
    margin:auto;
    width:360px;
    padding:1px;
    font-size:1em;
    border-right:1px solid black;
    }
#ux_leftsidebar a{
	color:#2b7da7;
	text-decoration:underline;
}
#ux_leftsidebar a:hover{
	background-color:yellow;
	text-decoration:none;
}
#ux_leftsidebar h2{
	color:#942ba7;
}
#ux_leftsidebar h3{
	color:#2b7da7;
}
#ux_leftsidebar li{
	list-style-type:none;
}
div.ux_leftbar_slideshow {
	width:100%;
   }
div.ux_leftbar_slideshow img {
	width:360px;
	height:270px;
	padding-bottom:1px;
	}


div.ux_error{
	text-align:center;
	border:1px solid red;
	font-size:1em;
}
    


#ux_mainfooter {
    clear:both;
    color:#F5ECCE;
    }
#ux_containerfooter {
    clear:both;
    }
#ux_pagefooter {
    clear:both;
    padding:5px 10px;
    color:black;
    }

th.ux_thumbs{
	background:#3B0B0B;
	width:120px;
}
table.ux_contact{
	width:360px;
	background: #2b7da7;
	border:3px solid #942ba7;
}
table.ux_contact th{
	vertical-align:middle;
	padding:5px;
	border-bottom:1px dashed black;
}
table.ux_contact th h2{
	text-align:center;
	font-size:2em;
}

/*some kind of hack*/
* html #ux_containerfooter {
    height:1px;
    }
.left{
   float:left;
	padding-right:10px;
}
.right{
	float:right;
	padding-left:10px;
}
span.ux_note{
	font-size:.6em;
	font-style:italic;
}
#result{
	border:1px solid red;
	font-size:.8em;
	font-weight:bold;
	width:310px;
	padding:5px;
}

#wearehere-map {
	width:320px;
	height:200px;
	border:0;
}

/* Ticker Styling */
#leftsidebar newsticker{
	float:left;
	width:320px;
}

.ticker-wrapper.has-js {
	margin: 0px;
	padding: 0px 10px;
	width: 240px;
	height: 68px;
	display: block;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #ffffff;
	font-size: .9em;
}
.ticker {
	width: 350px;
	height: 52px;
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
}
.ticker-title {
	
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	font-size: 1em;
	/*text-transform: uppercase;*/
}
.ticker-content {
	margin: 0px;
	padding-top: 6px;
	position: absolute;
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
	overflow: hidden;
	white-space: wrap;
	line-height: 1.1em;
}
.ticker-content:focus {
	none;
}
.ticker-content a {
	text-decoration: none;	
	color: #4e2323;
}
.ticker-content a:hover {
	text-decoration: underline;	
	color: #4e2323;
}
.ticker-swipe {
	padding-top: 4px;
	position: absolute;
	top: 0px;
	background-color: #ffffff;
	display: block;
	width: 200px;
	height: 60px;
}
.ticker-swipe span {
	margin-left: 1px;
	background-color: #4e2323;
	border-bottom: 1px solid #4e2323;
	height: 12px;
	width: 7px;
	display: block;
}
.ticker-controls {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	float: left;
}
.ticker-controls li {
	padding: 0px;
	margin-left: 5px;
	float: left;
	cursor: pointer;
	height: 16px;
	width: 16px;
	display: block;
}
.ticker-controls li.jnt-play-pause {
	background-image: url('../images/controls.png');
	background-position: 32px 16px;
}
.ticker-controls li.jnt-play-pause.over {
	background-position: 32px 32px;
}
.ticker-controls li.jnt-play-pause.down {
	background-position: 32px 0px;
}
.ticker-controls li.jnt-play-pause.paused {
	background-image: url('../images/controls.png');	
	background-position: 48px 16px;
}
.ticker-controls li.jnt-play-pause.paused.over {
	background-position: 48px 32px;
}
.ticker-controls li.jnt-play-pause.paused.down {
	background-position: 48px 0px;
}
.ticker-controls li.jnt-prev {
	background-image: url('../images/controls.png');
	background-position: 0px 16px;		
}
.ticker-controls li.jnt-prev.over {
	background-position: 0px 32px;		
}
.ticker-controls li.jnt-prev.down {
	background-position: 0px 0px;		
}
.ticker-controls li.jnt-next {
	background-image: url('../images/controls.png');	
	background-position: 16px 16px;	
}
.ticker-controls li.jnt-next.over {
	background-position: 16px 32px;	
}
.ticker-controls li.jnt-next.down {	
	background-position: 16px 0px;	
}
.js-hidden {
	display: none;
}
.js-news {
	padding: 10px 0px 0px 45px; 
	color: #F5ECCE;
}
.left .ticker-swipe {
	/*left: 80px;*/
}
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
}
.left .ticker-controls {
    padding-left: 0px;
}
.right .ticker-swipe {
	/*right: 80px;*/
}
.right .ticker-controls, .right .ticker-content, .right .ticker-title, .right .ticker {
    float: right;
}
.right .ticker-controls {
    padding-right: 6px;
}