/*-----------------------------------------------------------------------------
version:   1.0
author:    Kwanza Humphrey
email:     kwanza3@yahoo.com
website:   http://www.khimages.com.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Zero down margin and paddin on all elements */

body {
  font: 62.5%/1.3 "arial", Verdana, sans-serif;
  background-color:#f1e2c0;
}

h1 {
  font-size: 12pt;
  text-align: left;
  color:#2586D7;
  font-weight: bold;
}

h2 {
  font-size: 10pt;
  font-weight: normal;
  text-align:left;
}

/*added by Kyle */
body,p,blockquote,ol,ul,dl,li,dt,dd,br {
font: 62.5%/1.3 "arial", Verdana, sans-serif;
color: #000000;
font-size: 10pt;
}

/*added by Kyle */
A {
font: 62.5%/1.3 "arial", Verdana, sans-serif;
color: #218AC3;
font-size: 10pt;
}

/*added by Kyle */
A:hover {color: #8ABD3A;}
A:active {color: #8ABD3A;}

/* added by Kyle */
div.rectads {
	width:300px;
	height:250px;
	float:left;
	margin-right:25px;
	margin-top:10px;
	margin-bottom:10px;
}

/* added by Kyle */
input.btnstyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #218AC3;
	font-size: 7.5pt;
}

/* removed by Kyle
p, li, li, a {
	font-size: 10pt;
	text-align:left;
}

blockquote,ol,dl,dt,dd,r,b{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0000CC;
font-size: 9pt;
}
*/
h1, h2, p {
  margin: 1em 0;
}

#wrapper {
  background-color: #027abb;
}

#branding {
  	height: 100px;
  	padding: 3px 0 0 10px;
}
#header {
	height: 20px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

#mainNav{
	width: 145px;
	margin:0;
	padding: 0;
	color:#000000;
	}
	
#mainNav ul{ 
	list-style: none;
	border: none;
	}
	
#mainNav li{
	margin: 0;
	}
#mainNav li a{
	font-size: 0.8em;
	text-decoration: none;
	color:#000000;
	display: block;
	padding: 0 5px 0 15px;
	border-right: 5px solid #333333;
	border-left: 5px solid #333333;
	border-bottom: 1px solid #333333;
	background-color: #ffcc66;
	line-height: 13pt;
	width: 80%;
}	
html>body #mainNav li a{
	width: auto;
	}
#mainNav li a:hover{
	background: #333333 url(images/blt_greenArrow.gif) no-repeat left;
	border-left: none;
	padding: 0 5px 0 20px;
	color: #fff;
	}


#features{
	width: 145px;
	margin:0 ;
	padding:0;
	/*background-color: #8abd3a;*/
	color:#000000;
	}
#features h1{
	margin: 0 0 0px 0;
	padding: 0 0px 5px 0;
	color:#FFFFFF;
	font-size: 12px; /*was 1.5em */
	display:block;
	padding-left: 15px;
	background-color:#2586d7;
	}
	#features h2{
	margin: 0 0 0px 0;
	padding: 0;
	color:#000000;
	font-size: 1.1em;
	display:block;
	background-color:#f1e2c0;
	}
	
#features ul{ 
	margin: 0;
	list-style: none;
	border: none;
	}
	
#features li{
	margin: 0;
	}
#features li a {
	padding: 0 0 0 15px;
	font-size: 0.8em; /* was 0.8em */
	text-decoration: none;
	color:#000000;
	display: block;
	border-right: 5px solid #333333;
	border-left: 5px solid #333333;
	border-bottom: 1px solid #000000;
	background-color: #8abd3a;
	line-height: 13pt;
	width: 100%;
}	
html>body #features li a{
	width: auto;
	}
#features li a:hover{
	background: #2586d7 url(images/blt_dbl_arrow.gif) no-repeat left;
	padding: 0 5px 0 20px;
	color: #fff;
	}
/*-----------features2--------*/

#features2{
	width: 135px;
	margin: 0;
	padding: 0;
	color:#000000;
	}
	
#features2 ul{ 
	margin: 5px 0 0 0;
	list-style: none;
	border: none;
	}
	
#features2 li{
	margin: 0;
	}
#features2 li a{
	margin: 0;
	font-size: 7pt;
	text-decoration: none;
	border-bottom: 1px solid #333333;
	color:#000000;
	display: block;
	padding: 0 0px 0 5px;
	line-height: 14pt;
	width: 100%;
	font-weight: normal;
}	
html>body #features2 li a{
	width: auto;
	}
#features2 li a:hover{
	margin: 0;
	background-color: #ffffff;
	width: 100%;
}


#features3 {
	margin: 0;
	padding:0;
	color:#000000;
}

#features3 ul{ 
	list-style: none;
	border: none;
	padding-top: 5px;
	}
	
#features3 li{
	margin: 0 0 10px 10px;
	background: #f1e2c0;
}
#features3 li a{
	font-size: 8pt;
	text-decoration: none;
	color:#000000;
	display: block;
	padding: 0 0 0 0;
	border-bottom: 1px solid #000000;
	line-height: 13pt;
	background: #f1e2c0; /*url(images/blt_breakout.gif) no-repeat right;*/
}	
html>body #features3 li a{
	width: auto;
	}
#features3 li a:hover{
	background: #ffcc66 url(images/blt_breakout.gif) no-repeat right;
	color: #000000;
}
/*-------------new dropDown css--------------------------*/

.menutitle{
cursor:pointer;
margin-bottom: 5px;
background-color:#ECECFF;
color:#000000;
width:140px;
padding:2px;
text-align:center;
font-weight:bold;
/*/*/border:1px solid #000000;/* */
}

.submenu{
margin-bottom: 0.5em;
}


/*-------------emd of new dropdown ----------------------*/
/*---------------------dropDown css---------------------*/

.dropDown{
	position:absolute;
	visibility: hidden;
	border:1px solid 000000;
	border-bottom-width: 0;
	z-index: 5000;
	background-color: #2586d7;
	width: 150px;
	font:normal 12px Verdana;
font-style: normal;
}

.dropDown a{
color: #ffffff;
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #333333;
padding: 5px 0;
text-decoration: none;
font-weight: bold;
text-indent: 3px;
}

.dropDown a:hover{ /*hover background color*/
background-color: #ffffff;
color: black;
}

/*--------------end of dropDown css----------------------*/

/*------------end of features3-------*/
#subjectNav {
	margin:0;
	padding: 0;
	
}
#subjectNav h1{
	margin: 0 0 0px 0;
	padding: 5px 3px 5px 0;
	color:#000000;
	font-size: 1.1em;
	display:block;
	right: 20px;
	padding-left: 10px;
	}
	
#subject h2 a{
	display:block;
	width: 90%;
	font-size: 1.2em;
	color:#000000;
	background-color:#ffcc66
}
#subjectNav h2 a{
	font-size: 0.8em;
	text-decoration: none;
	color:#000000;
	display: block;
	padding-left: 10px;
	padding: 0 5px 0 0.5em;
	border-left: 10px solid #333333;
	border-right: 5px solid #333333;
	border-bottom: 1px solid #000000;
	background-color: #8abd3a;
	line-height: 1.5em;
	width: 90%;
}	
html>body #subjectNav a{
	width: auto;
	}
#subjectNav a:hover{
	background: #2586d7 url(images/blt_dbl_arrow.gif) no-repeat left;
	border-left: none;
	padding: 0 5px 0 20px;
	color: #fff;
	}

#footer {
	font-size: 9pt;
	text-align:center;
	color:#000000;
  	background-color:#f1e2c0;
  	padding: 1px 20px;
	text-align:center;
}

/* The Core Technique
================================= */

body {
  text-align: center; 
  min-width: 900px;
}

#mainContent {
	margin: 0;
	padding-left: 5px;
	background-color:#FFFFFF;
	height: 100%;
	width:550px;
}


#topNav{
	margin: 0;
	padding: 0;
	width: 480px;
	color: #ffffff;
}

/*----footer nav----------*/

#footerNav{
	margin: 0;
	padding: 0;
	width: 480px;
}

/*-----end of footer nav-----------*/
#topNav li{
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	color: #ffffff;
	list-style-type: none;
	height: 20px;
	border: none;
}

#topNav a{
	color: #ffffff;
	display: inline;
	width: auto;
	text-decoration: none;
	background: #333333;
	margin: 0;
	height: 23px;
	line-height: 23px;
	padding: 0 3px 1.5px 3px;
	font-size: 0.8em;
    font-weight: bold;
}

#topNav ul .last a {
	border-right: none;
	color: #ffffff;
}
#topNav a:hover, #topNav a:active { background: #FFFFFF; color: #000; }

#subject ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#subject ul li {
	margin: 2px 0 6px 0;
	padding: 0;
	font-weight: bold;
	line-height: 19px; /* height of icon */
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
#subject ul li a{
	padding-left: 20px; /*width of icon + whitespace*/
}

.style2 {color: #FFFFFF}
.headerTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	position: static;
	padding-top: 2px;
	padding-right: 5px;
	height: 10px;
	text-align:center;
}
.headerLabel {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #ffcc66;
	text-align:center;
}

a.subject1{
	margin:0;
	padding: 1px 0 1px 0;
	line-height: 10px;
	padding-left: 10px;
	font-size: 0.8em;
	font-weight: bolder;
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
}
a.subject1:hover{
	color:#00FFFF;
}

a.subject2{
	margin:0;
	text-align:left;
	font-size: 0.9em;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
a.subject2:hover{
	color:#00FFFF;
}
.subject4{
	margin: 0 0 0 3px;
	padding: 0 0 0 5px;
	background-color:#218AC3;
}
a.subject4{
	width: 130px;
	padding-left:2px;
	padding-bottom:3px;
	border-bottom: 1px #333333 solid;
	text-align:left;
	font-size: 8pt;
	color: #ffffff;
	text-decoration: none;
	line-height: 15px;
	display:block;
}
a.subject4:hover{
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}
.subject3{
	margin: 0;
	padding: 0;
	background-color:#333333;
}
a.subject3{
	padding-left:3px;
	text-align:left;
	font-size: 10pt;
	color: #ffffff;
	text-decoration: none;
	line-height: 20px;
	display:block;
}
a.subject3:hover{
	color:#FFFFFF;
	text-decoration:underline
}
.menutitle2{
	cursor:pointer;
	margin: 0 0 10px 4px;
	margin-bottom:0;
	background:#218AC3 url(images/blt_breakout.gif) no-repeat right;
	color:#ffffff;
	width:115px;
	padding: 0 5px 0 15px;
	text-align:left;
	border:1px solid #000000;
	font-size: 9pt;
	font-weight: bold;
}
.submenu2{
margin: 0;
padding:0;
}
.menutitle{
	cursor:pointer;
	margin:2px 0 2px 0;
	background:#218AC3 url(images/blt_breakout.gif) no-repeat right;
	color:#ffffff;
	width:128px;
	padding: 3px 5px 0 10px;
	text-align:left;
	font-weight:bold;
	border:1px solid #000000;
	font-size: 10pt;
}
.submenu{
margin-bottom: 0.5em;
padding:2px;
}