/* 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 */

body { font-family:Arial; font-size:0.8em; color: #000;} 
body.site { background:#fff; } 

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

p, h1, h2, h3 { margin-bottom:0.8em; }
p { font-size: 12px; line-height: 14px; }
ul, ol { margin: 15px 35px; }
h1 { font-size:1.3em; color: #FF9900; font-weight: normal; }
h2 { font-size:1.2em; color: #FF9900; font-weight: normal; }
h3 { font-size:1.1em; }
a { color:#9e0047; text-decoration:none; }
a:hover { color: #ff9900; text-decoration:none; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }
strong { color: #9e0047 }
td { vertical-align: top; }

/* Page building styles */
#wrap { width:760px; margin: 10px auto; }
#header { width:760px; }
#header #redBlock { float: left; width: 12px; height: 96px; background: #9e0047; display: block; margin-right: 2px; }
#header #orangeBlock { float: left; width: 2px; height: 96px; background: #ff9900; display: block; margin-right: 2px; }
#header #headerFlash { width: 742px; float: left; }
#header #menuWrap {width: 742px; float: left; margin-top: 2px; }

#footer { border-top: 3px solid #868f98; color: #868f98; padding: 5px 0; }
#footer p { font-size: 14px; }
#footer a { color:#868f98; text-decoration:none; }
#footer a:hover { text-decoration:none; color: #9e0047; }
#footer .left { float:left; }
#footer .right { float:right; color: #9e0047; }

#middleWrap { width: 760px; }

#content.home { width:570px; background:#fff; float:left; margin-right: 30px; }
#rightCol { width: 160px; float:left; }
#content.home table td { width: 33%; padding-right: 5px; }
#content.home h2 a { color: #868f98; }
#content.home h2 a:hover { color: #ff9900; text-decoration:none; }

#content.about { clear: both; }
#content.about h1 { color: #868f98; }
#content.about h1, #content.about h2 { margin: 0; }
#content.about table { width: 100%; padding: 3em 2em 0 2em; }
#content.about table td { padding-right: 20px; vertical-align: top; }
#content.about table td.grey { text-align: right; color: #868f98; }

table.peopleTbl { width: 760px; }
table.peopleTbl td.imageCol { width: 203px; text-align: center; vertical-align: bottom; }
table.peopleTbl td.infoCol { width: 354px; vertical-align: top; text-align: left; }

table.newsTbl { width: 500px; }
table.newsTbl img { padding-bottom: 0.8em; }

#leftCol { width: 100px; padding-right: 20px; float:left; margin-top: 1em; clear: both; }
#leftCol h1 { margin-bottom: 0; }
#content.portfolio { width:640px; float:left; }

table.portfolioTbl { width: 640px; }
table.portfolioTbl h2 { margin-bottom: 0; }
table.portfolioTbl td.imageCol { width: 490px; padding-top: 1em; }
table.portfolioTbl td.infoCol { width: 150px; padding-top: 1em; }

table.portfolioTbl table.portfolioPager { width: 100%; color: #868f98; }
table.portfolioTbl table.portfolioPager td { width: 50%; padding: 0 20px; }
table.portfolioTbl table.portfolioPager a {  color: #868f98; }
table.portfolioTbl table.portfolioPager a:hover {  color: #9e0047; }
table.portfolioTbl table.portfolioPager a.selected:hover {  color: #9e0047; }

#content.default { clear: both; padding: 1em 0; }
#content.default table td { padding-right: 10px; }

#news h2, #news3 h2 { font-size:1.3em; color: #FF9900; font-weight: normal; }
ul.news { margin: 0 29px 0 0; }
ul.news li { list-style-type: none; margin-bottom: 1em; }
ul.news a { color: #ff9900; display: block; }
ul.news a:hover { text-decoration:none; color: #9e0047; }
#news .scroll-pane { height: 200px;	overflow: auto;	margin-bottom: 10px;}
#news2 .scroll-pane { height: 310px; overflow: auto;}
#news3 .scroll-pane { height: 400px; overflow: auto; margin-bottom: 10px;}

#newsWrap { clear: both; padding: 1em 18px; }
#newsLeftCol { width: 564px; float: left; }
#newsRightCol { width: 160px; float: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%; }

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 */