body { margin: 0; font: 12px 'lucida sans', 'lucida grande', Arial, Helvetica, sans-serif;    color: #333; line-height: 1.5em; background: #fff;  }

* html a, * a{ position: relative; cursor: hand; }
input, .element { position: relative; }

h1 { font-size: 24px; margin: 15px 0; padding: 0; color: #30827e; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }
h2 { font-size: 18px; margin: 15px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }
h3 { font-size: 14px; margin: 15px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }
h4 { font-size: 12px; margin: 15px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }
h5 { font-size: 11px; margin: 15px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }
h6 { font-size: 10px; margin: 15px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; }

#body p { margin: 10px 0; }
#body br { margin: 2px 0; }
#body a { color: #30827e; font-family: 'cambria', 'times new roman'; font-style: italic; font-weight: bold; }
#footer a { color: #292929; }

a:hover { text-decoration: none; }

/* Main Layout
-------------------------------------------------------------------*/

#bg_color { width: 100%; float: left; background: #5a58a1; }
#bg_image { width: 100%; float: left; background: url('images/main-bg.png') 0 0 repeat-x; _background: url('images/main-bg.gif') 0 0 repeat-x; }
body#internal #bg_image { width: 100%; float: left; background: url('images/main-bg-internal.png') 0 0 repeat-x; _background: url('images/main-bg-internal.gif') 0 0 repeat-x }
#bg_mark { width: 100%; float: left; background: url('images/mark.png') center 80px no-repeat;_background-image: none; }


#container { width: 985px; margin: 0 auto; }

#header { width: 985px; height: 138px; float: left; margin: 25px 0 0 0; background: #30827e url('images/header.png') 0 0 no-repeat; _background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Websites/christiancentre/templates/scc/styles/images/header.png', sizingMethod='image');}

#header h1#logo { width: 225px; height: 125px; margin: 0 0 0 30px; float: left; }
#header h1#logo a { width: 225px; height: 125px; float: left; text-indent: -9999px; }

#header .topNav { width: 400px; float: right; padding: 0 40px; }
#header .topNav li { display: inline; float: right; }
#header .topNav li a { font-family: georgia; color: #292929; font-size: .9em; font-style: italic; float: left; padding: 0 0 0 10px; }
#header .topNav li a:hover { text-decoration: none; }

#header .search { width: 250px; float: right; height: 25px; overflow:hidden;}
#header .search label { display: inline; }

#header .mainNav { width: 600px; float: right; padding: 70px 35px 0 0; *padding: 70px 35px 0 0; }
#header .mainNav li { float: right; padding: 0 0 0 5px; margin: 0 0 0 10px; list-style: none; display: inline; }
#header .mainNav li a { float: left; color: #292929; padding: 4px 10px 6px 5px; font-family: 'Cambria', 'Times New Roman'; font-size: 14px; font-weight: bold; text-decoration: none; }
#header .mainNav li.selectedPage,#header .mainNav li.selectedPageRoot,  #header .mainNav li:hover { background: url('images/mainNavLeft.jpg') 0 0 no-repeat; }
#header .mainNav li a:hover, #header .mainNav li.selectedPage a, #header .mainNav li.selectedPageRoot a{ background: url('images/mainNavRight.jpg') right 0 no-repeat; }
#header .mainNav li a:hover { _background-image: none; }

#bodyStretch { width: 985px; float: left; padding: 0 0 47px 0; background: url('images/bodyStretch.png') 0 bottom no-repeat; _background: url('images/bodyStretch.jpg') 0 bottom no-repeat;}

#body { width: 985px; float: left; background: url('images/bodyTile.png') 0 0 repeat-y;}

#flash { width: 918px; float: left; padding: 0 33px; z-index: 9999; }

#actions { width: 919px; padding: 10px 26px; margin: 0 7px; float: left; display: inline; background: url('images/actions.png') 0 0 no-repeat; }
#actions h1 { width: 234px; font-size: 18px; padding: 15px 15px; color: #30827e; font-style: normal; font-weight: bold; font-family: 'Cambria', 'Times New Roman'; background: url('images/actionsHead.jpg') 0 0 no-repeat; }
#actions #leftActions { width: 607px;  float: left;}

#actions #Left_Box { width: 280px; float: left; padding: 10px 0 0 14px; }
#actions #Left_Box .element { width: 250px; float: left; padding: 0px 20px 15px 10px; }
#actions #Left_Box h1 { width: 234px; padding: 20px 10px 24px 50px; background: url('images/cal_head.jpg') 0 0 no-repeat; }

#actions #Middle_Box { width: 280px; _width: 270px; float: right; padding: 10px 0 0 14px; }
#actions #Middle_Box .element { width: 250px; _width: 240px; float: left; padding: 0px 20px 15px 10px; }
#actions #Middle_Box h1 { width: 234px; _width: 224px; padding: 20px 10px 24px 50px; background: url('images/store_head.jpg') 0 0 no-repeat; }

#actions #rightAction { width: 280px; _width: 260px; float: right; padding: 10px 0 0 14px; }                                                         
#actions #rightAction .element { width: 250px; _width: 230px;float: left; padding: 0px 20px 15px 10px; }
#actions #rightAction h1 { width: 234px; _width: 214px; padding: 20px 10px 24px 50px; background: url('images/members_head.jpg') 0 0 no-repeat; }

#legal { width: 700px; float: left; padding: 10px 30px; font-size: .9em; color: #424784; }

#image { width: 918px; float: left; padding: 0 33px; }

#mainCol { width: 690px; float: left; margin: 10px 0 0 25px; display: inline; background: url('images/mainColTile.jpg') 0 0 repeat-y; }
#mainColTop { width: 690px; float: left; background: url('images/mainColTop.jpg') 0 0 no-repeat; }
#mainColBottom { width: 630px; float: left; min-height: 350px; _height: 350px; padding: 25px 30px 15px 30px; *padding: 35px 30px 15px 30px; background: url('images/mainColBottom.jpg') 0 bottom no-repeat; }

#mainCol ul { padding: 5px 0; }
#mainCol li { padding: 2px 2px 2px 25px; background: url('images/arrow-mainCol.jpg') 8px 6px no-repeat; }

#subCol { width: 233px; float: right; margin: 15px 30px 0 0; display: inline; }

#subCol .sideSecTile { width: 233px; float: left; margin: 0 0 15px 0; display: inline; background: url('images/sideSecTile.jpg') 0 0 repeat-y; }
#subCol .sideSecTop { width: 233px;  float: left; padding: 20px 0 0 0; background: url('images/sideSecTop.jpg') 0 0 no-repeat; }
#subCol .sideSecBottom { width: 233px; float: left; min-height: 150px; _height: 150px; padding: 0 0 20px 0; background: url('images/sideSecBottom.jpg') 0 bottom no-repeat; }

#subCol ul.sideNav { width: 227px; float: left; margin: 0 3px;display: inline; background: url('images/sideNavSep.gif') 0 0 repeat-x; }
#subCol ul.sideNav li { width: 227px; float: left; list-style: none; background: url('images/sideNavSep.gif') 0 bottom repeat-x; }
#subCol ul.sideNav li a,#subCol ul.sideNav li.selectedPage a{ width: 179px; float: left; padding: 8px 8px 8px 40px; text-decoration: none; color: #424242; background: url('images/arrow.gif') 20px 12px no-repeat; }
#subCol ul.sideNav li a:hover, 
#subCol ul.sideNav li.selectedPage a{ color: #fff; background: #424242 url('images/sideNavBg.jpg') 0 0 no-repeat;  }

#subCol ul#links li { width: 227px; float: left; list-style: none; background: url('images/sideNavSep.gif') 0 bottom repeat-x; }
#subCol ul#links li a,#subCol ul.sideNav li.selectedPage a{ width: 179px; float: left; padding: 8px 8px 8px 40px; text-decoration: none; color: #424242; background: url('images/arrow.gif') 20px 12px no-repeat; }
#subCol ul#links li a:hover, 
#subCol ul#links li.selectedPage a{ color: #fff; background: #424242 url('images/sideNavBg.jpg') 0 0 no-repeat;  }

#subCol #sideContent { width: 192px; padding: 0px 15px 0px 20px; float: left; font-size: .9em; }

#subCol h1 { font-size: 18px; margin: 10px 0; padding: 0; color: #30827e; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }
#subCol h2 { font-size: 16px; margin: 10px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }
#subCol h3 { font-size: 14px; margin: 10px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }
#subCol h4 { font-size: 12px; margin: 10px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }
#subCol h5 { font-size: 11px; margin: 10px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }
#subCol h6 { font-size: 10px; margin: 10px 0; padding: 0; color: #5a58a1; font-style: italic; font-weight: bold; font-family: 'Cambria',  'Times New Roman';  }

#oneCol { float: left; width: 898px; min-height: 200px; _height: 200px; padding: 10px 36px 10px 44px; }

#legal {color: #292929 !important;}
#legal a{color: #292929 !important;}

/* Extras
-------------------------------------------------------------------*/

.hide { display: none; }
.right { text-align: right; }
#actions .link { color: #292929;float: right; padding: 0 0 0 15px; background: url('images/arrow.gif') 0 4px no-repeat; }
#actions a {color: #292929;}


/* Admin
-------------------------------------------------------------------*/

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }

/* Powered By
-------------------------------------------------------------------*/

#radium3 {
  float: right;
  margin:0 20px 0 0;
}

