/* UCC Regina
--------------------------------
Author: Omni Studios Inc
Contact: info@omnistudios.com
Website: http://omnistudios.com/
--------------------------------
*/

@import url(reset.css);
@import url(thickbox.css);
body { background: url(images/bg.png); }

/* wrapper */
#wrapper { background: #4C5759; margin: 0 auto; width: 780px; display: inline-block; overflow: hidden; }
#wrapper { display: block; }

/* header */
#header { background: #FFF500 url(images/header_bg.png) top left repeat-x; height: 100px; width: 100%; }
#header h1 { padding-top: 41px; padding-left: 20px; }
#header h1 a { display:block; background:url(images/logo.png) top left no-repeat; width:275px; height:50px; text-indent:-9999px; }
#header span { position:absolute; margin-left:450px; margin-top:-60px; }
#header span a { background:url(images/number.png) top left no-repeat; display:block; width:299px; height:50px; text-indent:-9999px; }
#header span.hours { clear:both; background:url(images/hours.png) top left no-repeat; width:268px; height:17px; margin-left:463px; margin-top:-17px; text-indent:-9999px; }

/* navigation ~ul~ */
#nav { height: 35px; width: 100%; }
#nav li { float: left; }
#nav li a { display: block; background: url(images/nav_bg.png) repeat 0 0; height: 35px; width: 156px; text-align: center; color: white; line-height: 35px; text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; }
#nav li a:hover { color: black; }
#nav li a.autoSpa { background: url(images/nav_autoSpa_bg.png) repeat 0 0; color: white; }
#nav li a.last { background: url(images/nav_last_bg.png) repeat 0 0; }

/* rotator */
#rotator { background: #4C5759; width: 780px; height: 300px; z-index: 1; }
#rotator img { position: absolute; margin-left: 605px; margin-top: 25px; }

/* sidebar */
#sidebar { float: left; background: url(images/sidebar_bg.png) repeat-y 0 0; width: 195px; height: auto; padding-top: 10px; }
#sidebar h1 { display: block; background: #3B4749; width: 185px; height: 32px; color: white; font-weight: bold; line-height: 32px; font-size: 13px; text-indent: 10px; margin-left: 10px; }
#sidebar ul { width: 185px; margin-top: 5px; padding-left: 10px; }
#sidebar ul li a { display: block; width: 185px; height: 25px; text-indent: 15px; color: white; font-size: 12px; line-height: 25px; }
#sidebar ul li a:hover, #sidebar ul li a.selected { background: #3A4446 url(images/sidebar_ul_li_bg.png) top right repeat-y; color: yellow; }
#sidebarEnd { background: url(images/sidebar_end_bg.png) no-repeat 0 0; width: 195px; height: 41px; }

/* content */
#content { float: left; background: #4c5759; width: 585px; height: auto; padding-top: 20px; }
#content h1 { font-size: 16px; color: yellow; padding-left: 20px; }
#content h2 { font-size: 14px; color: yellow; padding-left: 20px; }
h3 a { background: url(images/arrow.gif) top left no-repeat; color: yellow; padding-left: 15px; display: block; font-weight: normal; }
#content p { padding: 10px 20px 10px 20px; font-size: 12px; color: white; line-height: 16px; }
#content p a { color: yellow; }
#content p a:hover, #content ul li a:hover { text-decoration: underline; }
#content span { display: block; margin: 0 auto; width: 95%; font-size: 12px; font-weight: bold; text-align: center; color: white; padding-bottom: 20px; }
#content ul { margin-left: 40px; width: auto; list-style-position: outside; padding-top: 10px; padding-right: 10px; }
#content ul li { background: url(images/arrow.gif) top left no-repeat; color: white; font-size: 12px; padding-left: 20px; padding-bottom: 15px; line-height: 16px; }
#content ul li a { color: yellow; }
#content img { padding: 15px; }
#content strong { font-size: 16px; color: #FDE100; }

/* accordion */
#accordion { margin-left: 10px; }
#accordion h3 a { background: url(images/arrow.gif) top left no-repeat; color: yellow; padding-left: 15px; display: block; font-weight: normal; }

/* footer */
#footer { background: url(images/footer_bg.png) repeat-x 0 0; height: 115px; width: 780px; margin: 0 auto; text-align: center; }
#footer span { display: block; color: white; font-size: 9px; padding-top: 49px; line-height: 12px; }
#footer span a { color: #D8FA12; }
#footer span a:hover { color: white; }