/* ************************ Defaults ************************ */

body{
	text-align:center;
	color:#282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#D9DADB;
	background-repeat: repeat-x;
	background-position: left top;
}
body, h1, h2, h3, h4, h5, p, table, table th, form, a img {
	border: none;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #84ABD0;
	padding-bottom: 8px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #84ABD0;
	padding-bottom: 16px;
}
#page{
	padding:0px;
	text-align:left;
	width:780px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#page2 {
	width:780px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	text-align: left;
}
p{
	padding:0px 0px 10px 0px;
	line-height:22px;
}
a{
	color:#84ABD0;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#666666;
	text-decoration:underline;
}

/* ************************ top navigation ************************ */

.topnav{
	height:38px;
	background-color: #FFFFFF;
}

.topnav ul#menu{
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu li{
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top: 1px;
}
ul#menu li,ul#menu a{
	height:37px;
	display:block;
}
.topnav ul#menu li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
}
#toplink1{
	left:30px;
	width:47px;
}
#toplink2{
	left:81px;
	width:140px;
}
#toplink3{
	left:221px;
	width:163px;
}
#toplink4{
	left:384px;
	width:63px;
}
#toplink5{
	left:447px;
	width:103px;
}
#toplink6{
	left:550px;
	width:100px;
}

#toplink7{
	left:650px;
	width:100px;
}

#toplink1 a:hover,body#toplink1on #toplink1{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -30px -38px;
}
#toplink2 a:hover,body#toplink2on #toplink2{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -81px -38px;
}
#toplink3 a:hover,body#toplink3on #toplink3{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -221px -38px;
}
#toplink4 a:hover,body#toplink4on #toplink4{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -384px -38px;
}
#toplink5 a:hover,body#toplink5on #toplink5{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -447px -38px;
}
#toplink6 a:hover,body#toplink6on #toplink6{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -550px -38px;
}
#toplink7 a:hover,body#toplink7on #toplink7{
	background-color: transparent;
	background-image: url(../images/topnav.gif);
	background-repeat: no-repeat;
	background-position: -650px -38px;
}

.topnav ul#menu1 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav1on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu1 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu1 a {
	height:38px;
	display:block;
}
.topnav ul#menu1 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

.topnav ul#menu2 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav2on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu2 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu2 a {
	height:38px;
	display:block;
}
.topnav ul#menu2 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;

}

.topnav ul#menu3 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav3on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu3 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu3 a {
	height:38px;
	display:block;
}
.topnav ul#menu3 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

.topnav ul#menu4 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav4on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu4 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:-1px;
}
ul#menu li, ul#menu4 a {
	height:38px;
	display:block;
}
.topnav ul#menu4 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

.topnav ul#menu5 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav5on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu5 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu5 a {
	height:38px;
	display:block;
}
.topnav ul#menu5 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

.topnav ul#menu6 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav6on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu6 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu6 a {
	height:38px;
	display:block;
}
.topnav ul#menu6 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}

.topnav ul#menu7 {
	margin:0px;
	padding:0px;
	height:38px;
	width:780px;
	position:relative;
	background-image: url(../images/topnav7on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.topnav ul#menu7 li {
	margin:0px;
	padding:0px;
	list-style:none;
	position:absolute;
	top:0px;
}
ul#menu li, ul#menu7 a {
	height:38px;
	display:block;
}
.topnav ul#menu7 li a {
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.subnav{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 221px;
}
.subnav ul#submenu{
	background:url('../images/subnavin.gif') top left no-repeat;
	margin:0px;
	padding:0px;
	height:21px;
	width:320px;
	position:relative;
}
.homenav .subnav ul#submenu{
	background:url('../images/subnavh.gif') top left no-repeat; 
}
.subnav ul#submenu li{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	position:absolute; 
	top:0px; 
}
ul#submenu li,ul#submenu a{
	height:21px;
	display:block;
}
.subnav ul#submenu li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
	outline:none;
}
#sublink1{
	left:0px;
	width:90px;
}
#sublink2{
	left:90px;
	width:55px;
}
#sublink3{
	left:145px;
	width:105px;
}
#sublink4 {
	left:250px;
	width:75px;
}

#sublink1 a:hover,body#sublink1on #sublink1{
	background-color: transparent;
	background-image: url(../images/subnavin.gif);
	background-repeat: no-repeat;
	background-position: 0px -21px;
}
#sublink2 a:hover,body#sublink2on #sublink2{
	background-color: transparent;
	background-image: url(../images/subnavin.gif);
	background-repeat: no-repeat;
	background-position: -90px -21px;
}
#sublink3 a:hover,body#sublink3on #sublink3{
	background-color: transparent;
	background-image: url(../images/subnavin.gif);
	background-repeat: no-repeat;
	background-position: -145px -21px;
}
#sublink4 a:hover, body#sublink4on #sublink4 {
	background-color: transparent;
	background-image: url(../images/subnavin.gif);
	background-repeat: no-repeat;
	background-position: -250px -21px;
}
.subnav ul#submenu1{
	margin:0px;
	padding:0px;
	height:21px;
	width:320px;
	position:relative;
	background-image: url(../images/subnav1on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.homenav .subnav ul#submenu1{
	background:url('../images/subnavh.gif') top left no-repeat; 
}
.subnav ul#submenu1 li{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	position:absolute; 
	top:0px; 
}
ul#submenu li,ul#submenu1 a{
	height:21px;
	display:block;
}
.subnav ul#submenu1 li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
}

.subnav ul#submenu2{
	margin:0px;
	padding:0px;
	height:21px;
	width:320px;
	position:relative;
	background-image: url(../images/subnav2on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.homenav .subnav ul#submenu2{
	background:url('../images/subnavh.gif') top left no-repeat; 
}
.subnav ul#submenu2 li{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	position:absolute; 
	top:0px; 
}
ul#submenu li,ul#submenu2 a{
	height:21px;
	display:block;
}
.subnav ul#submenu2 li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
}

.subnav ul#submenu3{
	margin:0px;
	padding:0px;
	height:21px;
	width:320px;
	position:relative;
	background-image: url(../images/subnav3on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.homenav .subnav ul#submenu3{
	background:url('../images/subnavh.gif') top left no-repeat; 
}
.subnav ul#submenu3 li{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	position:absolute; 
	top:0px; 
}
ul#submenu li,ul#submenu3 a{
	height:21px;
	display:block;
}
.subnav ul#submenu3 li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
}

.subnav ul#submenu4{
	margin:0px;
	padding:0px;
	height:21px;
	width:320px;
	position:relative;
	background-image: url(../images/subnav4on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.homenav .subnav ul#submenu4{
	background:url('../images/subnavh.gif') top left no-repeat; 
}
.subnav ul#submenu4 li{ 
	margin:0px; 
	padding:0px; 
	list-style:none; 
	position:absolute; 
	top:0px; 
}
ul#submenu li,ul#submenu4 a{
	height:21px;
	display:block;
}
.subnav ul#submenu4 li a{ 
	text-indent:-9999px; 
	text-decoration:none; 
}
/* ************************ content ************************ */

#logo{
	text-align:right;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#logo2 {
	text-align:right;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#logocenter {
	text-align:center;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#flash {
   height: 565px;
   width: 780px;
}
div#loader{
	width:780px;
	height:288px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-color: #FFFFFF;
	
}
div#loader.loading{
	background:url(http://www.missionhill.ca/images/mainimg/spinner.gif) no-repeat center center;
}
#content{
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-color: #FFFFFF;
}
#content2 {
	padding-right: 30px;
}
.homeimg{
	margin:0px;
	padding:0px;
	height:288px;
	width:780px;
}
.hometext{
	width:530px;
	padding-left:210px;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
}
.hometext p{
	text-align:justify;
}
.hometext ul{
	margin:0px;
	list-style:none;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
}
.hometext ul li{
	margin:0px;
	display:inline;
	background-image: url(http://www.missionhill.ca/images/menubit.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.hometext ul li.menulast{
	background:none;
}
.hometext ul li a{
	font-weight:bold;
}
.imgborder{
	margin:0px;
	padding:0px;
	height:30px;
	width:780px;
	background-image: url(../images/main_imgborder.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#leftpanel{
	width:290px;
	float:left;
	text-align:justify;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#leftpanel2 {
	width:850px;
	float:left;
	text-align:justify;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#leftpanelwide {
	width:600px;
	float:left;
	text-align:justify;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 0px;
	overflow: auto;
	height: 380px;
}
#leftpanelmedia {
	width:240px;
	float:left;
	text-align:left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 25px;
	padding-left: 10px;
}
#rightpanel{
	float:left;
	padding:0px 0px 25px 0px;
	text-align: right;
}
#rightpanel2 {
	width:350px;
	float:left;
	text-align:justify;
	overflow: scroll;
	height: 320px;
	padding-top: 40px;
	padding-right: 40px;
	padding-left: 30px;
	margin-bottom: 30px;
	visibility: visible;
	clear: none;
}
.clear{
	clear:both;
}
.clear2{
	clear:both;
	padding-bottom:4px;
}
.pright{
	text-align:right;
	padding-bottom:60px;
}
#dropdown{
	position:absolute;
}

/* ************************ footer ************************ */

#footer{
	width:780px;
	height:40px;
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 18px;
	font-size: 10px;
}
.footerimg  {
	margin-left: 550px;
	margin-top: 0px;
}
#footer a{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
}
#footersplash{
	width:780px;
	height:44px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #9B8578;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#copyright{
	list-style:none;
	text-align:left;
	font-size: 10px;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}
#copyright li{
	padding:0px 12px 0px 0px;
	display:inline;
	font-size:0.93em;
}
#copyright a{
	color:#282828;
	text-decoration:none;
}
#copyright a:hover{
	color:#282828;
	text-decoration:underline;
}
#newsleft {
	width:350px;
	float:left;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 0px;
	overflow: auto;
	height: 320px;
}
#newsright {
	line-height: 16px;
	font-weight: normal;
}
newshead a:link {
	font-weight: bold;
	color: #00AEB7;
	text-decoration: none;
}
.newsheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #933C06;
	text-align: left;
	font-size: 12px;
	font-style: italic;
}
.newsdate {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #83896D;
}
.newsdescrip {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
}
.disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	text-align:justify;
}
.disBox {
	width:598px;
	height:50px;

}
.formfields {
	border: 1px solid #666666;
}
.subsubnav {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9B8578;
}
.subsubnav      a   {
	font-weight: bold;
	color: #84ABD0;
	text-decoration: none;
}
.subsubnav  a:visited {
	font-weight: bold;
	color: #84ABD0;
	text-decoration: none;
}
.subsubnav a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.subsubnav a:active {
	color: #84ABD0;
}
.subsubnavNone {
}
.subsubnavNone a {
	font-weight: bold;
	color: #84ABD0;
	text-decoration: none;
}
.subsubnavNone a:visited {
	font-weight: bold;
	color: #84ABD0;
	text-decoration: none;
}
.subsubnavNone a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.subsubnavNone a:active {
	color: #84ABD0;
}
.friendtext {
	text-align: left;
	line-height: 24px;
}
#mainlogolink {
	position:absolute;
	width:147px;
	height:111px;
	z-index:1;
	float: left;
	left: 29px;
	top: 20px;
}