/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */
html {margin: 0; padding: 0;}
body { font-family:Arial; font-size:0.9em; background-color: #FFCEB0; color: #640000; width: 580px;} 
body.site {background-color: #fff; width: 100%;} 

#bg-image 
{
    height: 100%;
    width: 100%;
    /*background: #911606 url('/cms/outertemplates/images/template/bg.jpg') center top no-repeat;*/
}


/* Content styles */
/* Try to put padding on the parent div, rather than margins on the element */

h1, h2, h3 {margin-bottom:0.8em;}
p {color: #640000;}
ul, ol { margin:0.8em 0 0.8em 25px;}
ul li, ol li {margin:0 0 10px 25px;}

h1 { font-size:2em; font-weight:normal; color: #640000; font-weight: bold;}
h2 { font-size:1.6em; color: #640000; }
h3 { font-size:1.2em; color: #911606;}
h4 { font-size:1em; color: #640000; margin: 0 0 10px 0;}
h5 { font-size:0.9em; color: #911606; margin: 0 0 8px 0;}
h6 { font-size:0.7em; color: #911606; margin: 0 0 8px 0;}
a { color:#911606; text-decoration:underline; }
a:hover { text-decoration:underline; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }

#skipLinks {display:none; }
#printTitle {display:none; }

/* Page building styles */
#wrap { width:100%; height: 100%; position:relative; background-color: #fff; z-index: 1;}
#header 
{
    width:900px; 
    background-color: #fff; 
    height: 150px;
    margin: 0 auto; 
    padding: 0;
}

#logo 
{
    width:422px; 
    background: #fff url('/cms/outertemplates/images/template/logo.gif') bottom left no-repeat; 
    height: 150px;
    margin: 0; 
    padding: 0;
    float: left;
    position: relative;
}

#logo a
{
    width: 422px;
    height: 110px;
}

#middleWrap { width:870px; margin:0 auto; padding: 15px; background-color: #fff; z-index:1; }
#middleWrap img { border: #cc0000 2px solid }
#middleWrap img.Calendar_Img{ border: none; }
#leftCol { width: 264px; float:left;height: 100%; z-index: 0;}
#content { width:580px; background:#fff; float:left; padding: 0 0 0 24px;}
p { margin: 0 0 15px 0;}
h3 a { font-size: 1.3em; color:#cb0006; text-decoration:none; font-weight: bold;}
h3 a:hover { text-decoration:underline; }
h4 a { font-size: 1.1em; color:#cb0006; text-decoration:none; font-weight: bold;}
h4 a:hover { text-decoration:underline; }


#content.noleftcol { width: 726px; margin-left:0; }
#content.norightcol { width: 726px; margin-right:0; }

#fixedLinks { width: 200px; float: left; line-height: 22px;}
#fixedLinks ul {margin:0;}
#fixedLinks li { display:inline; list-style:none; padding: 0 0 0 10px; margin: 0; background: url('/cms/outertemplates/images/footer-sep.gif') left no-repeat;}
#fixedLinks li:first-child { background: none;}
#fixedLinks li a { display:inline; list-style:none; color: #fff; font-weight: bold;}
#fixedLinks li { display:inline; list-style:none; }

#divbreadcrumb  { line-height: 25px}
#divbreadcrumb p { float:left; font-size: 0.9em; margin: 0 8px 0 0; font-weight: bold;}
#divbreadcrumb ul { float:left; vertical-align: top; margin: 0 0 15px 0;}
#divbreadcrumb li { display:inline; margin: 0; background:url(/cms/outertemplates/images/breadcrumb.gif) left no-repeat; font-size: 0.7em; color: #333; padding: 0 0 0 12px;}
#divbreadcrumb li.first {background:none; padding: 0;}
#divbreadcrumb li a { display:inline; font-size: 1.1em; font-weight: bold; color: #cc0500; padding:0 4px 0 0;}

#footer { background-color: #cc0001; font-size:0.75em; height: 35px; width: 100%; border-bottom: #9A0000 10px solid; clear: both;}
#footer p { text-align:center; color: #fff; text-align: right;}
#footer input.button { margin: 0; background-color: #911606; border: 2px #640201 solid; background: none; width: 35px;}

#news ul { margin: 5px 5px 5px 25px; }

#below_footer 
{
    float: left;
}

#bottom-bar 
{
    width: 900px;
    margin: 0 auto;
}

#bottom-bar input.button
{
    float: right;
    background-color: #CC0001;
    color: #fff;
    margin: 5px;
}

#bottom-bar select
{
    float: right;
    margin: 7px;
}

a.button_small { margin: 10px 0; color: #fff; width: 82px; height: 22px; background: url('/cms/outertemplates/images/button.gif') top center no-repeat; border: none; display: inline-block; text-align: center; text-decoration: none; padding-top: 2px;}
a.button_medium { margin: 10px 0; color: #fff; width: 112px; height: 22px; background: url('/cms/outertemplates/images/button_medium.gif') top center no-repeat; border: none; display: inline-block; text-align: center; text-decoration: none; padding-top: 2px;}
a.button_large { color: #fff; width: 152px; height: 22px; background: url('/cms/outertemplates/images/button_large.gif') top center no-repeat; border: none; display: inline-block; text-align: center; text-decoration: none; padding-top: 2px;}

/* Box styles */
.box1
{
	width: 234px;
	float: right;
	background: #9a0000;
	border: 4px solid #640201;
	padding: 10px;
	color: #fff;
	position: relative;
	margin: 0 0 15px 0;
	z-index: 0;
}

.mapBox
{
	width: 350px;
	background: #9a0000;
	border: 4px solid #640201;
	text-align: left;
	padding: 10px;
	color: #fff;
	position: fixed;
	display:none;
	position:fixed;
	bottom:10px;
	left:10px;
	font-size:12px;
}

.mapBox a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.mapClose
{
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
}

.box1 p
{
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 0.7em;
}

.box1 img
{
	margin: 0 10px 10px 0;
}

.box1 ul li {margin: 8px 0 0 0;}

.box1 a {color: #fff; text-decoration: underline;}
.box1 ul li{list-style-type: none;}
.box1 input{margin: 0 0 8px 0; border: none;}

.box1 h1 { font-size:2em; font-weight:normal; color: #640000; font-weight: bold;}
.box1 h2 { font-size:1.6em; color: #640000; }
.box1 h3 { font-size:1.2em; color: #911606;}
.box1 h4 { font-size:1em; color: #fff; margin: 0 0 10px 0;}
.box1 h5 { font-size:1em; color: #fff; margin: 0 0 8px 0;}

#login { width: 263px; float: right; background: #9a0000; border: 3px solid #640201; margin: 0 0 15px 0;}

.box2
{
	width: 254px;
	float: left;
	background: #ffccad;
	border: 4px solid #640201;
	padding: 10px;
	color: #fff;
	position: relative;
	margin: 15px 0 15px 5px;
}

.box2 p { color: #640000; font-size: 0.8em;}

/* Tabbed links */
ul.tabs
{
	clear:both;
	position:absolute;
	top:-26px;
	right:10px;
	margin:0;
}

ul.tabs li
{
	list-style:none;
	float:left;
	background:#c5eff2 ;
	border-top:1px solid #54bbc1;
	margin:0 2px;
	line-height:26px;
	height:25px;
}
ul.tabs li a
{
	position:relative;
	top:-1px;
	height:26px;
	display:block;
	float:left;
	background: #54bbc1 url(/cms/outertemplates/images/green-tab-right.gif) bottom right no-repeat;
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
}
ul.tabs li a:hover, ul.tabs li.active a
{
	background: url(/cms/outertemplates/images/green-tab-right.gif) top right no-repeat;
	color:#54bbc1;
}

ul.tabs li a span
{
	height:26px;
	display:block;
	padding:0 10px;
	background: url(/cms/outertemplates/images/green-tab-left.gif) bottom left no-repeat;
	float:left;
}
ul.tabs li a:hover span, ul.tabs li.active a span {	background-position:top left; }


/* Reusable classes */
p.left { text-align:left }
p.right { text-align:right; }
.red { color:#F00; }
div.left, input.left { float:left; }
div.right, input.right { float:right; }
img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }
.left2Col { float:left; width:50%; }
.right2Col { float:right; width:50%; }
.hidden {display:none; }
.bold {font-weight:bold;}
table.table td, table.table th {padding:5px; }
table.table th {background:#911606; }
table.table td.footer { background:#EEE; }
.note {font-size:0.8em; font-style:italic;}

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
p.indent { margin-left: 25px; }
span.underline { text-decoration: underline; }

div.clear { clear:both; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

#search 
{
    width: 428px;
    height: 90px;
    padding: 10px;
    margin: 40px 0 0 0;
    background: #9a0000 url('/cms/outertemplates/images/template/search_box.gif') center top no-repeat;
    float: right;
    position: relative;
}

#search p
{
    color: #fff;
    margin: 5px 0 0 0;
}

#search a
{
    color: #fff;
    margin: 8px 0 0 10px;
}

#search h3
{
    color: #fff;
    margin-bottom: 0.3em;
}

#search div.form-row {margin:0;}

#search label
{
	color: #fff;
	width: auto;
	text-align: left;
	margin: 0 10px 0 0;
	display:block;
	float:none;
}

#search input.textbox
{
	margin: 0;
	float: left;
}

#search input.button
{
	background: url('/cms/outertemplates/images/template/search_button.gif') top center no-repeat;
	margin-top:5px;
}

#innerfooter 
{
    width: 900px;
    padding: 7px 0 0 0;
    margin: 0 auto;
}

#copyright 
{
	font-size:0.9em;
    line-height: 22px;
    float: right;
}

#copyright p{ margin:0}

#copyright a
{
    color: #fff;
}

input.button_login 
{
    background: #a30000 url('/cms/outertemplates/images/template/login_button.gif') top center no-repeat;
    border: none;
    color: #fff;
    width: 82px;
    height: 22px;
    margin: 15px 5px 5px 5px;
    float: right;
}

.reg-links 
{
    float: left;
    width: 120px;
    text-align: right;
}

.reg-links p
{
    font-weight: bold;
    font-size: 0.8em;
    line-height: 30px;
}

.logoLink
{
    text-indent: -999em; 
    width: 220px; 
    height: 135px; 
    position: absolute; 
    top: 40px; 
    left: 0; 
    display: block;
}

.qmsuLogoLink
{
    text-indent: -999em; 
    width: 120px; 
    height: 90px; 
    position: absolute; 
    top: 0; 
    right: 70px; 
    display: block;
    z-index: 100;
}

.gallery .pictures 
{
    width: 200px;
    float: left;
}

.gallery .pictures p
{
    margin: 0;
    padding: 5px;
}


.socialBookmarks {}
.socialBookmarks ul li{ margin: 5px; padding: 0 0 0 23px;}

li.delicious {background: url('/cms/outertemplates/images/social_bookmarks/delicious.gif') left no-repeat;}
li.digg {background: url('/cms/outertemplates/images/social_bookmarks/digg.gif') left no-repeat;}
li.reddit {background: url('/cms/outertemplates/images/social_bookmarks/reddit.gif') left no-repeat;}
li.facebook {background: url('/cms/outertemplates/images/social_bookmarks/facebook.gif') left no-repeat;}
li.stumbleupon {background: url('/cms/outertemplates/images/social_bookmarks/stumbleupon.gif') left no-repeat;}

.contact-us { position: relative; left: 290px; }

div.calendarContainer {position: relative;}

#oppOfTheWeek img {max-width:230px; margin:10px auto 10px auto; clear:both; text-align:center;}

.box1 h4 {text-align:right;}
.box1 h5 {text-align:right;}
.box1 p {text-align:right;}