@charset "UTF-8";
body  {
	font: 100% Palatino, Georgia, Times, serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header {
	position: relative;
	background: #FFFFFF; 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #newsflash{
	position:absolute;top:0px;right:0px;height: 130px;width: 657px;
	background-color: #FFFFFF;text-align:center;vertical-align:middle; padding:10px;}

.twoColFixLtHdr #newsflash a{
 text-decoration: none; color: inherit;}


.twoColFixLtHdr #navstripe { 
	background: #2F2B79; 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 35px;
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	border: none;
} 

.twoColFixLtHdr #navigation { 
	background: #2F2B79; 
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 29px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	border-color: inherit;
}
.twoColFixLtHdr #sidebar1 {
	background: url('../core_images/sidebar_images/background.png') no-repeat;
	position:relative;
	top:  -1px;
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 530px;
	padding: 15px 15px 15px 15px;
	text-align: center;
	border: none;
}

.twoColFixLtHdr #sidebar1 h3 {
width:186px; border: 3px #000000 solid; background:#FFFFFF; padding:5px;}



.twoColFixLtHdr #sidebarpic {margin: auto;	width: 200px; height: 150px; padding: 0px; background-color: #DDDDDD;}

.twoColFixLtHdr #mainContent { 
	margin: 15px 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: justify;
} 

.twoColFixLtHdr #mainContent h1{ 
	background: url('../core_images/logo/hope_promise.png') no-repeat right;
}

/*.twoColFixLtHdr #mainContent h2 { 
	background: url('../core_images/logo/bullet_rose.png') no-repeat right;
}*/


.twoColFixLtHdr #mainContent p{ 
	text-align: justify;
	margin-bottom: 10px;
} 

.twoColFixLtHdr #mainContent ul{ 
	padding-left: 20px;
	} 
	
.twoColFixLtHdr #mainContent li{ 
	padding-bottom: 10px;
	} 


.twoColFixLtHdr #footer { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border-top: solid 1px #6DB144;
} 

.twoColFixLtHdr #footer table, .twoColFixLtHdr #footer td{ 
	border: 0px;
} 

.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 11px;
	text-align: center;
}

.twoColFixLtHdr #footer h6 {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	margin-top: 15px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*DROPDOWN MENUS*/
/* Horizontal CSS Drop-Down Menu Module @file		dropdown.css
 * @package		Dropdown	 * @version		0.7.1	* @type		Transitional	* @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+, Mac OS: Safari2+, Firefox2+
 * @link		http://www.lwis.net/ * @copyright	2006-2008 Live Web Institute. All Rights Reserved.*/

ul.dropdown { font-weight:bold; font-size:16px; text-align:center; font-weight: bold;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none;margin: 0;padding: 0px;}
ul.dropdown {position: relative;z-index: 597;float: left;}
ul.dropdown li 
{float:left;line-height:1.3em;vertical-align:middle;background-color:#2F2B79;color:#fff;width:160px;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative;z-index: 599;cursor: default;background-color: #6DB144;}
ul.dropdown li:hover > ul { visibility: visible;}
ul.dropdown li.rtl ul { top: 100%; right: 0; left: auto;}
ul.dropdown li.rtl ul ul { top: 1px; right: 99%; left: auto;}
ul.dropdown li a { display: block; padding: 7px 12px;}
ul.dropdown li.dir { padding: 7px 20px 7px 12px;}

ul.dropdown ul {visibility:hidden;position:absolute;top:100%;left:0;z-index:598;margin-left:-6px;width: 170px;padding-bottom:9px;background:url(images/dropdown_pane.png) 0 100% no-repeat;color:#000;font-size:16px;font-weight: normal;}
ul.dropdown ul li { float: left;background-color: transparent; color: #000;}
ul.dropdown ul li.dir { padding-right: 15px;}
ul.dropdown ul li.hover,ul.dropdown ul li:hover { background-color: transparent;}

ul.dropdown ul ul { top: 1px; left: 99%;display: none;}

ul.dropdown ul a { padding: 4px 5px 4px 12px; width:151px; text-align:left;}
ul.dropdown ul a:hover { padding: 3px 5px 3px 11px; border: solid 1px #ddd; background-color: #eee; font-weight: bold;color: #000; text-decoration: none;}
ul.dropdown ul a.dir { /*width: 129px;*/}
ul.dropdown ul a:link,ul.dropdown ul a:visited { color: #000; font-size:16px;font-weight: normal;}
ul.dropdown ul a:active { color: #000; }

ul.dropdown a:link,	ul.dropdown a:visited { color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; }
ul.dropdown a:hover { color: #fff; text-decoration: underline; }
ul.dropdown a:active { color: #fff; }

ul.dropdown ul ul li {}

ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%;background-repeat: no-repeat;}

ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%; background-repeat: no-repeat;}

* { margin: 0; padding: 0; }
h1 { margin-bottom: .5em; border-bottom: solid 1px #6DB144; font-weight: normal; font-size: 180%; letter-spacing: -1px; }

h2 { margin-bottom: .5em; margin-top: 20px;border-bottom: solid 1px #6DB144; font-weight: normal; font-size: 150%; letter-spacing: -1px; }

h3 { margin-bottom: .5em; font-weight: normal; font-size: 120%; letter-spacing: -1px; }


#newsflash h1 {padding: 0px; margin-top: 0px;margin-bottom: 20px; border-bottom: solid 1px; border-bottom-color: inherit; font-weight: normal; font-size: 24px; letter-spacing: -1px; line-height:20px;}
#newsflash p {margin-top:5px;}
#newsflash a {color: inherit !important;}
#newsflash a:visited {color: inherit !important;}

cite { float: right; }
ul.classic { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
div.section { clear: both; padding-top: 50px; }

.table1 { float: right; margin-bottom: 2em; border: solid 1px #eee; }
.table1 caption { color: #fff; text-align: center; padding-bottom: 5px; }
.table1 th, .table1 td { padding: 7px; }
.table1 th, .table1 thead td { background-color: lightyellow; color: #000; }
.table1 tbody td { background-color: #fff; color: #000; }
.table1 tbody th { text-align: right; }

* html ul.dropdown ul {  background-color: #2f2a7a; }

table, td
{
    border-color: #000000;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top:10px;
    margin-bottom:10px;
}

td
{
	text-align:left;
    margin: 0;
    padding: 4px;
    padding-left: 15px;
    padding-right: 15px;
    border-width: 1px 1px 0 0;
    background-color: #FFFFFF;
}
.twoColFixLtHdr #calendarContent { 
	margin: 0 0 0 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-top: 15px;
	border-left: solid 1px #ffffff;
} 
.twoColFixLtHdr #calendarContent table { width: 98%; margin:auto; margin-bottom:10px;}
.twoColFixLtHdr #calendarContent td { width: 14%;text-align: left;vertical-align: top;}

.caltd {height: 100px; padding: 4px; line-height: 10px; font-size: 14px; }
.caltd a{font-size: 12px; letter-spacing: -1px; color:#2F2B79; text-decoration:none;}
.caltd a:hover{color:#D72A29;}

.calday {
	font-family: sans-serif;
	font-weight: bold;
 	background-color: #D72A29;
 	color: #FFFFFF;
 	width: 20px;
 	height: 18px;
 	line-height: 18px;
 	text-align: center;
 	position: relative;
 	top: -4px;
 	left:  -4px;
 }


.calprog {margin-top: 10px; font-size: 11px; letter-spacing: -1px; color:#D72A29;}

.td_12_centre, .td_12_centre a
	{
	font-size: 12px;
	text-align: center !important;
	vertical-align: middle !important;
	}
	
#recycle_table
	{
	width: 100%;
}

#recycle_table td
	{
	width: 50%;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

#centre_table, #centre_table td
	{
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}

.td_18_inverted	{font-size: 18px;font-weight: bold;text-align: center !important;vertical-align: middle !important;background-color: #2f2a7a;color: #FFFFFF;}
.td_18_inverted	a {font-size: 14px;font-weight: bold;color: #FFFFFF;}
/*Space Gallery */
.spacegallery {position: relative;overflow: hidden;}
.spacegallery img {position: absolute;left: 200px;}
.spacegallery a {
	position: absolute;
	z-index: 1000;
	display: block;
	top: 56px;
	left: 99px;
	width: 200px;
	height: 150px;
	background: url(../core_images/spacegallery/blank.gif);
}
#myGallery {margin-top: 20px;position: relative;left: -97px;width: 350px; height:400px;}
#myGallery img {border: 1px solid #000000;}
#myGallery .quote{
	width:186px; margin:auto; position:relative; top:230px; left:24px; border: 3px #000000 solid; background: #FFFFFF; padding: 5px;
}

a.loading {background: #FFFFFF url(../core_images/spacegallery/ajax_small.gif) no-repeat center;}

#content2big
	{
	width: 645px;
	height: 500px;
	border: 1px solid #DEDEDE;
	overflow: auto;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
	padding-top: 0px;
}
#content2big h2
	{
	font-size: 18px;
	background-image:none !important;
}

#admin_section h1
	{
	width: 100%;
	line-height: 48px;
	color: #ffffff;
	background-color: #D72A29;	
}

#admin_section table {width: 100%;}

.faq_answer
	{
	width: 100%;
	border: 1px solid #000000;
	padding: 10px;
	background-color: #F0FAEB;	
}

#rose_photo_gallery
	{
	width: 100%;
}

#rose_photo_gallery td {
	width: 33%;
	text-align: center;
	height: 160px;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 9999; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../core_images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../core_images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 9998; width: 100%; height: 500px; background-color: #000; }

#webform
	{
	width: 99%;
	margin: auto;
	border: 1px solid #000000;
	background-color: #F0FAEB;
	text-align: center;
}

#webform table
	{
	border: none;
	margin: auto;
}

#webform td
	{
	border: none;
	padding: 10px;
	background-color: #F0FAEB;
}

#webform #submit {color:#FFFFFF; background-color:#D72A29; font-size:14px; font-weight: bold; padding: 5px; border: 1px solid #000000;}

#webform .sub_button {color:#FFFFFF; background-color:#D72A29; font-size:14px; font-weight: bold; padding: 5px; border: 1px solid #000000;}


#adminform table
	{
	width: 100%;
	margin: auto;
	border: 1px solid #000000;
	background-color: #F0FAEB;
	text-align: center;
}

#adminform td
	{
	padding: 4px;
	background-color: #F0FAEB;
		text-align: center;

}

#adminform #submit
	{
	color:#FFFFFF; background-color:#D72A29; font-size:14px; font-weight: bold; border: 1px solid #000000; padding: 10px;
}


.text-input 
	{
	background:#FFFFFF;
	border:1px solid #B5B8C8;
	font-size:14px;
	margin-top:4px;
	padding:4px;
	}

#program_schedule
	{	
	width: 100%;
}

#program_schedule td
	{ text-align: center;
}

#contact_p, #contact_p p
	{
	text-align: center !important;
	 line-height: 14px; }
	 
#admin_index, #admin_index td,  #admin_index p
	{
	text-align: center;
}

#admin_index td{
	width: 20%;
}

.no_break {
	white-space: nowrap;
}

.mmleft {
	text-align: left !important;
}
/*
// STANDARD COLOURS FOR ROSE OF DURHAM
// RED: D72A29
// BLUE: 2F2B79
// GREEN: 6DB144*/