@charset "UTF-8";
/* CSS Document */

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a
{
	text-decoration:none;
	color:#003399;
	/*font-weight:bold;*/
}

a:hover
{
	color:#CC6600;
}

table
{
	font-size:12px;
}



/*******************************************************************/
/* 	
	This is the styling for the universal header.
*/

.header_bg
{
	background-image:url(http://www.adventistinfo.org.uk/images/layout_03.png);
	background-repeat:repeat-x;
}



/*******************************************************************/
/* 	
	This is the styling for the universal menu.
*/

.menu_bg
{
	color:#FFFFFF;
	/*font-weight:bold;*/
	font-size:11px;
	/*padding-left:10px;*/
	background-image:url(http://www.adventistinfo.org.uk/images/layout_07.png);
	background-repeat:repeat-x;
}

/* ######### Drop Down ULs CSS ######### */

.ddsubmenustyle, .ddsubmenustyle ul
{ /*topmost and sub ULs, respectively*/
	font: normal 12px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: white;
	border: 1px solid black;
	border-bottom-width: 0;
	visibility: hidden;
	z-index: 100;
}


.ddsubmenustyle li a
{
	display: block;
	width: 160px;
	color: black;
	background-color: lightyellow;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid black;
}

* html .ddsubmenustyle li a
{ /*IE6 CSS hack*/
	display: inline-block;
}

.ddsubmenustyle li a:hover
{
	background-color: black;
	color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer
{ /*CSS for "down" arrow image added to top menu items*/
	padding-left: 4px;
	border: 0;
}

.rightarrowpointer
{ /*CSS for "right" arrow image added to drop down menu items*/
	position: absolute;
	padding-top: 3px;
	right: 2px;
	border: 0;
}

.ddiframeshim
{
	position: absolute;
	z-index: 500;
	background: transparent;
	border-width: 0;
	width: 0;
	height: 0;
	display: block;
}


/* ######### top menu CSS  ######### */
.top_nav_bar ul
{
	margin: 0;
	padding: 0;
	font: bold 12px Arial;
	list-style-type: none;
	/*border-bottom: 1px solid gray;
	background: #414141;*/
	overflow: hidden;
	width: 100%;
}

.top_nav_bar li
{
	display: inline;
	margin: 0;
}

.top_nav_bar li a
{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 6px 8px; /*padding inside each tab*/
	/*border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	/*background: #414141;*/
}

.top_nav_bar li a:visited
{
	color: white;
}

.top_nav_bar li a:hover
{
	background: black; /*background of tabs for hover state */
}

.top_nav_bar a.selected
{
	background: black; /*background of tab with "selected" class assigned to its LI */
}


/* ######### Marker List Vertical Menu ######### */

.markermenu
{
	width: 120px; /*width of side bar menu*/
	clear: left;
	position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
}

.markermenu ul
{
	list-style-type: none;
	margin: 5px 0;
	padding: 0;
	border: 1px solid #9A9A9A;
}

.markermenu ul li a
{
	background: #F2F2F2; /*light gray background url(bulletlist.gif) no-repeat 3px center*/
	font: bold 12px;
	color: #00014e;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 2px;
	text-decoration: none;
	border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a
{ /*IE6 hack*/
	width: 120px;
}

.markermenu ul li a:visited, .markermenu ul li a:active
{
	color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected
{
	color: white;
	background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a
{
	background: white;
}

.blackwhite li a:hover
{
	background: black;
	color: white;
}



/*******************************************************************/
/* 	
	This is the styling for the universal slide show.
*/

.slideshow_bar
{
	font-size:20px;
	font-weight:bold;
}

.slideshow_bg
{
	background-image:url(http://www.adventistinfo.org.uk/images/layout_11.png);
	background-repeat:repeat-x;
}


/*******************************************************************/
/* 	
	This is the styling for the content.
*/

.content
{
	padding-left:5px;
	padding-right:5px;
	font-size:12px;
}


/*******************************************************************/
/* 	
	This is the styling for the universal content's left border.
*/

.content_border_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/layout_13.png);
	background-repeat:repeat-y;
}



/*******************************************************************/
/* 	
	This is the styling for the universal content's right border.
*/

.content_border_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/layout_16.png);
	background-repeat:repeat-y;
}



/*******************************************************************/
/* 	
	This is the styling for the universal slide show.
*/

.footer_bg
{
	background-image:url(http://www.adventistinfo.org.uk/images/layout_20.png);
	background-repeat:repeat-x;
	font-size:10px;
}




/*******************************************************************/
/* 	
	This is the styling for the border with a shadow around the edge.
	The center of the 'box' is left transparent so that it can be used with any
	colour page.
*/
#border_1
{
	font-size:12px;
}

/*#border_1 li
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}*/

.border1_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/border_02.png);
	background-repeat:repeat-x;
	background-position:top;
	height:20px;
}

.border1_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/border_04.png);
	background-repeat:repeat-y;
	background-position:top;
	width:20px;
}

.border1_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/border_06.png);
	background-repeat:repeat-y;
	background-position:top;
	width:20px;
}

.border1_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/border_08.png);
	background-repeat:repeat-x;
	background-position:top;
	height:20px;
}



/*******************************************************************/
/* 	
	This is the styling for the first border.
*/

#table_1
{
	font-size:12px;
}
.table1_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_1_02.png);
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
}

.table1_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_1_04.png);
	background-repeat:repeat-y;
}

.table1_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_1_06.png);
	background-repeat:repeat-y;
}

.table1_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_1_08.png);
	background-repeat:repeat-x;
}



/*******************************************************************/
/* 	
	This is the styling for the first border.
*/

#table_2
{
	font-size:12px;
}
.table2_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_2_02.png);
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
}

.table2_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_2_04.png);
	background-repeat:repeat-y;
}

.table2_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_2_06.png);
	background-repeat:repeat-y;
}

.table2_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_2_08.png);
	background-repeat:repeat-x;
}



/*******************************************************************/
/* 	
	This is the styling for the secondtable.
*/

#table_3
{
	font-size:12px;
}
.table3_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_3_02.png);
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
}

.table3_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_3_04.png);
	background-repeat:repeat-y;
}

.table3_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_3_06.png);
	background-repeat:repeat-y;
}

.table3_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_3_08.png);
	background-repeat:repeat-x;
}


/*******************************************************************/
/* 	
	This is the styling for the 4th table.
*/

#table_4
{
	font-size:12px;
}
.table4_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_4_02.png);
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
}

.table4_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_4_04.png);
	background-repeat:repeat-y;
}

.table4_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_4_06.png);
	background-repeat:repeat-y;
}

.table4_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_4_08.png);
	background-repeat:repeat-x;
}



/*******************************************************************/
/* 	
	This is the styling for the 4th table.
*/

#table_5
{
	font-size:12px;
}
.table5_top
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_5_02.png);
	background-repeat:repeat-x;
	font-size:14px;
	font-weight:bold;
}

.table5_left
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_5_04.png);
	background-repeat:repeat-y;
}

.table5_right
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_5_06.png);
	background-repeat:repeat-y;
}

.table5_bottom
{
	background-image:url(http://www.adventistinfo.org.uk/images/table_5_08.png);
	background-repeat:repeat-x;
}




/* This section generates the graphics for the bread crumb trail */

#bread_crumb #content
{
	background-image:url(http://www.adventistinfo.org.uk/images/bread_crumbs_03.png);
	background-repeat:repeat-x;
	font-size:10px;
	color:#999999;
	padding-left:5px;
}

/* Mobile friendly section. These styles were introduced for the mobile friendly version. It adds flexibility to the page to be layout for a mobile.*/
#map_canvas{
	width: 420px; height: 450px; border-color:#999999; border-style:solid; border-width:1px; overflow:auto; margin-left:0.5em;

}


#side_bar{
	 overflow:auto; width:200px; height:450px; border-color:#666666; border-style:solid; border-width:1px; float:right; margin-right:1em;
	 
	
}
#left_col{
	width:200px; float:left;
}
#ctr_col{
	width:700px; float:right;
}

#ctr_col_2{ 
	/*width:350px; border-bottom-color:#F00; border-bottom-width:1px; float:left; margin:1em;*/
	width:340px; border-bottom-color:#F00; border-bottom-width:1px; margin-left:200px; position: absolute;
}

#right_col{
	width:350;
	 float:right;
}

#map_canvas {
	float:left;
}

#bottom_note{
	float:left;
}

#division{
	border-bottom:1px;
	border-bottom-color:#999;
	border-bottom-style:dashed;
 
}
/*******************************************************************/
/* 	
	These are the general styles through out the site. I have tried to keep them similar to the original
*/

.smalltext 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

INPUT, TEXTAREA, SELECT, OPTION {
	font-size: 12px;
	color: #333333;
}

.topheading  {
	font-size: 14pt;
	color: #333333;
	font-weight: bold;
	vertical-align: text-top;
}

.bodyheading 
{
	font-size:14px;
	color: #333333;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.greybottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-top: 18px;
}

.leftmenu {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #EEEEEE;
	text-align: center;
}

.bottommenu {
	font-size: 9pt;
	color: #CE9C00;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

.copyrighttext {
	font-size: 9pt;
	color: #CCCCCC;
}

.datetext {
	font-size: 9pt;
	color: #CCCCCC;
}

.directorypath {
	font-size: 9pt;
	color: #CE9C00;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	vertical-align: bottom;
}

.tablemain {
	border-collapse: collapse;
	height: 100%;
}

.normaltext {
	font-size: 9pt;
	color: #333333;
}

.goldonwhite {
	font-size: 9pt;
}
/* department alternative styling*/
	#omnicontent {
		width: 940px;
	}
	#columnLeft{
		margin-left: 10px;
		float: left;
		width: 360px;
			}
	#columnRight{
		float: left;
		width: 400px;
		margn-right: 10px;
			}
	#Subcontent{
		float: right;
		width: 160px;
		margin-left: 10px;
		
			}
	.column1-left {
	text-align:justify;
	float:left;
	margin-right: 10px!important;
	margin-bottom: 10px;
	overflow: visible !important;
	background-color: #F2E6C7;
	
	/*rounded corners for mozilla browser*/
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	/*rounded corners for safari and Chrome browser*/
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	/*rounded cornersfor opera browser*/
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	}
.column2-middle {
	float:left;
	margin-bottom:10px;
	overflow: visible !important;
	background-color: #F2E6C7;
	/*rounded corners for mozilla browser*/
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	/*rounded corners for safari and Chrome browser*/
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	/*rounded cornersfor opera browser*/
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.column3-right-top {
	display:inline-block;
	float:right;
	margin-bottom: 10px;
	overflow: visible;
	background-color: #9F9;
	/*rounded corners for mozilla browser*/
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	/*rounded corners for safari and Chrome browser*/
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	/*rounded cornersfor opera browser*/
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

 h6{
	color:#003399;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-align:center;
	font-size:16px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.contentPadding {
		padding:10px 5px 10px 10px;
}
.bulletpadding {
	padding-left:6px;
	padding-right:2px;
}
#small_ads_right{
		/*this class is aligned to the left in mobile version. For full screen we use it on the right*/
	float:right;
}

#feature-n{
	position:relative; border-bottom:1px; border-bottom-color:#666; border-bottom-style:dashed; display:block; margin-top:1em; padding-bottom:1em;
}
#img-feature{
	display:block; float:right; padding-left:0.1em; padding-right:0.5em;
}

#eventsrightform{
	float:right;
	background-color:#eeeeee;
	border-left:1px solid black;
	padding:1em;
	/*padding-right:1em;
	padding-top:1em;*/
}

#eventsleftform{
	position:absolute;
	background-color:#eeeeee;
	padding-left:1em;
	padding-right:1em;
	border:1px solid black;
	width:85%;
	
	

}

#events_form_holder{
	position:relative; 
	height:30em;
	
}

#features {
	width:auto;
	margin-right: 20px;
}

/* Live stream on adventist Churches*/
#column_Left {
    float: left;
    margin-left: 10px;
    width: 360px;
}

#Sub_content {
    float: right;
    margin-right: 10px;
    width:480px;
}

a.rounded_curves{
	/*rounded corners for mozilla browser*/
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	/*rounded corners for safari and Chrome browser*/
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	/*rounded cornersfor opera browser*/
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-color:#83F54B;
	margin-bottom:5;
	margin-right:5;
	display:inline-block;
	padding: 5px 5px 5px 5px;
	color: #000;
}
a.rounded_curves:hover{
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	/*rounded corners for safari and Chrome browser*/
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	/*rounded cornersfor opera browser*/
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	background-repeat: repeat-x;
	background-color:#F00;
	display:inline-block;
	padding: 5px 5px 5px 5px;
	color: #FFF;
	}
h7 {
    color: #003399;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
}