/* CSS Document */

/* Set some defaults */

body {
	margin:0;
	padding:0;
	font-size:70%;
	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:#872136;
	margin:0 0 0.2em 0;
	}

h1 {font-weight:bold;}
	
a {
	text-decoration:none;
	color:#872136;
	}

a:hover {
	}

ul, ol, li, a, div {
	padding:0;
	margin:0;
	}

ul {
	padding-left:14px;
	padding-bottom:0.6em;
	}

li {
	padding-left:4px;
	}

p {
	margin: 0 0 0.6em; 0;
	}

h1 {
	font-size:110%;
	}

h2 {
	font-size:100%;
	font-weight:normal;
	}

h3 {font-size:110%;}

a img {border:none;}

/* Set some shorthand classes */

.floatleft {float:left;}

.floatright {float:right;}

.flushtop {margin-top:0;}

.clearleft, .clear {clear:left;}

.centering {text-align:center;}

.quote {font-style:italic; color:#002B7C; margin-bottom:0;}

.quotesig {text-transform:uppercase; color:#002B7C; font-size:80%;}

/* Set up structure of containers to manage page width and height */


html, body {
	height:100%;
	}

#container {
	width:780px; 
	margin:20px auto 0 auto;
	}

/* Define header styles */

#header {
	height:117px;
	}

#logo {
	float:right;
	width:230px;
	height:117px;
	background-image:url(../images/sce/css/RHlogo.jpg);
	background-repeat:no-repeat;
	background-position:50%;
	}

#menu {
	width: 100%;
	background-color:#002967;
	min-height:25px;
	margin:8px 0 10px 0; 
	}

#isIE_version_LTE6 #menu {
	height:25px;
	}

#menu ul {
	padding:0 1em;
	list-style: none;
	}
	
#menu li {
	float:left;
	position: relative;
	z-index:500;
	}

#menu a	{
	color:#FFFFFF;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px;
	display: block;
	}

#menu a.main_menu {
	padding:0 23px;
	line-height:25px;
	background-color:#002967;
	}

#menu a:hover {
	cursor: pointer;
	color:#ffcc66;
	}

#menu a.main_current {
	color:#ffcc66;
	}

#menu ul ul {
	display: none;		/* hidden except when moused-over */
	position: absolute;
	z-index: 500;
	padding: 0;
	background-color:#8494CA;
	min-width:100%;
	white-space:nowrap;
	}

#menu ul ul a {
	line-height:120%;
	font-weight:normal;
	}

#isIE_version_LTE6 #menu ul ul a {
	height:1%;
	}

#menu ul ul a:hover {
	background-color:#8494CA;
	}

#menu ul li:hover ul {
	display: block;
	}

#menu ul ul li {
	background-color:#8494CA;
	border-bottom:1px solid white;
	float:none;
	}

#isIE_version_LTE6 #menu ul ul li {
	float:left;
	}

#menu ul ul ul {
	display:none;
	position:absolute;
	left:150px;
	top:0px;
	padding:0;
	margin:0;
	}


#menu ul li:hover ul ul {
	display:none;
	}

#menu ul li ul li:hover ul {
	display:block;
	}

/* Define styles for the main body of the page */

#pagebody {
	min-height:420px;
	background-image:url(../images/sce/css/bkg_page_leftColOnly.gif);
	background-repeat:repeat-y;
	position:relative;
	z-index:100;
	}

#isIE_version_LTE6 #pagebody {
	height:445px;
	}

.activities #pagebody {
	background-image:url(../images/sce/css/bkg_page_solid.gif);
	}

#content {
	float:right;
	width:630px;
/*	background-color:#99FF66;
*/	}

/* Define styles for main page content */

#maincontent {
	float:left;
	width:390px;
	}

.activities #maincontent {
	width: 610px;
	margin:10px;
	}

.shout {
	display:block;
	color:#002B7C;
	font-style:italic;
   font-size:110%;
   line-height: 1.2em; 
   margin-top:5px;
	 margin-bottom:5px;	}

.col2 {
	float:left;
	width:48%;
	margin-right:2%;
	}

.col3 {
	float:left;
	width:30%;
	margin-right:2%;
	}
	
 /* Define styles for sidebar content */

#sidebar {
	float:right;
	width:230px;
/*	background-color:#993366;
*/	}

#isIE_version_LTE6 #sidebar {
	display:inline;					/* IE6 Double Margin Bug */
	}

#activitiesnav {
	margin:10px;
	}

#activitiesnav h2, #activitiesnav a {
	color:#002B7C;
	}

#activitiesnav h2 {
	padding-bottom:0.6em
	}

#activities h2 {
	text-transform:uppercase;
	}
	
#activitiesnav ul {
	padding-left:0;
	list-style:none;
	}

#activitiesnav li {
	margin-bottom:0.4em;
	}

#activitiesnav ul a {
	color:#872136;
	}
	
 /* Define styles for left column content */

#leftcolumn {
	width:140px;
	padding-bottom:50px;
	}

#leftcolumn ul, #leftcolumn li {padding-left:0;}

#leftnav, #leftcol_extra {
	padding:10px;
	}

#leftnav ul, #leftcol_extra ul {
	list-style:none;
	}

#leftnav li, #leftcol_extra li {
	padding:3px 0;
	}

#leftnav a, #leftcol_extra a {
	color:#002b7c;
	text-transform:uppercase;
	}

#leftnav a:hover, #leftcol_extra a:hover {
	color:#872136;
	} 

#leftcol_extra .pagelinks p, #leftcol_extra .pdflinks p {
	font-size:90%;
        font-weight:bold;
	}

#leftcol_extra .pagelinks li, #leftcol_extra .pdflinks li {
	padding-left:15px;
	background-repeat:no-repeat;
	background-position:0 5px;
	}

#leftcol_extra .pagelinks a, #leftcol_extra .pdflinks a {
	text-transform: none;
        font-size:90%;
	padding-left:0;
	}

#leftcol_extra .pagelinks p{
	color:#A20A35;
	}

#leftcol_extra .pagelinks li {
	background-image:url(../images/sce/css/arrow_on-blue.gif);
	}

#leftcol_extra .pagelinks a {
	color:#A20A35;
	}

#leftcol_extra .pdflinks p {
	color:#8D941D;
	}

#leftcol_extra .pdflinks li {
	background-image:url(../images/sce/css/arrow_green.gif);
	}

#leftcol_extra .pdflinks a {
	color:black;
	}

#leftcol_footer {
	position:absolute;
	bottom:0;
	width:140px;
	padding-bottom:10px;
	text-align:center;
	}

#leftcol_footer p {
	margin-bottom:0;
	}


/* Extra styles for news articles */

.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%;
	}

#sidebar div.rh_blog {
	margin:10px;
	}

#sidebar div.rh_blog {
	color:white;
	}

#sidebar div.rh_blog h4 {
	color:#FFEAC4;
	font-size:120%;
	padding-top:15px;
	}

#sidebar div.rh_blog ul {
	list-style:none;
	padding:0;
	}

#sidebar div.rh_blog li {
	padding-left:0;
	}

#sidebar div.rh_blog li li {
	padding-left:5px;
	}


#sidebar div.rh_blog a {
	color:white;
	}

#sidebar 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 {
	clear:both;
	min-height:15px;
	margin:10px 0;
	background-color:#872136;
	text-align:center;
	}

#footer ul {
	list-style:none;
	}

#footer li {
	display:inline;
	}

#footer li a {
	color:white;
	text-transform:uppercase;
	font-size:70%;
	padding:0 5px;
	line-height:15px;
	}

#footer li a:hover {
	color:#FFCC66;
	}
	
#subfooter {
	text-align:center;
	}

#subfooter p {
	font-size:70%;
	}

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