
/*Cascading Style Sheet for ChristTheRedeemer.co.uk
 Author: Martin Hathaway
 Created: 19:48 09.11.2007*/

body		{
 background-color: #FFFFFF;
 background-image: url(images/page-bg.png);
 background-position: top left;
 background-repeat: repeat-x;
 cursor: auto;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 height: 100%;
 margin: 0px;
 text-align: center;
 width: 100%;}


/* -------------- CONTAINER STYLES -------------- */

div#container	{
 background-color: #FFFFFF;
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 1px;
 margin: 10px;
 width: 750px;}


/* -------------- HEADER STYLES -------------- */

div#header	{
 background-image: url(images/header-bg.png);
 background-position: bottom left;
 background-repeat: repeat-x;
 color: #909090;
 font-size: 10px;
 height: 100px;
 line-height: 10px;
 margin: 0px;
 text-align: left;
 width: 100%;}

div#header p	{
 margin: 0px 10px;}

div#header a:link, div#header a:visited	{
 color: #1283B3;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 letter-spacing: 1px;
 line-height: 23px;
 text-decoration: none;}

div#header a:hover	{
 color: #606060;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: normal;
 letter-spacing: 1px;
 line-height: 23px;
 text-decoration: none;}

div#header small	{
 color: #909090;
 font-size: 12px;
 line-height: 25px;}


/* -------------- HEADER_LOGO STYLES -------------- */

div#header_logo	{
 background-color: #1F6DAD;
 background-image: url(images/ctr-logo.png);
 background-position: center;
 background-repeat: no-repeat;
 color: #FFFFFF;
 float: left;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 35px;
 font-weight: normal;
 height: 40px;
 line-height: 40px;
 margin: 0px 0px 0px 15px;
 text-align: center;
 width: 40px;}

div#header_arrow	{
 background-image: url(images/ctr-arrow.png);
 background-position: center;
 background-repeat: no-repeat;
 float: left;
 height: 40px;
 margin: 0px 5px 0px 0px;
 text-align: center;
 width: 10px;}


/* -------------- HEADER_ADDRESS STYLES -------------- */

div#header_address	{
 color: #909090;
 float: right;
 font-size: 9px;
 height: 88px;
 line-height: 15px;
 margin: 5px;
 text-align: right;
 width: 245px;}


/* -------------- MENU STYLES -------------- */

div#menu	{
 background-color: #1F6DAD;
 background-image: url(images/menu-bg.png);
 background-position: top left;
 background-repeat: repeat-x;
 color: #FFFFFF;
 font-size: 10px;
 height: 30px;
 line-height: 28px;
 margin: 0px;
 text-align: left;
 width: 100%;}

div#menu p	{
 margin: 0px 5px;}

div#menu a:link, div#menu a:visited	{
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: none;}

div#menu a:hover	{
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: underline;}


/* -------------- CONTENT STYLES -------------- */

div#content	{
 height: 415px;
 margin: 0px;
 text-align: left;
 width: 100%;}

div#content p	{
 color: #606060;
 font-size: 10px;
 line-height: 15px;
 margin: 15px;}

div#content big	{
 color: #2B57A5;
 font-size: 14px;
 line-height: 30px;}

div#content b	{
 color: #2B57A5;}

div#content img	{
 border-width: 0px;
 float: right;
 margin: 0px 0px 10px 10px;}

div#content a:link, div#content a:visited	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;}

div#content a:hover	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-decoration: underline;}


/* -------------- CONTENT_TOP STYLES -------------- */

div#content_top	{
 background-color: #FFFFFF;
 background-image: url(images/christtheredeemer.jpg);
 background-position: top left;
 background-repeat: no-repeat;
 float: left;
 height: 250px;
 margin: 0px;
 width: 500px;}


/* -------------- CONTENT_LEFT STYLES -------------- */

div#content_left	{
 background-color: #FFFFFF;
 background-image: url(images/box-bg.png);
 background-position: top left;
 background-repeat: no-repeat;
 color: #606060;
 float: left;
 font-size: 10px;
 height: 165px;
 line-height: 20px;
 margin: 0px;
 text-align: left;
 width: 250px;}

div#content_left p	{
 margin: 5px 15px;}

div#content_left big	{
 color: #2B57A5;
 font-size: 14px;
 line-height: 30px;}

div#content_left a:link, div#content_left a:visited	{
 color: #606060;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;}

div#content_left a:hover	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;}

div#viewall_float	{
 float: right;
 margin: 0px 15px 0px 5px;}


/* -------------- CONTENT_MID STYLES -------------- */

div#content_mid	{
 background-color: #FFFFFF;
 background-image: url(images/box-bg.png);
 background-position: top left;
 background-repeat: no-repeat;
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 0px 0px 0px 1px;
 float: left;
 height: 165px;
 margin: 0px;
 width: 249px;}

div#content_mid big	{
 color: #2B57A5;
 font-size: 12px;
 line-height: 40px;
 margin-left: 15px;}

div#content_mid ul	{
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 1px 1px 0px;
 color: #606060;
 font-size: 10px;
 list-style-type: none;
 margin: 0px 10px;
 padding: 0px;
 text-align: left;
 width: 228px;}

div#content_mid li	{
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 0px 0px 1px;
 height: 27px;
 line-height: 27px;
 width: 100%;}

div#content_mid li.grey	{
 background-color: #F0F0F0;}

div#content_mid a:link, div#content_mid a:visited	{
 color: #606060;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: none;}

div#content_mid a:hover	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: none;}

div#content_mid p	{
 float: right;
 margin: 0px 5px 0px 0px;
 text-align: right;
 width: 40px;}


/* -------------- CONTENT_RIGHT STYLES -------------- */

div#content_right	{
 background-color: #FFFFFF;
 background-image: url(images/box-bg.png);
 background-position: top left;
 background-repeat: no-repeat;
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 0px 0px 0px 1px;
 color: #606060;
 float: right;
 font-size: 11px;
 height: 415px;
 line-height: 19px;
 margin: 0px;
 text-align: left;
 width: 248px;}

div#content_right p	{
 margin: 15px;}

div#content_right big	{
 color: #2B57A5;
 font-size: 14px;
 line-height: 25px;}

div#content_right a:link, div#content_right a:visited	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;}

div#content_right a:hover	{
 color: #2B57A5;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: underline;}


/* -------------- CREDITS STYLES -------------- */

div#credits	{
 background-image: url(images/credits-bg.png);
 background-position: top left;
 background-repeat: repeat-x;
 border-color: #E0E0E0;
 border-style: solid;
 border-width: 1px 0px 0px;
 color: #C0C0C0;
 font-size: 9px;
 height: 30px;
 line-height: 28px;
 margin: 0px;
 text-align: center;
 width: 100%;}

div#credits p	{
 margin: 0px 5px;}

div#credits a:link, div#credits a:visited	{
 color: #909090;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: none;}

div#credits a:hover	{
 color: #606060;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 margin: 0px 5px;
 text-decoration: none;}


/* -------------- STYLES -------------- */

div#		{
 width: 100%;}

div# a:link, div# a:visited	{
 color: #606060;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;}

div# a:hover	{
 color: #303030;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 text-decoration: none;}
