/* Page Structure */

* { margin: 0; padding: 0; border: 0px none; }
html, body { padding: 0; margin: 0; }
body {
	background: #6295b0 url('/images/bgimage.png') top left;; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.5em; font-size:12px; font-family:Lucida Grande, Verdana, sans-serif 
}
#bodyshadow {
	width: 791px;
	background: url('/images/bgshadow.png') repeat-y top right;
}
#main {
	width: 780px;
	background: #fff url('/images/navbar_bg.png') repeat-y top left;
}

#accessibility, .accessibility {
	display: none;
}

/* Banner */

#banner {
	width: 780px;
	height: 158px;
	overflow: hidden;
	border-bottom: 8px solid #7070a2;
}

#banner #photo {
	width: 315px;
	height: 158px;
	float: right;
}

#banner h1 {
	float: right;
	height: 158px;
	background: #cfe7e7;
	color: #336596;
	font-size: 220%;
	line-height: 1.1em;
}

#banner h2 {
	float: right;
	height: 158px;
	background: #6396b1;
	color: #41539b;
}

/* Navigation / Leftbar  */

#nav {
	float: left;
	width: 188px;
	background: url('/images/navbar_tree.gif') no-repeat bottom left;
	padding-top: 10px;
	min-height: 690px
}

#nav ul { list-style-type: none; }

#nav ul li {
	border-left: 10px solid #7070a2;
	margin-bottom: 6px;
	padding-left: 6px;
	height: 1.5em;
}

/* #nav ul li ul li {
	border-left: 10px solid #336799;
} */

#nav ul li:hover, #nav ul li.over {
	border-left: 10px solid #d6fcff;
	background: #7070a2;
}

#nav ul li a {
	color: #d6fcff;
	text-decoration: none;
}

#nav ul li ul { 
	display: none; 
	background: #7070a2;
	width: 188px;
	left: 172px;
	top: -1.5em;
	position: relative;
}

#nav ul li:hover ul, #nav ul li.over ul {
	display: block;
}

/* Main Content Area */

#content {
	min-height: 700px;
	margin-left: 188px;
	padding-left: 10px;
	margin-bottom: 0;
}

body.right #content {
	background: #fff url('/images/sidebar_bg.png') repeat-y top right;
}

body.right #content #center {
	padding-right: 10px;
}

#content a {
color: #57c;
}

/* Right Sidebar */

#content #right {
	float: right;
	width: 168px;
	padding: 20px 10px;
	margin: 0;
}

#content #right h2 {
	font-size: 100%;
	color: #013567;
	margin-bottom: .5em;
}

#content #right h3 {
	font-size: 90%;
	color: #013567;
	font-style: oblique;
}

#content #right p {
	line-height: 1.2em;
	font-size: 90%;
}

/* Center/Main Section */

#center {
	font: normal 12px/1.5em "Lucida Grande", "Verdana", sans-serif;
	color: #013366;
	padding: 10px 0px;
	width: 570px;
	float: left;
	margin: 0;
}

body.right #center {
width: 375px;
}

#news {
	background-color: #49c;
	color: #fff;
}

#news h3, #news dl {
	margin: 0 10px;
}

#news a { color: #fff; }

/* Headings H1-H6 */
#center h2, #center h3, #center h4, #center h5, #center h6 { color: #023467; line-height: 1.3em; color: #369; font-weight: normal;}
#news h2, #news h3 { color: #def; }

#center h2 { font-size: 200%; padding-top: .3em; }
#center h3 { font-size: 160%; padding: 0; margin-top: .3em; margin-bottom: .3em; letter-spacing: -.04em;}
#center h4 { font-size: 120%; }
#center h5 { font-size: 100%; }
#center h6 { font-size: 80%; }

/* Paragraph and Link Styles */
p { margin-bottom: 10px; line-height: 1.3em;}
p a { text-decoration: underline; }
	
	
/* Lists and Navigation */

#news dl dt { font-size: 120%; font-family: Futura; }
#news dl dd {
	margin-left: 15px;
	line-height: 1.1em;
	font-size: 90%;
}
#news dl dd.date {
	font-style: oblique;
	margin-bottom: 5px;
}
#news dl dd.excerpt { margin-bottom: 5px; }


/* blog stories */

#center div.story {
	margin-top: 15px;
}

#center div.story h3 {
	margin-bottom: 5px;
}

#center div.story p {
	margin-left: 15px;
}

/* Forms */

div.loginDiv {
margin: 0 auto;
width: 160px;
color: #fff;
font-size: 80%;
}

div.loginDiv a {
color: #ddf;
}

div.loginDiv input.bttn {
width: 4em;
margin: 0 auto;
display: block;
}

.clear { clear: both; }

#footer {
margin-top: 30px;
padding-top: 10px;
font-size: 80%;
border-top: 1px solid #369;
width: 380px;
padding-bottom: 20px;
}

#center ol, #center ul { margin-left: 20px; }

/* Nifty Corners */

.rtop, .artop{display:block}
.rtop *, .artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1, .rl1, .re1, .rel1{margin-left:5px}
.r1, .rr1, .re1, .rer1{margin-right:5px}
.r2, .rl2, .re2, .rel2, .ra1, .ral1{margin-left:3px}
.r2, .rr2, .re2, .rer2, .ra1, .rar1{margin-right:3px}
.r3, .rl3, .re3, .rel3, .ra2, .ral2, .rs1, .rsl1, .res1, .resl1{margin-left:2px}
.r3, .rr3, .re3, .rer3, .ra2, .rar2, .rs1, .rsr1, .res1, .resr1{margin-right:2px}
.r4, .rl4, .rs2, .rsl2, .re4, .rel4, .ra3, .ral3, .ras1, .rasl1, .res2, .resl2{margin-left:1px}
.r4, .rr4, .rs2, .rsr2, .re4, .rer4, .ra3, .rar3, .ras1, .rasr1, .res2, .resr2{margin-right:1px}
.rx1, .rxl1{border-left-width:5px}
.rx1, .rxr1{border-right-width:5px}
.rx2, .rxl2{border-left-width:3px}
.rx2, .rxr2{border-right-width:3px}
.re2, .rel2, .ra1, .ral1, .rx3, .rxl3, .rxs1, .rxsl1{border-left-width:2px}
.re2, .rer2, .ra1, .rar1, .rx3, .rxr3, .rxs1, .rxsr1{border-right-width:2px}
.rxl1, .rxl2, .rxl3, .rxl4, .rxsl1, .rxsl2, .ral1, .ral2, .ral3, .ral4, .rasl1, .rasl2{border-right-width:0}
.rxr1, .rxr2, .rxr3, .rxr4, .rxsr1, .rxsr2, .rar1, .rar2, .rar3, .rar4, .rasr1, .rasr2{border-left-width:0}
.r4, .rl4, .rr4, .re4, .rel4, .rer4, .ra4, .rar4, .ral4, .rx4, .rxl4, .rxr4{height:2px}
.rer1, .rel1, .re1, .res1, .resl1, .resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* sIFR */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}


input, submit, textarea, select {
border: 1px solid #ccc;
}

input#bttn {background-color: #eee;}

#form.yesWide input, 
#form.yesWide textarea, 
#form.yesWide select, 
#form.yesWide .grFormErrorFieldLabel, 
#form.yesWide .grFormFieldLabel {
float: left;
}

#form.yesWide div.formItem {
margin-bottom: 7px;
}

#form.yesWide .grFormErrorFieldLabel, 
#form.yesWide .grFormFieldLabel {
text-align: right;
width: 200px;
margin-right: 14px;
}

#form.yesWide .grFormErrorFieldLabel label, 
#form.yesWide .grFormFieldLabel label {
margin-left: 3px;
}

#form.yesWide {
margin: 0 auto;
}

#form.yesWide .formItem {
display: block;
clear: left;
padding-top: 7px !important;
padding-top: 0;
}

#form.yesWide .submit input {
float: none;
}

#form.yesWide .submit {
text-align: center;
}

#form.noWide input {
margin-bottom: 7px;
margin-left: 14px;
}

#form.noWide .submit input {
margin-left: 0;
}

#form.noWide .submit  {
text-align: center;
padding-top: 7px;
}


.grFormErrorFieldLabel {
color: #c00;
}


div.afterFieldContent {
display: block;
clear: both;
margin: 1em 0 1em 0;
padding: 0;
padding-left: 210px;
}



#form.yesWide div.chooseSingle {
margin: 0 0 .5em 0;
padding: 0 0 0 0;
width: 300px;
}

div.chooseSingle label {
margin: 0;
padding: 0;
}

#form div.chooseSingle input,
#form div.chooseMultiple input,
#form input.grInputYesNo {
border: 0;
border: none;
}

/* blog */

#storyList .storyMeta,
#storyList .commentMeta {
border-top: 3px double #31639c;
list-style-type: none;
margin: 1.5em 0;
padding: .3em 0;
}

#storyList .commentMeta {
border-top: 1px solid #ccc;
}

#storyList .storyMeta li,
#storyList .commentMeta li {
display: inline;
margin: 0;
padding: 0 .7em 0 0;
font-size: 90%;
}

#storyList ul.commentList {
margin: 0;
padding: 0;
list-style-type: none;
}


div.commentContainer {
border:1px solid #ccc;
padding: 0 10px 0 10px;
background: #fcfcfc;
}

#storyList h4.control {
border: 3px double #333;
width: 10em;
text-align: center;
padding: 2px;
margin: 3px 3px 3em 3px;
background: #6b94ad;
float: left;
font-size: 10px;
}

#storyList div.story {
clear: both;
}

#storyList h4.control a {
text-decoration: none;
color: #fff;
}

/* Multiplier */

.grFormFieldLabel {font-weight: bold; text-align:left;}
.grFormDefaultText { font-weight: normal; }
.grFormErrorFieldLabel { font-weight: bold; color: #CC0000; }
.grFormErrorMsg { font-weight: bold; color: #CC0000; }
.grFormITTarget { font-weight: bold; color: #cc0000; }
.grFormTermsText { font-size: 10px; color: #cc0000; }
A.grFormDefaultText:link { color: #cc0000; }
A.grFormTermsLink { font-size: 10px; }
A.grFormLink:link { font-weight: normal; text-decoration: underline; }
A.grFormLink:visited {  }
A.grFormLink:hover { text-decoration: none; }
A.grFormTermsLink:link { font-size: 10px; }
A.grFormTermsLink:visited { font-size: 10px; }
A.grFormTermsLink:hover { text-decoration: underline; }
.grFormHelperText { font-size: 10px; font-weight: normal; }
.grFormSecuredFieldLabel { font-weight: bold; }
.chooseSingle { padding-bottom: 2px; font-weight: normal; width: 400px;}
.chooseMultiple { padding-bottom: 2px; font-weight: normal;}
.chooseTopic { }
.grFormInfoMsg  { font-weight: bold; }
.smallText { font-size: 10px; text-align: center; margin-top: 5px; }
#main h2.story { font-size: x-large; }

/* Letter to the Editor - LBM 04.17.07 */

h4.lte {
	margin:20px 0 3px 17px;
	padding:0;
}

li.lteOutletName {
	font-weight:bold;
	padding:0 0 0 3px;
	margin:0;
}

li.lteOutletEmail {
	padding:0 0 0 3px;
	margin:0;
}

ul.lte {
	padding:0 0 10px 0;
	margin:0 0 10px 10px;
	list-style-type:none;
}