/* CSS Document */

/* Set some defaults */

body {
	margin:0;
	padding:0;
	font-size:small;
	line-height:120%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-style:none;
	color:black;
	behavior: url(csshover.htc);
	}

h1, h2, h3, h4, h5, h6 {
	color:#148961;
	margin:0 0 0.2em 0;
	}

h1 {
	font-weight:normal;
	font-size:140%;
	margin-bottom:10px;
	}
	
h2 {
	font-size:110%;
	margin-bottom:6px;
	}

h3 {
	font-size:100%;
	font-weight:normal;
	}

a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

ul, ol, li, a, div {
	padding:0;
	margin:0;
	}

ul {
	padding-bottom:0.6em;
	}

li {
	}

p {
	margin: 0 0 0.6em; 0;
	}

a img {border:none;}

/* Set some shorthand classes */

.emphasis {font-weight:bold;}

.floatleft {float:left;}

.floatright {float:right;}

.flushtop {margin-top:0;}

.clearleft, .clear {clear:left;}

.centering {text-align:center;}

.quote {}

.quotesig {font-weight:bold;}


/* Set up structure of containers to manage page width and height */


html, body {
	height:100%;
	}

#container {
	width:840px; 
	margin:0 auto;
	background-color:#FFFFFF;
	}

#preheader {
	float:right;
	min-height:20px;
	color:black;
	font-size:65%;
	line-height:20px;
	}

#isIE_version_LTE6 {
	height:20px;
	}

#preheader a, #preheader span {
	display:block;
	float:left;
	color:black;
	}

#print_link {
	padding-left:20px;
	background-image:url(../images/sce/css/printlink.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
	}

/* Define header styles */

#header {
	height:150px;
	position:relative;
	background-image:url(../images/sce/css/bkg_header.jpg);
	background-repeat:no-repeat;
	clear:right;
	}

#home_link {
	position:absolute;
	top:8px;
	left:10px;
	width:84px;
	height:126px;
	}

#headerquote {
	position:absolute;
	top:20px;
	right:10px;
	width:400px;
	height:90px;
	border:none;
	}

#searchform {
	position:absolute;
	right:10px;
	top:115px;
	background-color:#a0d8b5;
	}

#searchform form {
	margin:0;
	}
	
#searchform #keywords {
	border:none;
	color:#4b9b7b;
	border-right:2px solid #4b9b7b;
	padding:0;
	}

#searchform button {
	background:none;
	border:none;
	border-width:0px;
	color:white;
	padding:0;
	margin:0;
	height:12pt;
	}

/* Top Navigation */

#top_nav {
	width: 100%;
	min-height:25px;
	margin:0 0 8px 0; 
	}

#isIE_version_LTE6 #top_nav {
	height:25px;
	}

#top_nav ul {
	list-style: none;
	}
	
#top_nav li {
	float:left;
	position: relative;
	z-index:500;
	}

#top_nav a:hover {
	color:#ffcc66;
	}

#top_nav a.main_menu {
	display:block;
	width:115px;
	background-color:#148961;
	color:#FFFFFF;
	font-weight:bold;
	font-size:75%;
	line-height:25px;
	text-align:center;
	margin-right:5px;
	}

#top_nav a#top_nav_link4 {
	width:120px;
	}

#top_nav a#top_nav_link6 {
	margin-right:0;
	}

#top_nav a.main_current {
	background-color:#d68834;
	}

.menu a.current, .menu a.main_current {
	cursor:default;
	}

.menu a:hover.current, .menu a:hover.main_current {
	text-decoration:none;
	}


/* Define styles for the main body of the page */

#pagebody {
	min-height:420px;
	float:left;
	clear:both;
	}

#isIE_version_LTE6 #pagebody {
	height:420px;
	}

/* Left Nav */

#left_nav {
	float:left;
	width:130px;
	margin-right:10px;
	}

#leftnav {
	padding:10px;
	}

#left_nav ul {
	list-style:none;
	padding:0;
	}

#left_nav li {
	padding:3px 0;
	}

#left_nav a {
	font-weight:bold;
	font-size:75%;
	}

#left_nav a:hover {
	} 

#left_nav #echo_selected a {
	display:block;
	width:114px;
	padding: 5px 8px;
	background-color:#148961;
	color:white;
	}

#left_nav #echo_selected li {
	padding-top:0;
	display:none;
	}

#left_nav #echo_selected li.current {
	display:block;
	}

#left_nav #menu_left ul a {
	display:block;
	width:112px;
	padding:5px 8px;
	background-color:#edf3ee;
	color:#148961;
	border:1px solid #edf3ee;
	}

#left_nav #menu_left ul a.current {
	border:1px solid #148961;
	}
	
#left_nav #menu_left ul ul {
	margin:0px 0 0px 16px;
	display:none;
	}

#left_nav #menu_left ul li.current ul {
	display:block;
	} 

#left_nav #menu_left ul ul a {
	width:114px;
	padding:0;
	background:none;
	color:#148961;
	border:none;
	}

#left_nav #menu_left ul ul a.current {
	color:#d68834;
	border:none;
	}

/* Define styles for main page content */

#content {
	float:left;
	width:700px;
	}

.homepage #content {
	width:840px;
	}
	
.cols2 content {
	background-image:url(../images/sce/css/bkg_content.gif);
	background-repeat:repeat-y;
	}

#maincontent, #subcontent {
	}

#maincontent a {
	color:#148961;
	}

.divider {
	clear:both;
	height:6px;
	margin:0;
	border-width:6px 0;
	border-style:solid;
	border-color:white;
	}

.homepage .divider,
	.cols1 .divider,
	.cols2 .divider,
	.editor .divider {
	background-color:#a0d8b5;
	}

#maincontent {
	float:left;
	width:100%;
	}

.cols2 #maincontent .inner {
	padding:6px 10px 0 10px;
	}

.row {
	position:relative;
	float:left;
	width:100%;
	background-repeat:repeat-y;
	}

.homepage .firstrow {
	min-height:215px;
	color:white;
	background-image:url(../images/sce/css/bkg_home_MidGreen_and_White.gif);
	}

#isIE_version_LTE6 .homepage .firstrow {
	height:215px;
	}

.homepage h1 {
	color:white;
	font-size:230%;
	line-height:110%;
	padding:10px;
	}

.homepage .firstrow .capsule_right {
	}

.homepage .firstrow h2 {
	position:absolute;
	bottom:20px;
	right: 10px;
	font-weight:normal;
	font-size:260%;
	line-height:120%;
	color:white;
	}

.homepage h2,
	.homepage p {
		padding-left:10px;
		padding-right:10px;
		}

.homepage .lastrow .capsule_right h2 {
	background-color:#a0d8b5;
	color:white;
	border-top:6px solid white;
	min-height:30px;
	line-height:30px;
	}

#isIE_version_LTE6 .homepage .lastrow .capsule_right h2 {
	height:30px;
	}
	
.cols1 .bkg_pink, .cols1 .bkg_green, .cols1 .bkg_ltGreen {
	}
	
.cols1 .bkg_pink {
	background-image:url(../images/sce/css/bkg_LtGreen_and_Pink.gif);
	}

.cols1 .bkg_green {
	background-image:url(../images/sce/css/bkg_LtGreen_and_Green.gif);
	}

.cols1 .bkg_ltGreen {
	background-image:url(../images/sce/css/bkg_LtGreen_and_LtGreen.gif);
	}

.cols1 .bkg_ltGreen_White {
	background-image:url(../images/sce/css/bkg_LtGreen_and_White.gif);
	}


.capsule {
	float:left;
	}

.homepage .capsule {
	margin-right:10px;
	width:273px;
	}

.homepage .capsule_right {
	margin-right:0;
	}

.homepage .firstrow .capsule_right {
	width:557px;
	}
	
.homepage .firstrow .capsule_right img {
	float:left;
	}


.homepage .lastrow {
	background-image:url(../images/sce/css/bkg_home_3cols.gif);
	}

.homepage .lastrow .capsule_right {
	width:274px;
	}

.homepage .midrow {
	background-image:url(../images/sce/css/bkg_home_2cols.gif);
	}
	
.homepage .midrow .capsule, 
	.homepage .midrow .capsule_right {
	width:415px;
	}
		
.cols1 .capsule, 
	.cols1 .capsule_double,
	.cols1 .capsule_right {
	float:left;
	padding:6px 10px;
	margin-right:10px;
	}

.cols1 .capsule {
	width:183px;
	}

.cols1 .capsule_double {
	width:396px;
	}

.cols1 .capsule_right {
	width:254px;
	margin-right:0;
	}

.cols1 .bkg_green .capsule_right p {
	color:white;
	}

.big_link {
	min-height:100px;
	}

#isIE_version_LTE6 .big_link {
	height:100px;
	}

.big_link div {
	position:absolute;
	top:50%;
	width:183px;
	}

.big_link a {
	font-size:170%;
	font-weight:bold;
	line-height:30px;
	width:100%;
	text-align:center;
	display:block;
	margin-top:-30px;
	color:#148961;
	width:183px;
	}

.cols2 #maincontent {
	width:415px;
	}

.shout {
	display:block;
	color:#002B7C;
	font-style:italic;
  font-size:110%;
  line-height: 1.2em; 
  margin-top:5px;
	margin-bottom:5px;
	}

#subcontent {
	float:right;
	width:275px;
/*	background-color:#993366;
*/	}

#subcontent .capsule {
	padding:10px;
	float:left;
	background-color:#f6f9f6;
	}

#subcontent .bkg_green {
	background-color:#148961;
	color:white;
	}
#subcontent .bkg_pink {
	background-color:#c10076;
	}


#isIE_version_LTE6 #subcontent {
	display:inline;					/* IE6 Double Margin Bug */
	}

a.button, a.button span {
	display:block;
	float:left;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	}

a.button, #maincontent a.button {
	background-image:url(../images/sce/css/button_br.gif);
	background-position:bottom right;
	color:white;
	}

a.button span {
	background-image:url(../images/sce/css/button_bl.gif);
	background-position:bottom left;
	}

a.button span span {
	background-image:url(../images/sce/css/button_tr.gif);
	background-position:top right;
	}

a.button span span span {
	background-image:url(../images/sce/css/button_tl.gif);
	background-position:top left;
	}

a.button span span span span {
	background-image:none;
	}

a.button:hover, #maincontent a.button:hover {
	color:#148961;
	text-decoration:none;
	}

a.button input {
	padding:0;
	background:none;
	border:none;
	}

.donatebuttons a, .donatebuttons a span {
	text-align:center;
	width:118px;
	height:3em;
	}

.donatebuttons a.last span span span span {
	height:2.5em;
	padding:0.25em 0;
	line-height:1.25em;
	}

.donatebuttons a {
	position:relative;
	}

.donatebuttons a.first {
	margin-right:15px;
	}

.donatebuttons a input {
	width:118px;
	height:3em;
	position:absolute;
	top:0;
	left:0;
	padding-bottom:3px;
	color:white;
	}

.donatebuttons a:hover {
	text-decoration:none;
	color:#148961;
	}

.donatebuttons a:hover input {
	color:#148961;
	text-decoration:none;
	}
	
.donatebuttons input:hover {
	color:#148961;
	text-decoration:none;
	}

.donatebuttons input#donate_regular {
	z-index:1000;
	display:block;
	line-height:3em;
	}

#isIE_version_7 .donatebuttons input#donate_regular {
	background-color:white;
	filter:alpha(opacity=0);
	}

#isIE_version_8 .donatebuttons input#donate_regular  {
	background-color:white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
	}

/* Contact Form */

#contactform {
	padding:0 10px;
	}

#contactform label {
	display:block;
	float:left;
	width:90px;
	}

#contactform span {
	}

#contactform a.button {
	margin-left:90px;
	margin-top:5px;
	}

#contactform a.button input {
	padding:4px 8px;
	color:white;
	}
	
#contactform a.button:hover input {
	color:#148961;
	text-decoration:none;
	}
	
/* Extra styles for news articles */

.homepage .VolNewsHeadline {
	padding:0 10px;
	}

.VolNewsDetail .news_title {
	display:block;
	color:#978179;
	font-size:150%;
	margin-bottom:1em;
	}

.VolNewsSearch ul {
	list-style:none;
	}

.VolNewsSearch ul label {
	display:block;
	width:90pt;
	float:left;
	}

.VolNewsSearch ul .check span {
	display:block;
	float:left;
	}

.VolNewsSearch ul .check input {
	clear:left;
	float:left;
	margin-right:15px;
	}

.VolNewsSearch ul .check span label {
	width:200pt;
	}

.VolNewsSearch .submit {
	clear:left;
	}

.VolNewsCategoryListing {
	float:left;
	margin-bottom:20px;
	}

.VolNewsCategoryListing .panel {
	float:left;
	}

.VolNewsCategoryListing .panel a,
	.VolNewsCategoryListing .panel span  {
	display:block;
	margin:0px 5px;
	}

.rh_news {
	margin:10px;
	color:white;
	}

.rh_news h4 {
	font-size:120%;
	color:white;
	}

.news_manager .subcat {
	font-size:140%;
	}

.news_manager .headline2 {
	margin-bottom:15px;
	}
		
/* Extra styles for Blog page and modules */

#raasayblog {
	margin:10px;
	}

#raasayblog h1 {
	color:black;
	}

.blog h4 {
	margin-top:0;
	}

.blog ul {
	list-style:none;
	margin: 0 15px;
	}

.blog li {
	margin: 4pt 0;
	}

div.hideH4 h4 {
	display:none;
	}

#volBlog .post h2 {
	font-size:160%;
	}

#subcontent div.rh_blog {
	margin:10px;
	}

#subcontent div.rh_blog {
	color:white;
	}

#subcontent div.rh_blog h4 {
	color:#FFEAC4;
	font-size:120%;
	padding-top:15px;
	}

#subcontent div.rh_blog ul {
	list-style:none;
	padding:0;
	}

#subcontent div.rh_blog li {
	padding-left:0;
	}

#subcontent div.rh_blog li li {
	padding-left:5px;
	}


#subcontent div.rh_blog a {
	color:white;
	}

#subcontent div.rh_blog form {
	margin:0;
	}
	
#volBlog .Social ul {
	list-style:none;
	float:left;
	width:100%;
	margin:10px 0;
	}

#volBlog .Social li {
	display:block;
	float:left;
	}

/* Define styles for footer */

#footer {
	float:left;
	clear:both;
	margin:10px 0 0 0;
	padding:5px 20px;
	background-color:#f6f9f6;
	text-align:left;
	font-size:65%;
	width:800px;
	}

#footer .inner {
	float:left;
	position:relative;
	width:800px;
	}
	
#footer .inner div {
	float:left;
	width:480px;
	}

#footer .inner div.first {
	margin-bottom:10px;
	}

#footer, #footer a {
	color:black;
	}

#footer .inner #footerlinks {
	width:308px;
	height:24px;
	position:absolute;
	bottom:0;
	right:0;
	}

#footer .inner #footerlinks a {
	padding-right:5px;
	}

#footer .inner #footerlinks a.last {
	padding-right:0;
	}

#footer .inner a#sizerlink_small,
	#footer .inner a#sizerlink_medium,
	#footer .inner a#sizerlink_large {
		font-weight:normal;
		}
	
#footer .inner a#sizerlink_small {font-size:80%;}

#footer .inner a#sizerlink_large {font-size:120%;}

#footer .inner a#sizerlink_medium {font-weight:bold;}
	
/* THESE STYLES TARGET THE SCE */

.editor {
	line-height:140%;
	background-color: #ffffff;
	width:780px;
	margin-left:40px;
	}

.editor ul, .editor ol {
	list-style-position:outside;
	padding:0;
	}
	
.editor ul {
	list-style-type:circle;
	margin-left: 15px;
	}

.editor ol {margin-left:30px;}

.editor li {
	margin-bottom:0.4em;
	}

.editor a {
	text-decoration:underline;
	}

.editor .big_link div {
	position:relative;
	width:183px;
	}

.editor .big_link a {
	margin-top:0;
	}
