@charset "utf-8";
/* CSS Document */

body { background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto 0 auto; }

img, div { behavior: url(iepngfix.htc); }

/* specific divs */

.clear { clear:both;}

.clearer { clear:both;
border-top:1px solid #c9cadf;}

/* container top, nav and top blue corner bar */

#container-top { background:url(../images/container-top.jpg) no-repeat bottom right;
margin:0 auto 0 auto;
width:880px;
padding:0 0 24px 0;}

#container-top ul { list-style:none;
float:right;
margin:40px 12px 0 0;
font-size:90%;
color:#fff;
font-weight:bold;
position:relative;
z-index:20;}

#container-top ul li { position:relative;
display:inline;
margin:0;}

#container-top ul li.home { background:url(../images/tab-top-blue.jpg) no-repeat top left #2c2e7b;
padding:10px 40px 10px 39px;}
#container-top ul li.home#on { padding:20px 40px 10px 39px;}

#container-top ul li.about { background:url(../images/tab-top-red.jpg) no-repeat top left #d52819;
padding:10px 40px 10px 38px;}
#container-top ul li.about#on { padding:20px 40px 10px 38px;}

#container-top ul li.forum { background:url(../images/tab-top-green.jpg) no-repeat top left #03933f;
padding:10px 44px 10px 43px;}
#container-top ul li.forum#on { padding:20px 44px 10px 43px;}

#container-top ul li.contact { background:url(../images/tab-top-black.jpg) no-repeat top left #000;
padding:10px 33px 10px 32px;}
#container-top ul li.contact#on { padding:20px 33px 10px 32px;}

#container-top a { color:#fff;
text-decoration:none;}

#container-top a:hover { color:#d5d5d5;
text-decoration:none;}

/* main container */

#container { margin:0 auto 0 auto;
padding:0 0 20px 0;
width:874px;
border-right:3px solid #2b2e76;
border-left:3px solid #2b2e76;}

#container img.logo { margin:-50px 0 0 -40px;
position:relative;
z-index:2;}

#container #main-header { width:874px;
margin:0;
padding:0;}

#container .quote { background:url(../images/quote-bg.png) no-repeat top left;
width:516px;
height:300px;
float:left;
margin:-40px 0 0 -70px;
padding:80px 0 0 90px;
position:absolute;
z-index:0;}

#container .quote #speech-top { background:url(../images/quot-left.png) no-repeat;
height:19px;
width:16px;
margin:10px 0 0 0;
padding:0;}

#container .quote p { color:#fff;
width:330px;
font-weight:bold;
font-size:130%;
line-height:30px;
padding:0 0 0 30px;
margin:-15px 0 0 0;
background:url(../images/quote-right.png) no-repeat 80% 100%;}

#container #main-header img.main-img { float:right;
margin:-180px -40px 0 0;
padding:0;
position:relative;
z-index:1;}

#container #main-header img.people { position:relative;
z-index:3;
margin:0 0 0 370px;}

/* main content area */

#content { margin:-85px 0 0 10px;
width:874px;
background:url(../images/content-bg.jpg) repeat-y left top;}

/* left menu */

#container #content #left { width:263px; 
float:left;
padding:0;}

#container #content #left .left-top { background:url(../images/left-top.jpg) no-repeat top left #292b7e;
width:263px;
height:61px;}

#container #content #left .left-middle { background-color:#292b7e;}

#container #content #left .left-middle#home { height:436px;}
#container #content #left .left-middle#long { height:719px;}

#container #content #left .left-middle ul { list-style:none;
margin:0;
padding:10px 0 0 0;}

#container #content #left .left-middle ul li { color:#fff;
font-size:100%;
font-weight:bold;
line-height:28px;
background:url(../images/nav-bg.jpg) repeat-x;
margin:0 0 0 0;
padding:3px 0 3px 20px;
border-bottom:1px solid #484a91;}

#container #content #left .left-middle ul li.sub { font-size:90%;}

#container #content #left .left-middle ul li.sub a { color:#d1d1f5;
background:none;}

#container #content #left a { color:#fff;
text-decoration:none;
background:url(../images/nav-arrow.jpg) no-repeat center left;
padding:0 0 0 40px;
position:relative;
z-index:2;
_position:inherit;}

/* right main text area */

#container #content #right { float:left;
width:510px;
margin:-10px 0 0 20px;
padding:0;}

#container #content #right h1 { color:#2b2c78;
font-size:180%;
margin:0;
padding:0;
border-bottom:2px dotted #2b2c78;}

#container #content #right h2 { color:#2b2c78;
font-size:130%;
margin:20px 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #2b2c78;}

#container #content #right h3 { font-size:80%;}

#container #content #right p { color:#000;
font-size:80%;
line-height:20px;
margin:10px 0 10px 0;}

#container #content #right ul { color:#000;
font-size:80%;
margin:0 0 0 20px;
padding:0;}

#container #content #right ul.sitemap { margin:20px 0 0 20px;}
#container #content #right ul.sitemap li { line-height:24px;}

#container #content #right ul.sitemap li.sub-element { margin-left:10px;}

#container #content #right ul li { line-height:20px;}

#container #content #right ul.page-links { list-style:none;
margin:30px 0 0 0;
border-top:1px dotted #2b2c78;
padding:10px 0 0 0;}

#container #content #right ul.page-links li { background:url(../images/blue-arrow.jpg) no-repeat center left;
padding:0 0 0 20px;
margin:0 0 0 20px;}

#container #content #right ul.attractions { margin:20px 0 0 20px;
list-style:none;}

#container #content #right ul.attractions li { background:url(../images/info.jpg) no-repeat center left;
padding:0 0 5px 20px;}

#container #content #right p.download { background:url(../images/pdf.jpg) no-repeat center left;
padding:0 0 0 20px;}

#content #right a { color:#2b2c78;
text-decoration:none;
font-weight:bold;}

#content #right a:hover { color:#2b2c78;
text-decoration:underline;}

#container #content #right #box { background:#1d1f52;
width:165px;
margin:20px 5px 0 0;
float:left;}

#container #content #right #box h2 { color:#fff;
font-size:100%;
padding:5px;
margin:0;}

#container #content #right #box img { border:1px solid #fff;
margin:0 0 0 3px;}

#container #content #right #box p { color:#fff;
padding:2px;
margin:0 5px 0 0;
background:url(../images/arrow.jpg) no-repeat 40% 50%;
text-align:right;}

#container #content #right #box p a { color:#fff;
text-decoration:none;}

#container #content #right #box p a:hover { color:#fff;
text-decoration:underline;}

#container #content #right .images { margin:20px 0 0 0;}

#container #content #right .images img { border:2px solid #2b2c78;}

/* contact form */

#container #content #right form#contact_form { width:300px;
margin:30px 0 0 0;}

#container #content #right form#contact_form label { font-size:80%;
color:#000;
width:80px;
float:left;}

#container #content #right form#contact_form input { font-size:80%;
width:200px;
float:left;
margin:0 0 5px 0;
border:1px solid #000;
background-color:#fff !important;}

#container #content #right form#contact_form textarea { font-size:100%;
width:200px;
float:left;
margin:0 0 5px 0;
border:1px solid #000;
background-color:#fff !important;}

#container #content #right form#contact_form input.btn { color:#fff;
background-color:#2b2c78 !important;}

#bottom { margin:-20px auto 0 auto;
width:874px;
_width:884px;
padding:0;
height:28px;
border-right:3px solid #2b2e76;
border-left:3px solid #2b2e76;}

/* left bottom puts the background image in */

.left-bottom { background:url(../images/left-bottom.jpg) no-repeat;
width:265px;
height:28px;
margin:0 0 0 10px;}

/* bottom container */

#container-bottom {  background:url(../images/container-bottom.jpg) no-repeat top;
margin:0 auto 0 auto;
width:880px;
padding:0;}

/* footer */

#footer { width:880px;
margin:10px auto 10px auto;
padding:0 0 10px 0;}

#footer .sponsors { float:left;}

#footer .sponsors p { font-size:70%;
color:#373737;
width:200px;
margin:0 0 0 20px;
float:left;}

#footer .sponsors img { float:left;
margin:-5px 0 0 10px;
padding:0;}

#footer p.links { font-size:70%;
color:#373737;
float:right;
margin:5px 20px 0 0;
padding:0;}

#footer p.links a { color:#373737;
text-decoration:none;}

#footer p.links a:hover { color:#373737;
text-decoration:underline;}

/* sessions */

.session { border-bottom:1px solid #c9cadf;}

.session h3 { font-weight:bold;}

.session p { margin:0;
padding:0;}

.session p.page-links { background:url(../images/blue-arrow.jpg) no-repeat 78% 50%;
padding:0;
margin:0;
text-align:right;}

p.another-link { background:url(../images/blue-arrow.jpg) no-repeat 1% 50%;
padding:0 0 0 20px;
margin:0;}

/* news article bits */

h3.heading { float:left;
margin:15px 0 0 0;
padding:0;}

p.date { float:right;
font-weight:bold;}

img.thumb { float:right;
margin:0 0 0 10px;}

p.article-links { background:url(../images/blue-arrow.jpg) no-repeat center left;
padding:0 0 0 20px;
margin:0;}

#right p.date { font-weight:bold;}


/* therapy form */

#therapy_form { width:400px;
margin:20px 0 0 0;}

#therapy_form label { font-size:80%;
color:#000;
width:120px;
float:left;}

#therapy_form input { font-size:80%;
width:200px;
float:left;
margin:0 0 5px 0;
border:1px solid #000;
background-color:#fff !important;}

#therapy_form textarea { font-size:100%;
width:200px;
float:left;
margin:0 0 5px 0;
border:1px solid #000;
background-color:#fff !important;}

#therapy_form input.btn { color:#fff;
background-color:#2b2c78 !important;}

/* calendar */

#calendar { border:1px solid #272765;
padding:1px;
width:450px;
margin:20px 0 0 20px;}

#calendar .strip { height: 20px;
width: 450px;
background:url(../images/calendar-bg.jpg) repeat-x;
margin-bottom: 1px;}

#calendar .strip h3 { color: #fff;
width: 410px;
text-align:center;
float:left;
padding:0;
margin:2px 0 0 0;
font-size: 75%;
font-weight: 600;}

#calendar .strip .leftbutton { float:left;
width:20px;}

#calendar .strip .rightbutton { float:left;
width:20px;}

#calendar .day1 { background-color: #21215f;
text-align: center;
color: #ffffff;
font-size: 75%;}

#calendar .cell { background-color: #dbdcf1;
font-size: 75%;
color: #21215f;
text-align: center;
height: 20px;
width: 50px;}

#calendar .cell a { background-color: #bcbdda;
padding: 5px 0 5px 0;
color: #333333;
display:block;
text-decoration: none;}

#calendar .cell a:hover { background-color: #999bbe;
color: #ffffff;}

#calendar .cellBooked { background-color: #dbdcf1;
font-size: 75%;
color: #ff0000;
text-align: center;
height: 20px;
width: 50px;}

/* links page */

#links h4 { margin:0;
padding:10px 0 5px 0;}

#links p { margin:0;
padding:0;}

#links p.web { background:url(../images/info.jpg) no-repeat center left;
padding:0 0 5px 20px;}

#links p.tel { background:url(../images/phone.jpg) no-repeat 0 30%;
padding:0 0 5px 30px;}

/* search form on news page */

/* search form */

#search_form { width:500px;
margin:20px 0 0 0;}

#search_form label { font-size:80%;
color:#000;
width:30px;
float:left;}

#search_form select { font-size:80%;
width:150px;
float:left;
margin:0 0 5px 5px;
border:1px solid #000;
background-color:#fff !important;}

#search_form input.btn { color:#fff;
background-color:#2b2c78 !important;
font-size:80%;
border:1px solid #000;
margin:0 0 0 5px;
font-weight:bold;}

/* paging */

.pages { font-size:80%;
text-align:right;
margin:20px 0 0 0;}

a.pageslink { text-decoration: none;
text-align: center;
min-width: 75px;
padding:0 5px 0 5px;
border: 1px solid #ddd9d8;
margin-left: 3px;}

a.pageslink:hover { background-color: #cbcbe3;
text-decoration:none; }

/* error messaging */

#container #content #right ul.errorMessage { list-style:none;}

#container #content #right ul.errorMessage li { color:#ff0000;
background:url(../images/error.jpg) no-repeat center left;
padding: 0 0 0 20px;}

/* award images */

.awards-images { float:right;
width:100px;
margin:10px;}

.awards-images img { padding:5px;
border:1px solid #292b7e;
margin:5px;}