/*
  This file is based on the ploneCustom.css.dtml shipped with Plone

   (do not remove this)
   (not this either)
*/

/* YOUR CSS RULES START HERE */

body {font-family:Arial, Helvetica, sans-serif, Verdana; font-size: 82%; color: #000000; background-color: #063254; margin: 0px; padding: 0px;}
body { behavior: url(/csshover.htc/); } /* hover:anything support */

.formfield {font-size: 12px; line-height: 22px;}

/******************************************************************************/
#pagewrapper 			{	background-image:url(home_bg.gif); padding: 0px; width: 100%; margin:0px;	}

#search_head 			{	width: 240px; height: 28px; font-weight: bold;
							padding: 0; margin: 0; font-size: 10px; font-weight: bold;
							position: absolute; top: 3px; left: 400px;
						}
#search_head form		{	margin:0; padding:0; width:100%; text-align:right; }
#search_head div		{		}

.formfield 				{	font-size: 12px; line-height: 28px;	}

.clear					{	clear:both; }

#navcontainer 			{	font-family: Verdana, Arial; background-image:url(http://www.goarch.org//home_nav_Christ.jpg); padding: 0px; margin:0px;
							width: 758px; height: 173px;  z-index:500; }

#navwrapper				{	height:24px; position:relative; left: 100px; top: 91px; text-align:center; }
#navwrapper a
						{	color: #000000;  text-decoration: none; display: block;	}
#navwrapper a:hover
						{	color: #660000;  text-decoration: none ;	}

#navwrapper ul#navlist	{	list-style: none; margin: 0; padding: 0; float: left; z-index:500;	}
#navwrapper ul li div	{	text-align:left; color: #000000;	}
#navwrapper ul li 	{	float: left;  position: relative; padding-right:5px !important; margin:0px; text-align:left;
							font-weight:bold;font-size:9px;text-decoration: none; color: #000000;
						}

#navwrapper ul li div a, #navwrapper ul li div a:visited
                                                {text-align:center; color: #000000; 
                                                 padding:3px 0;}

#navwrapper ul li a
						{	text-align:left; text-decoration:none;color: #000000; }
#navwrapper ul li a:hover, #navwrapper ul li a:hover:visited
						{	text-align:left; text-decoration:none;color: #660000; }

#navwrapper ul li ul	{	text-align:left; background-color:#660000;
				border: 1px solid #660000; padding: 0px;
				opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ z-index:500;
		 	}

#navwrapper ul ul		{	position: absolute; z-index: 500; top: 3em; left: 0; display: none; margin: 0; padding: 0px;
							height: auto; list-style:none; text-align:left; border: 1px solid #660000; width:160px;
						}
#navwrapper ul li ul li
						{	width:155px; text-align: left;
							display: block; color: #ffffcc !important; margin:2px !important; padding:2px !important;
							font-size:10px; border-bottom:1px solid #ffffcc; text-transform:uppercase; font-weight:bold;
							/* border-bottom with maroon: #835204 */
					 	}
#navwrapper ul li ul li a, #navwrapper ul li ul li a:visited
						{	color: #FFFFCC; text-decoration: none; display: block; text-align: left; font-weight: bold;	}
#navwrapper ul li ul li a:hover
						{	color: #ffffcc !important; text-decoration:underline;	}

#navwrapper li ul		{	display: none;	}
#navwrapper li:hover ul	{	display: block;	}

/******************************************************************************/

#home_content 		{	vertical-align: top;background-image:url(home_bg.gif);}
#home_contentwrap	{	background-color: #FFFFE3; width:757px; border:0px; padding:0px; margin:0px;}
#column_two 		{	top: 0px; width: 356px; background-color: #FFFFE3; padding-left: 26px; padding-right: 15px; vertical-align: top;}
#column_one 		{	top: 0px; left: 0px; width: 123px; vertical-align: top; background-image:url(home_left_bg.gif)}
#column_three 		{	width: 268px; background-color: #FFFFE3; padding-right: 35px; vertical-align: top;}

#left 				{	width: 123px; margin-left: 3px; font-size: 95%; color: #ffffff;}
.left_header 		{	font-size: 105%; font-weight: bold; color: #ffffff;}
#left ul 			{	float: left; margin-left: 5px; padding-left: 5px;}
#left li 			{	text-decoration: none; font-size:11px; margin-left:11px; margin-bottom:6px; list-style-type: none;}
#left a 			{	text-decoration:none; color: #ffffff;}
#left a:hover 		{	color: #660000;}

#redbox { width: 100%; border: 1px solid #660000; background-color: #ffffff; margin-bottom: 10px; margin-top: 10px;}
.redbox_header { padding: 6px; background-color: #660000; font-family: Georgia, Garamond, Times New Roman, Serif; font-weight: bold; font-variant: small-caps; font-size: 110%; color: #ffffff;}
.redbox_nopadding {	padding:0; margin:0; border: 1px solid #660000;	background-color:#ffffff;	}

.redbox_content {	font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 90%; padding: 5px; margin: 0px;
					padding: 5px; margin: 0px;background-color: #ffffff; padding: 8px; border: 1px solid #660000;margin: 0 0 10px 0;
				}
#redbox a{color: #000000; text-decoration: none;}
#redbox a:hover {color: #660000;}
.banner {text-align:center; margin: 0px; padding: 0px; vertical-align:top;}
.date		{font-size:100%; text-transform: uppercase; color:#777777;font-weight:bold; padding-bottom: 3px; }
#today_section {width: 100%; padding-bottom: 10px; min-height: 290px;}
.today_image {float: left; width: 155px; margin-right: 10px; margin-top:8px; padding-bottom: 10px; margin-bottom: 20px; font-size: 90%; text-align: center;}
#today_section a {text-decoration: none; color:#000000;}
#today_section a:hover {color: #660000;}
.today_readings {font-size: 95%; width: 170px; margin-left: 155px;}
.today_header {color: #660000; font-family: Georgia, Garamond, Times New Roman, Serif; font-weight: bold; font-variant: small-caps; font-size: 130%;}
#flash {text-align:center; margin-top: 10px;}
#today_section_error .today_image {float: left; width: 125px; margin: 8px 5px 10px; padding-bottom: 10px; font-size: 90%; text-align: center;}

#today_section_error { border: 1px solid #990000; background-color: #ffffff; padding: 10px 20px 2px 2px; margin-bottom: 8px;}

#footer_container {background-image:url(home_footer_bg.gif); padding: 0px; width: 778px; height: 101px;  background-repeat:no-repeat; vertical-align: bottom; text-align:left;}
#footer_links {width:80%; position:relative; top: 26px; left: 130px; font-size: 9px; font-weight: bold; font-family:Verdana, Arial;}
.footer_dlink {position:absolute; width:120px; height:75px; cursor:pointer;}
#copyrighttextarea { color:#999999;font-size:9px;margin-top:10px;font-weight:normal;width:100%;text-align:center; }

/* GoArch Original CSS */
.bottomborder	{ font-family:verdana; font-size:11px; margin-bottom: 0.5em;}
.toolsdiv 	{ font-family:verdana; font-size:11px; margin-bottom: 7px; min-height: 50px;}
.toolsdiv img	{ margin: 0 5px 0 0; }

#seemore	{font-size:9px; font-family:verdana;}
#seemore a	{color:#660000; text-decoration:underline;}

.newsitem, .newsitem a	{font-family:verdana; font-size:11px; margin-bottom:6px; width:100%;}
.newsitem a:hover	{font-size:11px; color: #cc0000; width:100%;}

.marketplace-block	{	margin: 6px 0; width:100%; padding:4px 0;	}
.marketplace-image 	{	float:left; margin: 0 4px 0 0;	}

#divFlashMovie 		{	text-align:center;	}

/* YOUR CSS RULES STOP HERE */

/*  */

/* Latest version of the documentation on pre-defined properties from Plone
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */

