* { padding:0px; margin:0px;}
body {background:url(../img/background_tile.gif); font-size:76%; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* James -- A few tweaks I think make it look nicer*/
body {background:url(../img/bg2.gif);} 
body #wrapper { }

#loggedinbar {width:790px; margin:12px auto; }
#loggedincontent {background:#00144C; width:228px; padding:5px; color:#FFF;}
#loggedincontent a {color:#FFF; text-decoration:none;}
#loggedincontent a:hover {text-decoration:underline;}

  
#wrapper {width:766px; margin: 12px auto 0px auto; background:#FFF; padding:12px;}

#header {width:766px;}
#header h1 {width:217px; float: left;}
#header h1 a {float:left; height:202px; width:217px; background:url(../img/paragon_logo.gif); text-indent:-100em; overflow:hidden; }
#header #flash {float:right; height:190px; width:529px; background:url(../img/flashbob.jpg);}
#header #flash h2 {text-indent:-100em;}
#header #flash p {text-indent:-100em;}

#main {float:left; width:766px;}

#main #leftside {float:left; width:237px;}
#main #leftside ul {list-style:none; margin-left:0px;}
#main #leftside ul li {background-color:#00144C; background-position: 12px 0px; margin-bottom:3px; height:37px; color:#FFF; width:225px;}
#main #leftside ul li a:hover {border-left:12px solid #DADCE6;text-indent:-100em;}
#main #leftside ul li a {display:block; border-left:12px solid #9399BA; width:213px; height:37px; text-indent:-100em; overflow:hidden;}
#main #leftside ul li.homepage {background-image:url(../img/homepage_button.gif);}
#main #leftside ul li.communal_facilities {background-image:url(../img/communal_facilities_button.gif); }
#main #leftside ul li.local_area {background-image:url(../img/local_area_button.gif); }
#main #leftside ul li.image_gallery {background-image:url(../img/image_gallery_button.gif); }
#main #leftside ul li.availability {background-image:url(../img/availability_button.gif); }
#main #leftside ul li.testimonials {background-image:url(../img/testimonials_button.gif); }
#main #leftside ul li.residents_directory {background-image:url(../img/residents_directory_button.gif); }
#main #leftside ul li.latest_news {background-image:url(../img/latest_news_button.gif); }
#main #leftside ul li.contact_us {background-image:url(../img/contact_us_button.gif); margin-bottom:0px;}

#main #rightside {float:right; width:529px;}

#main #rightside #subnav {height:37px; background:#9399BA; background-image:url(../img/link_background.gif); color:#00144C;}
#main #rightside #subnav ul {display:block; list-style-type:none; padding-top:11px; padding-left:12px; margin-left:0px;}
#main #rightside #subnav ul li {display:block; float:left; padding-right:10px;}
#main #rightside #subnav a {color:#00144C; text-decoration:none;}
#main #rightside #subnav a:hover {text-decoration:underline;}

#main #rightside #content {padding-left:10px; width: 519px; float: right;}
#main #rightside #content h1 {margin-top:12px; margin-bottom:6px;}
#main #rightside #content h2 {font-size:1.5em; color: #00144C; font-weight:normal; margin-bottom:12px;}
#main #rightside #content p {margin-bottom:1.2em;}
#main #rightside #content div.image img {border:2px solid #9399BA; margin-left:15px; margin-bottom:15px;}
#main #rightside #content a {color:#737CAA; text-decoration:none;}
#main #rightside #content a:hover {text-decoration:underline;}

#main #rightside #content .editLink {margin-left:10px; margin-bottom:10px;}

#main #rightside #content .suite_box {float:left; background:#CED0DB; margin-bottom:12px; padding:12px; width:494px;}
#main #rightside #content .suite_box div.image {float:left; margin:0px; padding:0px; }
#main #rightside #content .suite_box div.image img {margin:0px; margin-right:10px; border:2px solid #FFF; }
#main #rightside #content ul.actions {display:block; list-style:none; margin-top:10px;}
#main #rightside #content ul.actions li {display:block; float:left; margin-right:10px;}

#main #rightside #content #additional_images {clear:both;}
#main #rightside #content #additional_images ul {list-style:none;}
#main #rightside #content #additional_images ul li img {padding-right:5px;}
#main #rightside #content #additional_images ul li {margin-bottom:10px;}
#main #rightside #content blockquote {margin-left:12px; font-style:italic; color:#00144C;}

#main #rightside #content div.contactpage {background:#CED0DB; padding:12px;}
#newsbanner {clear:both; margin-left:-10px; text-indent:-100em; height:37px; background:url(../img/latest_news_banner.gif) no-repeat #9399BA; color:#00144C;}


div.article {height:20px; border-bottom: 1px dashed #CED0DB; margin-bottom:2px; padding-top:1px;}
div.article_left {padding-top:1px; padding-bottom: 1px; float:left; width:370px; margin-bottom:5px; padding-left:5px;}
div.article_right {float:right; width:129px; margin-bottom:5px;padding-top:1px; padding-bottom: 1px;}

div.resident_short { width: 510px; }
div.resident_short .left { padding-top:1px; padding-bottom: 1px; background:url(../img/arrow.gif) no-repeat; float:left; width:300px; margin-bottom:5px; padding-left:20px;}
div.resident_short .right {float:right; width:189px; margin-bottom:5px;padding-top:1px; padding-bottom: 1px;}
#main div.resident_up .left { background:url(../img/arrow_up.gif) no-repeat;}

#main div.resident_up .reveal .left { background: none;}

div.resident_short { clear: both; float: left; border-bottom: 1px dashed #CED0DB; margin-bottom: 4px; }
#main div.resident_short .reveal { clear: both; padding-left: 20px; }

#main div.resident_short .reveal .right {  margin: 0px; padding: 0px; background: none; width: 189px; float: right; }
div.resident_short .reveal p { clear: both; }

#content div.testimonialboxleft {width:420px; padding-left:30px; padding-top:30px; padding-right:30px; padding-bottom:0px; background:url(../img/quote_left.gif) no-repeat; }
#content div.testimonialboxright {width:420px; padding-left:30px; padding-top:30px; padding-right:30px; padding-bottom:0px; background:url(../img/quote_right.gif) no-repeat;}


#clear {clear:both;}

#footer {clear:both; margin:12px auto; width:766px; text-align:center; background:#00144C; padding:12px; color:#9399BA; font-size:0.9em;}
#footer a {color:#9399BA; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer ul {display:block; list-style:none; margin-bottom:12px;}
#footer ul li {display:block; float:left; padding-right:5px; padding-left:5px; border-right:1px solid #9399BA;}
#footer ul li.last {border:none;}

#flashMessage { position: relative; background-color: #FCFFC8; border-top:1px solid #FFD200; border-bottom:1px solid #FFD200; color: #000; padding:5px; width:99%; margin-bottom:5px; text-align:center;}

/* === PHOTO GALLERY === */
#tabBox { float: left;background-color: #fff; margin-top:10px; }
#tabs ul {display:block; list-style:none; margin:0px;}
#tabs ul li {display:block; float:left; background:#CED0DB; color:#FFF; padding:6px 6px 6px 6px; margin-right:3px;}
#tabs ul li#current {background:#9399BA;}
#main #rightside #content #tabs ul li a {color:#00144C;}

#photoGallery li { margin: 0; padding: 0; }
#photoGallery { float:left; width:500px; font-size:93%; line-height:normal; margin-bottom: 0em; margin-top: 0em;  padding-bottom: 1em; background:#9399BA; padding-left:10px;}
#photoGallery ul { margin:0; list-style:none; }
#photoGallery li.photoGalleryImage { clear: none; float:left; display:inline; background: url(../img/image_left.gif) no-repeat left top; padding-left: 0px; }
#photoGallery li.photoGalleryImage img { margin: 10px 10px 0px 0px; border: 2px solid #FFF;}
#photoGallery li a { float:left; display:block; background:url(../img/image-right.gif) no-repeat right top;  text-decoration:none; font-weight:bold; color:#765; padding: 0px 0px 0px 0px; margin-left: 0px; overflow: hidden; }
#photoGallery li span {margin-top:4px;}
#photoGallery li span.editLinks input { display: inline; margin-left: 4px; margin-right: 4px; vertical-align: -6px; }
  /*#photoGallery ul.photoGalleryEdit { float: left; display:inline;  }*/
.editLinks { clear: left; float: left;}
#main #rightside #content #photoGallery span.editLinks a { color:#00144C; float: none; display: inline; background: none; padding: 0px; margin: 0px; }
#photoGallery p { margin: 2em; }

/* PAGINATION */
  
#pagination { width: 100%; text-align: center; margin-bottom: 1.5em;}
#pagination em { font-weight: bold;}
  
#pagination img { vertical-align: -6px; }

/* IMAGE CHANGER */

#content .image_changer
{
  float: right;
  background: #CED0DB;
  width: 256px;
  padding: 11px;
  padding-left: 0px;
  margin-left:10px;
  padding-bottom: 1px; 
}
#content .image_changer img { border: 2px solid #9399BA; margin: 0; padding: 0; margin-bottom: 11px; }
#content .image_changer img.selected { border-color: #FFF; }

#content .main_image_container { height: 180px; border: 2px solid #fff;  margin-bottom: 11px; width: 241px; float: right; background: url(../img/image_switcher2.gif) no-repeat 50% 50%; }
#content .main_image_container img { border: 0; margin: 0px; }

#content .small_images { float: right;  }
#content .small_images img { width: 49px; height: 37px;  margin-left: 11px; margin-bottom: 11px; cursor: pointer;}

/* TABLE */

table td {vertical-align:top; padding-bottom:8px; padding-left:0px; padding-right:10px;}