@font-face {font-family:
    'CartoGothicStdBold';
    src:
    url('../fonts/cartogothicstd-bold-webfont.eot');
    src:
    url('../fonts/cartogothicstd-bold-webfont.eot?iefix') format('eot'), url('../fonts/cartogothicstd-bold-webfont.woff') format('woff'), url('../fonts/cartogothicstd-bold-webfont.ttf') format('truetype'), url('../fonts/cartogothicstd-bold-webfont.svg#webfontfaMDDVO4') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family:
    'DistrictThin';
    src:
    url('../fonts/distth__-webfont.eot');
    src:
    url('../fonts/distth__-webfont.eot?iefix') format('eot'), url('../fonts/distth__-webfont.woff') format('woff'), url('../fonts/distth__-webfont.ttf') format('truetype'), url('../fonts/distth__-webfont.svg#webfontWkc0WRXi') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #3a4774;
    font-family: 'DistrictThin', Arial, Helvetica, sans-serif;
	font-size:1em;
}

a:link, a:active, a:visited {
    color: #c15b59;
    text-decoration: none;
}

a:hover {
    color: #c15b59;
    text-decoration: underline;
}

#container {
    width: 896px;
    margin-left: auto;
    margin-right: auto;
}

#header {
    width: 896px;
    height: 115px;
    padding-top: 15px;
}

#header form {
    float: right;
    margin-top: 25px;
}

#header input {
    height: 25px;
    width: 172px;
    float: right;
}

#header #searchbutton {
    width: 40px;
    height: 26px;
    background-image: url(../images/gobutton.gif);
    color: #ffffff;
    border: none;
    margin-left: 5px;
    margin-top: -1px;
}
#header #h_links{
	float:right;
	margin-top:5px;
}
#header a {
    display: block;
    margin-left: 12px;
    text-decoration: underline;
    float: left;
    margin-top: 20px;
    font-size: 0.9em;
    color: #ffffff;
}

#header a#logo {
    float: left;
    margin: 0;
}

#header span {
    display: block;
    background-color: #ffffff;
    color: #3a4774;
    float: left;
    font-size: 1em;
    color: #3a4774;
    margin-top: 16px;
    padding: 2px;
}

#main_body {
    width: 846px;
    padding: 25px;
    background-color: #ffffff;
	position:relative;
}

#nav_box {
    float: left;
    width: 240px;
    height: 306px;
    background: #3a4774;
    padding-top: 30px;
    position: relative;
}

ul#nav {
    position: absolute;
    top: 20px;
    left: 0;
	z-index:10;
}

ul#nav, ul#nav ul {
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    list-style: none;
    text-align: left;
    letter-spacing: -0.05em;
    font-size: 1.2em;
}

ul#nav span {
    margin-left: 10px;
}

ul#nav a {
    padding: 4px 0 4px 20px;
margin:4px 0 4px 0;
    display: block;
    text-decoration: none;
    width: 220px;
position:relative;

}

ul#nav li, ul#nav li a{

	color: #ffffff;
}
ul#nav a:hover, ul#nav li:hover {
    background: #ffffff;
}

ul#nav li:hover a {
    color: #3a4774;
}
ul#nav li .arrow{

display:block;
width:15px;
height:18px;
float:right;
position:absolute;
top:3px;
right:5px;
} 
ul#nav span.arrow, ul#nav li:hover ul li span.arrow {
    background-image: url(../images/arrow.gif);
    background-position: -1px 3px;
    background-repeat: no-repeat;
}

ul#nav li:hover span.arrow {
    background-image: url(../images/arrow-hover.gif);
    background-position: -1px 3px;
    background-repeat: no-repeat;
}

ul#nav li ul li:hover a span.arrow {
    background-image: url(../images/arrow_gr.gif);
    background-position: -1px 3px;
    background-repeat: no-repeat;
}

ul#nav li:hover ul li a span.arrow, ul#nav li ul li:hover a span.arrow {
 background-position: -1px 1px;
}
ul#nav ul {
    display: none
}

ul#nav li:hover ul  {
    display: block;
}

ul#nav li ul {
    position: absolute;
z-index:11;
    top: -20px;
    left: 240px;
    background: #395E64;
    width: 240px;
    min-height: 316px;
    font-size: 0.8em;
    padding: 20px 0 0 0;
}

ul#nav li ul li {
    margin: 0 0px 8px 0px;
    padding: 0px;
}

ul#nav li ul li span.arrow, ul#nav li ul li a {
    color: #FFF !important
}

ul#nav li ul li:hover a, ul#nav li ul li:hover, ul#nav li ul li a:hover, ul#nav li ul li a:hover span.arrow {
	color: #395E64 !important;
}
ul#nav li ul ul {
    top: 0px;
    left: 240px;
    background: #C15B59;
    display: none !important;
    font-size: 0.9em;
	position:absolute;
	z-index:12;
}

ul#nav li ul ul li {
    margin: 0 0 4px 0
}

ul#nav li ul ul li a {
    padding: 4px 30px 4px 20px;
    width: 190px;
}
ul#nav li ul ul li a, ul#nav li ul ul li, ul#nav li ul li:hover ul li, ul#nav li ul li:hover ul li a{
	color: #FFF !important;
}
ul#nav li ul ul li a:hover, ul#nav li ul li:hover ul li a:hover{
    color: #C15B59 !important
}

ul#nav li ul li:hover ul {
    display: block !important;
}


#media_panel {
    float: left;
    width: 591px;
    height: 336px;
    margin-left: 15px;
}

#set{
	position:relative;
	z-index:0;
}

#findcourse_col {
    float: left;
    width: 240px;
    margin-top: 15px;
}

form#findcourse_frm {
    width: 240px;
    height: 160px;
    background-color: #395e64;
    color: #ffffff;
}

form#findcourse_frm p {
    display: block;
    line-height: 1.8em;
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #ffffff;
    padding-top: 10px;
    margin: 0 0 12px 12px;
    font-size: 1.1em;
    width: 91%;
}

form#findcourse_frm input,  form#findcourse_frm select{
    float: right;
    margin: 0 10px 8px 0;
    height: 25px;
	width:150px;
	color:#21464b;
    font-family: 'DistrictThin', Arial, Helvetica, sans-serif;
}

form#findcourse_frm select
{
font-size: 1em
}

form#findcourse_frm #submit{
	width:75px;
	height:25px;
	background-color:#21464b;
	color:#ffffff;
	font-weight:bolder;
}

#subscribe_box {
    width: 240px;
    height: 160px;
    color: #3a4774;
	margin-bottom:10px;
}

#subscribe_box p {
    display: block;
    line-height: 1.8em;
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #3a4774;
    padding-top: 10px;
    margin: 0 0 20px 12px;
    font-size: 1.1em;
    width: 91%;
}

#subscribe_box span {
    display: block;
    line-height: 1.5em;
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding-top: 10px;
    margin: 0 0 20px 12px;
    font-size: 1em;
    width: 91%;
}

#subscribe_box input {
    float: left;
    margin: 0 0 15px 12px;
    height: 28px;
    color: #3a4774;
    width: 160px;
    border: 1px solid #3a4774;
}

#subscribe_box #join {
    width: 48px;
    height: 30px;
    background-color: #3a4774;
    background-image: url(../images/joinbutton.gif);
    color: #ffffff;
    border: none;
    margin-left: 8px;
    font-size: 1em;
}

#subscribe_box p.sub_status {
    font-family: 'DistrictThin', Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    text-transform: none;
    color: #646464;
    word-spacing: -0.2em;
    border: none;
}

#docs p {
    color: #c15b59;
    display: block;
    line-height: 1.8em;
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #c15b59;
    padding-top: 10px;
    margin: 0 0 20px 12px;
    font-size: 1.1em;
    width: 91%;
}

#docs li {
    width: 230px;
}

#docs li a {
    padding: 3px;
}

#content {
    float: left;
    width: 591px;
    margin-left: 15px;
    margin-top: 15px;
    color: #646464;
}

h1, h2, h3 {
    font-family: 'CartoGothicStdBold', "Miriam", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #c15b59;
}

h1 {
    display: block;
    padding-bottom: 5px;
    line-height: 1.2em;
    border-bottom: 1px solid #c15b59;
    margin: -3px 0 7px 0;
    font-size: 1.2em;
    width: 91%;
}

h2 {
    font-size: 1em;
    margin: 5px 0 5px 0;
}

h3 {
    font-size: 0.9em;
    margin: 5px 0 5px 0;
}

.col1 {
    width: 288px;
    float: left;
}

.col2 {
    width: 288px;
    margin-left: 15px;
    float: left;
}

#content p {
    font-size: 0.9em;
    line-height: 1.5em;
    padding-bottom: 20px;
    text-align: justify;
}

#content strong {
    font-weight: bolder;
}

#content h1 {
    width: 100%;
}

#content ul, #content ol {
   /* color: #3a4774;*/
    padding-bottom: 15px;
	font-size:0.9em;
}

#social {
    height: 106px;
    width: 561px;
    background-color: #c15b59;
    color: #ffffff;
    padding: 15px;
    margin-top: 20px;
}

#social span {
    display: block;
    float: left;
    width: 115px;
    font-size: 0.7em;
    margin-bottom: 20px;
}

#social .text_link {
    display: block;
    padding-top: 5px;
    color: #ffffff;
}

#social p {
    display: block;
    float: left;
    width: 350px;
    margin-left: 38px;
    line-height: 1.3em;
    background-image: url(../images/lquo.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 35px;
    font-size: 1.2em;
    word-spacing: -0.2em;
}

#social p a {
    color: #ffffff;
}

#content input[type =
"text"], #content input[type = "password"], #content textarea {
    border: 1px solid #3a4774;
}

textarea {
    width: 90%;
    height: 100px;
}

table.search_results {
    width: 100%;
    border: 1px dotted #DDD;
    padding: 8px;
    background: #fffef4;
    margin: 0 0 20px 0
}

table.search_results td {
    padding: 4px
}

table.search_results td a {
    color: #6F6629
}

table.search_results td a:hover, table.search_results tr:hover a {
    color: #CFB50C
}

table.search_results tr.odd {
    background: #faf7e1
}

#content ul, #content ol {
    margin-left: 25px;
    list-style: disc;
}

#content ul li, #content ol li {
    padding: 4px;
	line-height:1.2em;
}

/*calendar*/
#col_calendar {
    margin: 0;
    background: #FFF;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

table.calendar_new, table.calendar_list {
    width: 100%;
    border: 1px solid #3a4774;
    border-width: 1px 0 0 1px;
}

.calendar_new th, .calendar_list th {
    background: #c15b59;
    color: #FFFFFF;
    text-align: center;
    border: 1px solid #3a4774;
    border-width: 0 1px 0 0;
}

.calendar_list td {
    border: 1px solid #3a4774;
    border-width: 0 1px 1px 0;
}

.calendar_new td {
    width: 14%;
    border: 1px solid #3a4774;
    border-width: 0 1px 1px 0;
    height: 120px;
    padding: 2px 0 0 0
}

div.day_container {
    width: 100%;
    height: 100%;
    position: relative
}

div.day_container span.day_num {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 1
}

#col_calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.day_container ul {
    position: absolute;
    top: -8px;
    left: -5px;
    list-style: none;
    padding-left: 0;
    z-index: 100
}

div.day_container ul li, div.day_container ul, div.day_container {
    width: 97%
}

div.day_container ul li a {
    text-align: left;
    color: #c15b59;
    font-size: 0.8em;
    display: block;
    width: 100%;
    padding: 2px;
    margin: 4px;
    font-weight: normal;
    border-bottom: 1px dotted #CCC;
    background: #F1EFFF
}


td.today div.day_container ul li a:hover {
    background-color: #e0aaa9;
}

div.day_container ul li a span.time {
    font-weight: bold;
    font-size: 0.8em
}

.calendar_new td span.day_num {
    color: #E9E8F0;
    font-size: 3.8em;
    letter-spacing: -0.1em;
}

.blank {
    background: #E9E8F0
}

td.today {
    background: #e0aaa9
}

#cal_layout {
    position: absolute;
    top: 69px;
    right: 12px;
    height: 48px;
}

#cal_layout a {
    float: left;
    display: block;
    margin: 0 4px 0 0
}

#cal_layout a.selected {
    padding-bottom: 4px;
    border-bottom: 5px solid #c15b59
}

table.calendar_list {
    margin-top: 24px
}

table.calendar_list td {
    padding: 4px
}

table.calendar_list td.date {
    padding-bottom: 12px
}

td.today div.day_container ul li a {
}

.clickable {
    cursor: pointer;
}

tr.hover:hover {
    background: #E9E8F0
}

/*calendar*/
.staff {
    float: left;
    text-align: left;
    margin: 0 8px 24px 0;
    width: 180px;
}

.staff img {
    margin: 0 0 12px 0
}

.staff strong {
    color: #8F8A86
}

table {
    width: auto;
}

th {
    background-color: #eeeeee;
    padding: 10px;
    padding-bottom: 0px;
    border-bottom: 1px dotted #999999;
}

td {
    padding: 10px;
}

.contact_box {
    float: left;
    width: 41%;
    height: 100px;
    margin: 0 16px 16px 0;
    background: #EFEFEF;
    padding: 16px;
    border: 1px dashed #DDD
}

.contact_box strong {
    color: #c15b59;
}

#contact1, #contact2 {
    width: 90%;
    margin: 0 0 16px 0
}

#contact1 {
    padding-right: 10px
}

#contact1 textarea {
    width: 90%;
    height: 80px
}

#contact1 label, #contact2 label {
    margin: 16px 0 0 0
}

.buttonbar {
    clear: both;
    background: #c15b59;
    padding: 8px;
    margin: 4px 0 4px 0
}

#map {
    height: 520px;
    width: 100%;
    margin: 16px 0 16px 0;
    float: left;
}

.map {
    color: #42444f;
    font-size: 0.8em;
    line-height: 1.2em
}

table.search_results {
    width: 100%;
    border: 1px dotted #DDD;
    padding: 8px;
    background: #d2d2d2;
    margin: 0 0 20px 0
}

table.search_results td {
    padding: 4px
}

table.search_results td a {
    color: #6F6629
}

table.search_results td a:hover, table.search_results tr:hover a {
    color: #CFB50C
}

table.search_results tr.odd {
    background: #eeeeee;
}

#ajax_popup_container {
    display: none;
    height: 450px;
    width: 100%;
    position: fixed;
    top: 130px;
    right: 0px;
    z-index: 3000;
    text-align: center
}

#ajax_popup {
    background: #FFFFFF;
    border: 4px solid #c15b59;
    height: 450px;
    width: 540px;
    margin: 0 auto 0 auto;
    position: relative;
    text-align: justify;
    padding: 16px;
}

#ajax_popup_inner {
    overflow: auto;
    height: 450px;
}

a#close_popup {
    position: absolute;
    top: -22px;
    right: -4px;
    background: #c15b59;
    color: #FFF;
    padding: 0 6px 0 6px;
    font-size: 0.8em
}

a#close_popup:hover {
    text-decoration: underline
}

iframe {
    overflow: auto;
    width: 100%;
    height: 100%;
}
body#popup iframe{
	 width: 400px;
    height: 400px;
}
iframe iframe, body#popup iframe{
    overflow: auto;
    width: 400px;
    height: 320px;
}

body#popup {
    background: #FFF;
    margin: 0;
    padding: 0 16px 0 0;
    text-align: justify
}

body#popup h1 {
    margin-top: 0
}

#video {
    background: #000;
    width: 100%;
    text-align: center
}

.submenu li {
    margin-bottom: 5px;
    font-size: 1em;
    line-height: 1.2em;
}

.submenu ul li a {
    display: block;
    background-color: #c15b59;
    color: #ffffff;
    margin-left: 10px;
}

.submenu ul li span {
    font-size: 0.7em;
}

#footer {
    width: 896px;
    height: 60px;
    padding-top: 15px;
    color: #ffffff;
    font-size: 0.6em;
}

#footer img {
    float: left;
    margin-right: 15px;
	margin-top:8px;
}

#footer #address {
   text-align: left;
   float:left;
   margin-left:60px;	
}

#footer #copyright {
    float: right;
    text-align: right;
	margin-left:30px;
}

#footer a {
    text-transform: uppercase;
    color: #ffffff;
}

.clear {
    clear: both;
}

.news_story {
    border-bottom: 1px solid #c15b59;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.news_story object, .news_story embed{
	width:590px !important;
}
.permalink {
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
}

.pager_bar form {
    display: inline;
}

.pager_bar {
    background: #c15b59;
    padding: 8px;
    width: auto;
    margin: 21px 0 0 0;
    text-align: center;
    color: #ffffff;
}

.pager_bar span {
    font-size: 0.8em;
    font-weight: bold
}

.pager_bar a:active, .pager_bar a:visited, .pager_bar a:link {
    color: #ffffff;
    padding: 2px 4px 2px 4px;
    margin: 0 4px 0 0;
}

.pager_bar a:hover, .pager_bar a.selected:hover {
    color: #FFF;
    text-decoration: underline;
}

.pager_bar a.selected {
    text-decoration: underline;
}

/*courses - tabs*/

.tab_content td, .tab_content th
{
	border-bottom:1px solid #ffffff;
}


#tabs
{
border-bottom: 4px solid #c15b59;
height: 27px;
margin: 16px 0 0 0;
z-index: 500
}

.tab
{
background-color: #e0aaa9;
padding: 4px;
font-weight: bold;
color: #FFF;
border-bottom: 0px;
float: left;
margin: 0 4px 0 0
}

.tab a, .tab a:visited, .tab a:link
{
color: #FFF;	
}

#course_download_list table span{
	display:block;
	padding-top:5px;
}

div.tab.selected
{
background-color: #c15b59;
border-bottom: 0px;
}

.tab img
{
margin: 0 4px 0 0;
position: relative;
top: 2px
}

ul#discussions
{
padding: 0;
margin: 0;
list-style: none;
}

ul#discussions ul
{
padding: 0;
margin: 0;
list-style: none;
}

ul#discussions li.discussion
{
padding: 8px 8px 28px 8px;
background: #e0aaa9;
margin: 0 0 8px 0;
border: 2px solid #c15b59;
}

ul#discussions li.discussion:hover
{
background: #c15b59	
}

ul#discussions li.individual{
	color: #94302e;
	font-weight:bold;
}
ul#discussions li.individual:hover
{
background: #e0aaa9	
}

li.discussion a
{
color: #94302e;
font-size: 1.8em;
font-weight:bold;
}

ul#discussions li.discussion:hover a, li.discussion a:hover, li.discussion:hover li
{
color: #ffffff;
}

li.individual:hover li
{
color: #c15b59;
}

li.discussion li
{
float: left;
margin: 5px 16px 0 0;
font-size: 0.8em;
color: #c15b59;
font-weight: bold
}

#new_discussion_form
{
display: none;
border: 4px solid #c15b59;
padding: 8px;
background: #e0aaa9;
margin: 0 0 8px 0
}

#new_discussion_form .buttonbar
{
background: #e0aaa9
}

#new_discussion_form .buttonbar, #new_discussion_form label
{
margin-top: 8px;	
color:#ffffff;
}
#new_discussion_form textarea{
	width:95%;
	float:left;
	padding:0px;
	margin:0px;
}

span.quote
{
color: #94302e;
font-weight: bold;
font-family: Georgia, 'Times New Roman', Serif;
font-size: 1.5em;
position: relative;
top: 3px;
margin: 0 2px 0 2px
}

#course_download_list table
{
width: 100%	
}

#course_download_list th
{
background-color: #c15b59;
text-align: left;
}

#course_download_list td
{
background-color: #e0aaa9;
color:#ffffff;
}

#course_download_list th a
{
color: #FFF	
}

#course_download_list th, #course_download_list td
{
padding: 4px;
font-weight: bold
}

#image_rotator
{
width: 100%;
text-align: center	
}
form#course_list
{
background-color:#c15b59;
clear: both;
padding: 8px 8px 6px 8px;
}

form#course_list label
{
color: #FFF;
float: left;
margin: 0 8px 0 0;
font-weight: bold;
font-size: 1.05em
}
/*courses - tabs*/

/*search results*/

table.search_results
{
	width: 100%;
	border: 1px dotted #c15b59;
	padding: 8px;
	background: #c15b59;
	margin: 0 0 20px 0
}

table.search_results td
{
	padding: 4px
}

table.search_results td a:link, table.search_results td a:active, 
table.search_results td a:visited, table.search_results td a:hover
{
	color: #ffffff
}


table.search_results tr.odd
{
	background: #d27674
}

/*search results*/
legend{
	font-weight: bold;
	color: #c15b59;
	font-size: 1.9em;
	margin: 2px 0 16px 0;
	background: #FFFFFF;
	text-decoration: none;
	line-height: 1em;
	letter-spacing: -0.05em;
	text-align: left;
}
fieldset{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #c15b59;
}
hr{
	color:#3a4774;
	background-color:#3a4774;
	width:90%;
}

fieldset p{
	font-size:1.2em;
	color:#c15b59;
}

#booking_form input[type = "submit"]{
	background-color:#3a4774;
	color:#ffffff;
	cursor:pointer;
	padding:2px;
}


#slideshow img
{
width: 591px !important;
height: 336px !important
}

#credit
{
background-image: url('../images/resound_design_logo.gif');
background-repeat: no-repeat;
background-position: top left;
display: inline-block;
width: 110px;
height: 17px;
position: relative;
top: 4px
}

#credit span
{
display: none
}

#credit_wrapper
{
position: relative;
top: -9px
}