/* General layout */
body {background:#e0e0e0; color:#303030; font:76% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {background:#fff url(images/unique_facilities_swash_logo.png) no-repeat 10px 15px; margin:0 auto 20px; padding:5px 20px 20px; width:730px;}

/* Site title */
#logo {margin:15px 0 0; height: 110px;}
#logo h2 {text-indent:-9999px;}

#logo h2 a {border:none; color:#505050;}
#logo h2 a:hover {text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050; margin:0 0 20px 0;}

#logo .impact {float: left;}
#logo .contacts {float: right; width:50%; color:#505050; margin-top: 12px;}
#logo .contacts ul {list-style-type:none;}
#logo .contacts .col1 {float: right; text-align: right;}
#logo .contacts .col2 {float: right;}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none;}
a img {border:0;}
h1 {font-size:2em; font-weight:400; margin:0 0 12px;}
h2 {font-size:1.4em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:15px 0 0; text-align:left;}
ul,ol {margin:0 0 0 15px; padding:0;} /* previously: margin:0 0 15px 15px; */
li {margin:0 0 3px 0;}

/* Toptabs menu */
#toptabs {font-size:.8em; margin:10px auto -13px; width:760px;}
#toptabs p {color:gray; text-align:right;}
.toptab {background:#f0f0f0 url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #e0e0e0; color:gray; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.toptab:hover {background:#fafafa url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #eaeaea; color:#505050; text-decoration:none;}
.activetoptab {background:#fff url(images/corner2.gif) top right no-repeat; border-bottom:1px solid #fff; color:#505050; margin:0 0 0 4px; padding:4px 5px 3px; text-decoration:none;}
.activetoptab:hover {border-bottom:1px solid #fff; text-decoration:none;}

/* Navitabs menu */
#navitabs {clear:both;}
.navitab {background:#e0e0e0 url(images/corner.gif) top right no-repeat; border-bottom:none; border-left:1px solid #fff; font-size:1.1em; margin:0 0 4px; padding:4px 8px 5px; text-decoration:none;}
.navitab:hover {background-color:#d0d0d0;}
.navitab.active {background-color:#505050; color:#fff;}

/* Header description area */
#desc {background:#505050 url(/files/headers/default.png) top left repeat-y; clear:both; color:#fff; height:200px; margin:5px 0 0px;}
#audio #desc {background:#505050 url(images/desk_header.jpg) bottom left repeat-y;}
#desc #header_overlay{width: 350px; background: transparent url(images/mid_black.png); border-right: 2px solid white; padding: 15px; height: 170px;}
#desc p {font-size:1em; line-height:1.3em;}
#desc h1 {color:#fff; font-size: 1.8em;}
#desc a {border-color:#fff; color:#fff; text-decoration:none;}

/* Secondary Links */

#secondarylinks {background:#E0E0E0; padding: 10px;}
#secondarylinks  a {}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:15px 0 0 0; padding:0 15px 0 0; width:550px;}
#main .item {margin-bottom: 2em; padding-top:2em; border-top:1px solid #D8D8D8;}
#main .item.first {padding-top:1em; border-top:none;}
#main .item.image_ph {border: 1px dashed #666; padding: 2em; height: 4em;}

.readmore a{float:right;}

/* Sidebar */
#sidebar {float:right; width:150px; margin-top: 15px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 10px; padding:0;}
ul.sidelink li a{background:#e0e0e0 url(images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {background:#D0D0D0 url(images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Lower */

#lower {clear:both;}
#lower .client {border:1px solid #d8d8d8; margin:10px 3px;}
#lower a .client:hover {border:4px solid #d8d8d8; margin:7px 0px;}
#lower a {border:none;}

/* Footer */
#footer {background:#fff; border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0;}
#footer a {color:gray;}
#footer a:hover {color:#303030;}
#footer p {color:gray; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0;}

/* Additional classes */
.photo {background-color:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; margin:-12px 0 12px 0;}
.block {background:#f0f0f0; padding:10px;}
.hide {display:none;}
/* REO - don't think we need this for anything any more.
.right {margin:-8px 0 8px 0; text-align:right;}
*/


/* Care of REO */
.clearfix {clear:both;}
.item img{margin: 5px;}
.item img.right{float: right;}
.item img.left{float: left;}

.news-post {text-indent: -99999px; height: 686px}
.date {font-size: 0.8em; font-style: italic;}

.toggle_button{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 30%;
	margin: 0.5em 35%;
	padding: 1px;
	text-align: center;
	
}

.toggle_button.clickto_show{
	background-image: url(images/arrow_down_grey.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.toggle_button.clickto_hide{
	background-image: url(images/arrow_up_grey.png);
	background-repeat: no-repeat;
	background-position: 0% 50%;
}

.toggle_heading{
	padding-left: 14px;
	background-position: 0% 50%;
	cursor: pointer;
}

.toggle_heading.clickto_show{
	background-image: url(images/show.png);
	background-repeat: no-repeat;
}

.toggle_heading.clickto_hide{
	background-image: url(images/hide.png);
	background-repeat: no-repeat;
}
/* For the JS toggling */
.show_with_js{
	display:none;
}

.toggle_section {margin-top:1em;}
.toggle_section p {margin:0;}

.tweet {
	border-bottom: 1px dashed #D2DADA;
	font-size: 1.2em;
	padding: 1.4em 1em 1.4em 6em;
	background: transparent url(/theme/images/ufl_studio_twitter.jpg) no-repeat scroll 0 50%;
}

.tweettime {
	color: #999999;
	text-decoration: none;
	border-bottom: none;
	display: block;
	font-size: 0.8em;
	margin-top: 0.5em;
}

.tweettime a{
	color: #999999;
	text-decoration: none;
	border-bottom: none;
}

.tweettime a:hover{
	border-bottom: 1px dotted #505050;
}