/* 
  ------------------------------------------------
  Mastertemplate Main Stylesheet
  Copyright (c) 2009 artKenya.net
  www.artkenya.net
  main.css
  ------------------------------------------------
*/
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}*/
body {
	position: relative; /*IE hack to make bg image visible*/
  	background-color: #DBDBDB;
  	background-image: url(../images/bg.jpg);
  	background-repeat:repeat-x;
  	margin: 10px 0 10px 0;
  	padding: 0 0 0 0;
  	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
}
p {
	margin-top: 0px;
	margin-bottom: 12px;
}
.orange {
	color: #FF6600;
	font-weight: bold;
}
h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #990000;
	line-height: 1em;
	margin-top: 0px;
	border-bottom: none;
}
h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-weight: normal;
	color: #990000;
	line-height: 2em;
	margin-top: 0px;
	border-bottom: none;
}
h3 {
  color: #990000;
  font-size: 14px;
  line-height: 16px;
}
ul {
	margin: 0;
	padding: 0 0 0 12px;
}
li {
	margin: 0px;
	padding: 0px;
}
.headersecond {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px dotted #990000;
}
.sponsor{
	font-family: "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #990000;
	line-height: 1em;
	margin-top: 0px;
	border-bottom: none;
}
a, a:link {
  color: #333333;
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
}
a:hover {
  color: orange;
  text-decoration: none;
}
a:focus {
  color: orange;
  text-decoration: none;
}
a:active {
  color: orange;
  text-decoration: none;
}
.p7uberlink {
	font-weight: normal !important;
	letter-spacing: 0em !important;
	border-color: #FF0000 !important;
	color: orange !important;
  	text-decoration: none !important;
}
.clearFloat {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.padding20 {
	padding: 20px;
}
/********************************* LAYOUT STYLES ******************************/
#outerWrapper {
  	background-color: transparent;
  	border: solid 0px #666666;
  	margin: 0px auto 0 auto;
  	padding: 0px;
  	text-align: left;
  	width: 978px;
  	color: #333333;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 12px;
}
#outerWrapper #masthead {
  	position: relative;
	width: 978px;
  	height: 80px;
  	padding: 0px 0px 0px 0px;
  	background-color: transparent;
  	border-bottom: solid 0px #666;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 15px;
}
#outerWrapper #masthead #logo{
	position: absolute;
	top: 0px;
	left: 20px;
	z-index:20;
	width: 120px;
	height: 78px;
	background-color: #eee;
}
#outerWrapper #masthead #subnav{
	display: none;
	position: absolute;
	top: 20px;
	right: 30px;
	width: 200px;
	background-color: #000;
	border-bottom: 0px dotted #666;
	padding: 0px;
	font-size: 11px;
	color: #999;
	text-align: right;
}
#outerWrapper #masthead #subnav ul{
	margin: 0;
	padding: 0;
	list-style:none;
	color: #666;
	text-transform:uppercase;
}
#outerWrapper #masthead #subnav li{
	display: inline;
	padding-left: 10px;
}
/********************************* TOP NAVIGATION ******************************/
#topNavigation {/* you can place the navbar anywhere on the page by changing top and left coordinates */
	position: relative; /*IE hack to make bg image visible*/
	margin: 0 auto 5px auto;
	width: 978px;
	height: 50px;
  	background-color: orange;
	font-size: 12px;
	font-weight: bold;
}
#outerWrapper #banner {
	position: relative; /*IE hack to make bg image visible*/
  	margin: 5px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	width: 978px;
  	height: 233px;
	background-color: transparent;
	background-image: url(../images/bg_banner.jpg);
  	background-repeat:no-repeat;
  	border: solid 0px #666;
  	font-size: 18px;
  	font-weight: bold;
  	line-height: 15px;
}
#outerWrapper #breadcrumbs {
	position: relative; /*IE hack to make bg image visible*/
	height: 57px;
	margin: 0;
  	padding: 0px 0px 0px 0px;
	background-color: transparent;
	background-image: url(../images/bg_breadcrumbs.jpg);
}
#outerWrapper #breadcrumbs p{
	margin: 0;
  	padding: 22px 0px 0px 30px;
  	font-size: 11px;
  	color: #333333;
	}
#outerWrapper #contentWrapper{
	position: relative; /*IE hack to make bg image visible*/
	width: 938px;
	min-height: 845px;
  	margin: 0; 
  	padding: 20px 10px 15px 10px; 
	background-image: url(../images/bg_contentWrapperNEW.jpg);
	background-image: url(../images/bg_contentWrapperNEW.png) !important;
	background-position:top;
}
html>body #outerWrapper #contentWrapper{
	width: 958px;
}
#outerWrapper #contentWrapperBottom{
	position: relative; /*IE hack to make bg image visible*/
	width: 978px;
	height: 10px;
  	margin: 0; 
  	padding: 0; 
	background-image: url(../images/bg_contentWrapperNEW.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
/************************************ SIDEBARRIGHT WITH NAVIGATION ********************************************/
#outerWrapper #contentWrapper #sidebarright{
	float: right;
	width: 305px;
	height: auto;
	margin: 2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #fff;
}

#outerWrapper #contentWrapper #sidebarright .header{
	position: relative; /*IE hack to make bg image visible*/
	width: 305px;
	height: 49px;
	background-image: url(../images/bg_sidebarright_header.jpg);
	background-repeat: no-repeat;
	background-position:top;
}
#outerWrapper #contentWrapper #sidebarright .header h2{
	padding: 7px 0px 0px 15px;
	}
#outerWrapper #contentWrapper #sidebarright .body{
	width: 305px;
	min-height: 767px;
	background-image: url(../images/bg_sidebarright_body.jpg);
	background-repeat: repeat-y;
	background-position:top;
}
#outerWrapper #contentWrapper #sidebarright .footer{
	position: relative; /*IE hack to make bg image visible*/
	width: 305px;
	height: 27px;
	background-image: url(../images/bg_sidebarright_footer.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
}
/************ CONTENT DIV THAT HOLDS ALL CONTENT TO THE LEFT OF THE SIDEBAR RIGHT****/
#outerWrapper #contentWrapper #content {
	width: 650px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/************************************************* FLOATING BOXES ******************************************/
.sidebarrightfloat{
	float: right;
	width: 160px; /*understood by IE6 and under*/
	height: auto;
	margin-left: 15px;
	border: 1px solid #990000;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-color: #efefef;
}
.sidebarleftfloat{
	float: left;
	width: 180px;
	height: auto;
	margin-right: 15px;
	padding: 10px;
	border-right: 1px solid #ccc;	
}
html>body .sidebarrightfloat, html>body .sidebarleftfloat{ /*understood by modern browsers*/
	width: 180px; 
}

/******************************* IF CONTENT PAGE, THESE ARE THE STYLES FOR THE BOX *************************/
.OneBoxHeader {
	position: relative; /*IE hack to make bg image visible*/
	height: 53px;
	background-image: url(../images/bg_content.jpg);
	background-position: top;
	background-repeat:no-repeat;
}
.OneBoxHeader h1 {
	padding: 15px 0px 0px 25px;
}
.OneBoxBody {
	position: relative; /*IE hack to make bg image visible*/
	min-height: 760px;
	background-color: transparent;
	background-image: url(../images/bg_contentbody.jpg);
	background-position: center;
	background-repeat:repeat-y;
}
.OneBoxFooter {
	position: relative; /*IE hack to make bg image visible*/
	height: 30px;
	background-color: transparent;
	background-image: url(../images/bg_content.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	line-height: 0;
}

/************************************ TWO SIE-BY-SIDE BOXES ON THE HOMEPAGE*********************************/

.boxWrapper{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 645px;
	height: auto;
}

/*html>body .boxWrapper{
	width:630px;/* hack for IE6 and under*/
	
.TwoBoxWrapper {
	float: left;
	width: 316px;
	height: auto;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
.TwoBoxWrapper .header {
	position: relative; /*IE hack to make bg image visible*/
	height: 49px;
	background-color: transparent;
	background-image: url(../images/bg_box_header.jpg);
	background-position:top;
	background-repeat: no-repeat;	
	padding: 0px 0px 0 0px;
	border-top: 0px dotted red;
}
.TwoBoxWrapper .header h2 {
	padding: 8px 0px 0px 25px;
}
.TwoBoxWrapper .body {
	position: relative; /*IE hack to make bg image visible*/
	height: 330px;
	background-image: url(../images/bg_box_body.jpg);
	background-repeat: repeat-y;
	background-position:center;
	padding: 15px 0px 0 0px;
	border: 0px dotted red;
}
.TwoBoxWrapper .body p{
	line-height: 120%;
	color: #333;
	text-align:justify;
	padding: 0px 25px 0px 25px;
}
.TwoBoxWrapper .footer {
	position: relative; /*IE hack to make bg image visible*/
	height: 27px;
	background: transparent;
	background-image: url(../images/bg_box_footer.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	padding: 0 30px 0 30px;
	border: 0px dotted red;
	text-align: right;
	color: #666666;
}
/************************************** SPONSOR BOX **************************************/

#outerWrapper #announcement{
	position: relative; /*IE hack to make bg image visible*/
	width: 978px;
	height: auto;
	padding: 0px;
	background-color: transparent;
	background-image: url(../images/bg_sponsors.jpg);
}

#outerWrapper #sponsors{
	position: relative; /*IE hack to make bg image visible*/
	width: 978px;
	height: 370px;
	padding: 0px;
	background-color: transparent;
	background-image: url(../images/bg_sponsors.jpg);
}
/************************************** FOOTER **************************************/
#outerWrapper #footer {
	position: relative; /*IE hack to make bg image visible*/
	clear: both;
	width: 938px;
	height: 60px;
	margin: 0 auto;
  	line-height: 45px;
  	padding: 0px 20px 0px 20px;
	background-color: transparent;
	background-image: url(../images/bg_footer.jpg);
  	background-repeat:no-repeat;
  	color: #666666;
  	font-size: 10px;
}
html>body #outerWrapper #footer {
	width:978px;
}

/********************************* IMAGE STYLES *************************/
a img{
	border: none;
}
.imageleft {
	float: left;
	margin-right: 15px;
}
.imageright {
	float: right;
	margin-left: 15px;
}
.hangingImage {
	margin-left: 120px;
}
/********************************************** TABLE STYLES ******************************************/

table{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333333;
}
th {
	background-color: #cccccc;
	text-align: center;
}
tr {
	margin: 0;
	padding: 1px;
	border: 1px solid #999999;
	
}
td {
	margin: 0;
	padding: 2px;
	border-top: 0px solid #999999;
	border-bottom: 1px solid #cccccc;
}
tr .lightgrey, td .lightgrey{
	background-color: #efefef;
}
/********************************************** FORM STYLES ******************************************/
form {
	margin: 0;
	padding: 0;
}

/********************************************** DIAGNOSTIC STYLE SHEET ******************************************/
/*
div:empty, span:empty,
li:empty, p:empty,
td:empty, th:empty {padding: 0.5em; background: yellow;}

*[style], font, center {outline: 5px solid red;}
*[class=""], *[id=""] {outline: 5px dotted red;}

img[alt=""] {border: 3px dotted red;}
img:not([alt]) {border: 5px solid red;}
img[title=""] {outline: 3px dotted fuchsia;}
img:not([title]) {outline: 5px solid fuchsia;}

table:not([summary]) {outline: 5px solid red;}
table[summary=""] {outline: 3px dotted red;}
th {border: 2px solid red;}
th[scope="col"], th[scope="row"] {border: none;}

a[href]:not([title]) {border: 5px solid red;}
a[title=""] {outline: 3px dotted red;}
a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
*/