@import url("css/menu.css");

/* CSS Document */
body {height:100%; margin:0px; padding:0px; }

/* ControlPanel style 
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}*/

/*-------- Default Style --------*/
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input{color:#999; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:125%}
body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h5, h1 input{font-weight:bold;}
h1, h1 input{font-size:24px; margin:5px 0;}
h2{color:#999; font-weight:normal; font-size:20px;margin:0 0 10px 0; border-bottom:1px dotted #56B3E1; line-height:18px }
h2 .sub{ color:#56B3E1; font-size:10px; font-style:italic }
h3{color:#56B3E1; font-weight:normal; font-size:15px;margin:0;}
h4{color:#999; font-weight:normal; font-size:20px; margin:0 0 10px 0; }
h5, h6{font-size:10px;margin:5px 0;}
strong{color:#56B3E1;}
img { border:0;}
ul { margin:10px 0 10px 25px; list-style-position: outside; font-size: 14px; line-height:125%; color:#56B3E1;}
ul li { margin-bottom:5px; list-style-type: disc; border-bottom:1px dotted #56B3E1; padding:0 0 10px 0}
											
a,a:link,a:visited,a:active{color:#56B3E1; text-decoration:underline; font-weight:normal; }
a:hover{color:#8BCCEB; text-decoration:underline; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4DA6E8;}
.SubSubHead{color:#4DA6E8}
.NormalRed {color:#F00;}
.NormalTextBox { color:#666666}

.bluetext{ color:#4DA6E8}
.greentext{ color:#40A034}
.redtext{color:#F2462E}
.quotebox{ background-color:#1D1F29; padding:15px 25px; font-size:20px; font-weight:bold; color:#8D92A0; clear:both}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
.outerdiv{ width:100%; z-index:-10; padding:0; text-align:center; background: #000 url(images/bar_bg.jpg) bottom right repeat-x; }
.topbar{width: 900px; padding-top:15px; background-color:#000000}
.bottombar{width: 100%; height:46px; z-index:-2; background: url(images/footer_bg.jpg) top left repeat-x; margin:0 }

/*.top_space{height:34px;}
.lang_pad{padding:7px 35px 0px 0px;}

.logo_top_left{padding:0px; margin:0px; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0px; margin:0px; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_left{padding:0px; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0px; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 ;height:100px;}*/

.logo_top_image{ z-index:0; width:212px; margin:0; float:left }

.menu_top_frame{}
.menu_bottom_frame{}
.menu_bg{padding:0;  margin: 0; z-index:100; overflow:auto; height:40px;background:url(images/menu_bg_normal.jpg) top left repeat-x }
.menu_div{width:688px; float: left}
.menu_style{ float:left; vertical-align:middle; }


.2nd_menu_div{}

/*.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding:0px; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat-x top left; height:34px;}
.bread_left{padding:0px; margin:0px; background:url(images/bread_left.png) no-repeat top left; height:34px;}
.bread_right{padding:0px;  background:url(images/bread_right.png) no-repeat top right; height:34px;}  */

#login_style{ float:right; padding:0; z-index:100;  }
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#666;}
#terms_style{float:left; margin:0; padding:0}
#copy_style{float:left; margin:0; padding-left:5px}
#design_style{float:right; margin:0; padding-right:5px}

.head_image{ width:900px; height:140px;  clear:both; margin:0 auto}
.content_style{width:950px;text-align:center;  margin:0 auto; background-color:#000000}
.content_left{ width:950px; background: url(images/bar_left_img.jpg) bottom left no-repeat;}
.content_right{width:950px; background: url(images/bar_right_img.jpg) bottom right no-repeat;}
/* .center_bg{padding:0 15px; clear:both; overflow: visible;}
.content_pad{padding:10px 22px 0 22px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}*/
.content_width{overflow: visible; width:100%; text-align:left; float:left }
.content_area{ width:900px; overflow:visible; margin:0 auto}

/*.bot_left{padding:0px; margin:0px; background:url(images/bot_left.png) no-repeat top left;}
.bot_right{padding:0px; margin:0px; background:url(images/bot_right.png) no-repeat top right; padding:0px 39px 0px 27px;}
.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;} */
.bot_bg{padding:5px 0; margin:0 auto ; height:45px; width:900px; text-align:center; background:url(images/bottom_line.jpg) top center no-repeat; clear:both}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#4DA6E8; font-weight:normal; font-size:13px; text-decoration:none;}
a.CommandButton:hover{color:2787CD; text-decoration:underline; font-size:13px; }

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#4DA6E8;}
.ControlPanel a.CommandButton:hover{color:#2787CD; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*--------- pane style ----------*/
.TopPane, .BottomPane{ padding:0px; margin:0px; }
.ContentPane{ padding:15px 0 0 0; margin:0}
.LeftPane{ padding:0 7px 15px 0;  margin:0px;}
.RightPane{ padding:0 0 15px 8px; margin:0px;}


/*------------ Breadcrumb Style --------------
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#3E81B5;}
a.Breadcrumb:hover{color:#C00;}*/

/*-------------- Link Style --------------*/
.linkscontainer{text-align:center; margin:0; padding:0 0 10px 0;}
.links,a.links:link,a.links:active,a.links:visited{font-size:10px; font-weight:normal; color:#204F68; text-transform:uppercase;}
a.links:hover{color:#56B3E1;}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { font-size:11px; color:#666666; text-decoration:none}
a.user:hover{color:#999999; text-decoration:none}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { font-size:10px; color:#666; text-decoration: none}
a.footer:hover{color:#999;}
.footer a:link,.footer a:visited,.footer a:active{font-size:10px; color:#666;}
.footer a:hover{color:#999;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0px; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0px; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0px;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}*/

.quote { padding:0; margin:0}
.quote p { font-size:15px; line-height:140%; text-align:center }

div.bar{ width:100%; height:9px; background: url(/Portals/CIC/Images/cross_bar.gif) top left repeat-x; margin:30px 0 20px 0}

.preload{ position:absolute; left:-300px; width:200px;}

.nz_map{ background:url(/Portals/CIC/Skins/CityImpactChurch/images/nz_map.gif) top center no-repeat; width:121px; height:163px; position:relative; margin-top:20px }
.canada_map{ background:url(/Portals/CIC/Skins/CityImpactChurch/images/canada_map.gif) top center no-repeat; width:121px; height:122px; position:relative; margin-top:20px }

.contact_tab { background:url(/Portals/CIC/Images/contact_tab_normal.jpg) top right no-repeat; float:left}
.contact_shadow {background:url(/Portals/CIC/Images/contact_tab_shadow.png) top left no-repeat; z-index:1; }
.contact_shadow a:link, .contact_shadow a:visited { color:#999; text-decoration:none; font-size:11px; display:block; height:22px; padding:7px 30px 0 25px; text-transform:lowercase;  }
.contact_shadow a:active {color:#56B3E1; text-decoration:none; }
.contact_shadow a:hover{ color:#8BCCEB; text-decoration:none;}