/*
Company:	HCLA
File:		main.css - This contains all the main styles for the website.

All the styles are separted into the following groups:
Global Browser Reset - this is handled by the reset-fonts.css file from YUI
HTML, Body - for the html and body tags
Layout - styles that define the layout of the site
Modules - styles for content modules
Nav - navigation bar
Default Headings - headings like h1, h2, etc
Common Text Styles - Styles for text
Default Lists - unordered and ordered lists
Forms - html forms
Default Links - links
Misc - anything that doesn't fit elsewhere
*/

/* @group HTML, Body */
html {
	background-color: #993333;
}
body {
	font-family: Helvetica, Arial, sans-serif;
}
/* @end */

/* @group Layout */

/* Footer Stick Code */
html, body {
	height: 100%;
}
div#container {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}
html>body div#container {
	height: auto;
}
div#content {
	padding-bottom: 120px;
}
div#ft-wrap {
	position: absolute;
	bottom: 0;
	padding: 0;
	width: 100%;
}

/* Head */
div#hd {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/hd-bkg.jpg) no-repeat 0 0;
	height: 190px;
	overflow: hidden;
}

/* Body */
div#bd {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/bd-bkg.gif) repeat-y 0 0;
	overflow: hidden;
}
div#bd-top {
	width: 1020px;
	overflow: hidden;
	background: url(../images/bd-top-content.jpg) no-repeat 0 0;
}
div#bd-btm {
	width: 1020px;
	overflow: hidden;
	background: url(../images/bd-btm-content.jpg) no-repeat 0 100%;
}
div#bd-ft {
	width: 1020px;
	overflow: hidden;
	background: url(../images/bd-btm.jpg) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
}

/* Footer */
div#ft {
	width: 1020px;
	overflow: hidden;
	background: url(../images/ft-bkg.jpg) no-repeat 0 100%;
	margin-left: auto;
	margin-right: auto;
	min-height:145px;
	height:auto !important;
	height:145px;
}
div#ft p.copyright {
	color:#B86261;
	display:inline;
	float:left;
	font-size:80%;
	margin:130px 0 0 460px;
}
div#ft div#motiv {
	width: 156px;
	height: 23px;
	background: url(../images/powered-by-motiv.gif) no-repeat 0 0;
	margin: 115px 65px 0 0;
	float: right;
	display: inline;
}
div#ft div#motiv a {
	display: block;
	height: 100%;
	text-indent: -9000px;
}
/* @end */

/* @group Modules */
/* Logo */
div#logo {
	margin-left: 50px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 0;
	width: 310px;
	height: 170px;
	background: url(../images/logo.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: left;
	display: inline;
	z-index: 0;
}
div#logo a {
	display: block;
	height: 100%;
}

/* @group Search */
div#search {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 50px;
	margin-top: 10px;
	width: 250px;
	float: right;
	display: inline;
	z-index: 10;
}

hr {
	border: 0;
	width: 100%;
	color: #993333;
	background-color: #993333;
	height: 1px;
}

.search-box {
	padding: 0;
}

.search-box input.cat_textbox_small {
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 4px;
	width: 150px;
	font-family: Georgia, Times, serif;
	font-size: 90%;
	border: none;
	background-color: transparent;
	margin: 0;
	height: 16px;
}

/* @end */


/* Content */
div.content {
	width: 881px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

/* Callouts */
div.callouts {
	padding-left: 0;
	padding-top: 10px;
	width: 889px;
	margin-left: -4px;
}
div.callouts img {
	margin: 0 10px 0 8px;
	float: left;
	display: inline;
}

/* White Box */
div.whitebox {
	margin-left: 0px;
	margin-bottom: 5px;
	margin-right: 0;
	margin-top: 0;
	background: url(../images/white-box-bkg.gif) repeat-y 0 0;
	width: 881px;
	overflow: hidden;
}
div.whitebox-top {
	background: url(../images/white-box-top.gif) no-repeat 0 0;
	width: 881px;
	overflow: hidden;
}
div.whitebox-btm {
	background: url(../images/white-box-btm.gif) no-repeat 0 100%;
	overflow: hidden;
	width: 871px;
	padding: 5px;
}

/* Side */
div.side {
	width: 251px;
	margin: 0 0 0 15px;
	padding: 20px 0;
	float: left;
	display: inline;
}

div.sidenav {
	font-style: normal;
	font-weight: normal;
	color: #3b3b3b;
	font-family: Georgia, Times, serif;
	font-size: 104%;
	background: url(../images/side-nav-bkg.gif) repeat-y 0 0;
}
div.sidenav-top {
	background: url(../images/side-nav-top.gif) no-repeat 0 0;
}
div.sidenav-btm {
	background: url(../images/side-nav-btm.gif) no-repeat 0 100%;
	overflow: hidden;
	padding: 50px 0 50px 0;
}
div.sidenav ul {
	padding-left: 20px;
	padding-bottom: 0px;
	padding-right: 20px;
	padding-top: 20px;
	margin: 0 0 30px 0;
}
div.sidenav ul li {
	list-style: none;
	padding: 3px 0;
}
div.sidenav ul li a:link, div.sidenav ul li a:visited {
	font-style: normal;
	font-weight: normal;
	padding-left: 15px;
	color: #3b3b3b;
	text-decoration: none;
	font-family: Georgia, Times, serif;
	font-size: 104%;
}
div.sidenav ul li a:hover {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url(../images/side-nav-hover.gif);
	color: #993333;
}

/* Main */
div.main {
	width: 540px;
	padding: 20px 0;
	margin: 0 30px 0 0;
	float: right;
	display: inline;
}
div.system {
	margin-left: 30px;
	margin-bottom: 0px;
	margin-right: 30px;
	margin-top: 0px;
	width: 800px;
	padding: 20px 0;
	float: right;
	display: inline;
}

/* Subnav */
div.subnav {
	padding: 30px 0 90px 0;
}
div.subnav ul {
	margin-left: 0;
	margin-bottom: 0;
	margin-right: 70px;
	margin-top: 0;
	float: right;
	display: inline;
}
div.subnav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div.subnav ul li a {
	font-style: normal;
	font-weight: bold;
	display: block;
	padding: 0 8px;
	font-size: 108%;
	color: #3b3b3b;
	line-height: 100%;
	font-family: Georgia, Times, serif;
}
div.subnav ul li:first-child a {
	border-left: none;
}
div.subnav ul li a:link, div.subnav ul li a:visited {
	color: #eeede8;
	text-decoration: none;
	font-weight: bold;

}
div.subnav ul li a:hover {
	color: #660000;
    font-weight: bold;

}
/* @end */

/* @group Nav */
div#nav {
	width: 650px;
	padding: 103px 0 0 0;
	float: right;
	display: inline;
}
div#nav ul {
	margin-left: 0px;
	margin-bottom: 0;
	margin-right: 70px;
	margin-top: 0;
	float: right;
	display: inline;
}
div#nav ul li {
	list-style: none;
	float: left;
	display: inline;
}
div#nav ul li a {
	font-weight: bold;
	font-style: normal;
	font-weight: normal;
	display: block;
	padding: 0 8px;
	font-size: 108%;
	font-family: Georgia, Times, serif;
}
div#nav ul li a:link, div#nav ul li a:visited {
	color: #eeede8;
	text-decoration: none;
	font-weight: bold;
}
div#nav ul li a:hover {
	color: #660000;
    font-weight: bold;
}
/* @end */

/* @group Default Headings */
div.main h1 {
	font-size: 167%;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #993333;
	font-family: Georgia, Times, serif;
}
div.main h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #993333;
}
div.system h1 {
	font-size: 167%;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #993333;
	font-family: Georgia, Times, serif;
}
div.system h2 {
	font-size: 123.1%;
	font-weight: bold;
	margin: 0 0 10px 0;
	color: #993333;
}
/* @end */

/* @group Common Text Styles */
div.main {
	color: #3b3b3b;
}
div.main p {
	font-size: 108%;
	color: #3b3b3b;
	line-height: 140%;
}
div.sytem {
	color: #3b3b3b;
}
div.system p {
	font-size: 108%;
	color: #3b3b3b;
	line-height: 140%;
}
.content-pic {
	padding: 2px;
	border: 1px solid #993333;
	margin: 0 15px 15px 0;
	float: left;
	display: inline;
}
.content-video {
	height: 380px;
	width: 525px;
	padding: 2px;
	border: 1px solid #993333;
}
.content-video-gallery {
	height: 405px;
	width: 780px;
	padding: 3px;
	border: 1px solid #993333;
}
.content-map {
	height: 300px;
	width: 500px;
	padding: 2px;
	border: 1px solid #993333;
}

.teacher-pic {
	height: 200px;
	width: 150px;
	padding: 2px;
	border: 1px solid #993333;
}


/* @end */

/* @group Default Lists */
div.main ul {
	clear: both;
}
div.main li {
	font-size: 108%;
	list-style: none;
	background: url(../images/bullet-solid.gif) no-repeat 0 4px;
	padding-left: 15px;
	color: #3b3b3b;
}
div.main li li {
	font-size: 100%;
}
div.main li.bullet-alt {
	background: url(../images/bullet-hollow.gif) no-repeat 0 4px;
}
/* @end */

/* @group Forms */

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item {
	padding: 9px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 300px;
}

.cat_dropdown_small {
	width: 200px;
}

.cat_dropdown_smaller {
	width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
	width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-style: none;
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

table.webform td {
	border-style: none;
	line-height: 24px;
	padding: 6px;
}

.form label, .webform label {
	font-size: 14px;
}

.form input, .webform input {
	margin-right: 3px;
}

/* @end */

/* @group Default Links - link visited hover active */
a:link, a:visited {
	font-weight: bold;
	color: #993333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/* @end */

/* @group Blog */
.blog-list {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #000;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-list h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
}

.blog-list span {
	color: #888;
}

.blog-container h1 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 6px 0;
}

.blog-container p.description {
	margin: 0 0 36px;
}

.blog-post h2.post-title {
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	margin: 0;
	padding: 0 0 3px 0;
	font-family: Georgia, Times, serif;
}

.blog-post .post-details {
	color: #888;
	font-size: 11px;
	margin: 0 0 18px;
	padding: 3px 0 0 0;
	font-family: Georgia, Times, serif;
}

.blog-container .post-list {
	float: left;
	width: 69%;	
}

.blog-post .post-body {
	font-size: 108%;
	color: #3b3b3b;
	line-height: 140%;
	margin: 0 0 36px;
}
.blog-post img {
	padding: 2px;
	border: 1px solid #993333;
	margin: 0 15px 15px 0;
	float: left;
	display: inline;
}

.comment-list {
	margin-bottom: 36px;
	padding: 18px;
}

.comment-list h5 {
	color: #993333;
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-list input#Captcha {
	width: 300px;
}

.comment-list textarea.cat_listbox_small {
	height: 120px;
	width: 100%;
}

.blog-comment-container {
	margin: 0 0 18px;
}

.blog-comment-container  .comment-details {
	font-size: 11px;
	padding: 6px;
}

.blog-comment-container .comment {
	background: #fff;
	padding: 9px;
}

span.flag {
	margin: 0 6px;
	vertical-align: middle;
}

input#fullname, input#website, input#emailaddress {
	width: 300px;
}

textarea.comment {
	height: 160px;
	width: 100%;
}

.forum-registration textarea.comment {
	height: 70px;
	width: 270px;
}

.post-body .links {
	font-size: 11px;
}

.blog-container .side-panel {
	float: right;
	width: 27%;
}

.side-panel h4 {
	border-bottom: 1px solid #ccc;
	color: #888;
	font-size: 12px;
	margin: 0 0 9px;
}

.BlogTagCloud {
	margin: 0 0 18px;
}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {
	margin: 0;
	padding: 0;
}

.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {
	font-size: 11px;
	list-style: none;
	margin: 0 0 9px;
	font-family: Georgia, Times, serif;
}

p.page-nav {
	text-align: center;
} 

p.page-nav a {
	margin: 0 9px;
}

.blog-post dl {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.blog-post dt {
	color: #000;
}

.blog-post dd {
	margin: 0 0 9px;
}

/* @end */

/* @group Misc */
.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* @end */