/* A Free Design by Bryant Smith (bryantsmith.com) */

/*
li { margin: 0px 0; }
ul { margin: 0px 0; }
*/



<style>



/*
body {font-size:100%;}
body { color: #ffffff; font: 16px arial, sans-serif; }
header {font-size:150%;}

*/

.shadowblockmenu-v{
font: bold 14px Germand;
/*width: 190px;*/ /* width of menu */
width: 100px;
}

.shadowblockmenu-v ul{
border: 1px solid #eee;
padding: 0;
margin: 0;
list-style: none;
}

.shadowblockmenu-v ul li{
margin:0;
padding:0;
}

.shadowblockmenu-v ul li a{
display:block;
/*text-transform: uppercase;*/
color: #494949;
padding: 10px 15px;
text-decoration: none;
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca; /*right border between menu items*/
-moz-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6); /* Add inset shadow to each menu item. First 3 values in (114,114,114, 0.5) specifies rgb values, last specifies opacity */
-webkit-box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
box-shadow: inset 7px 0 10px rgba(114,114,114, 0.6);
text-shadow: 0 -1px 1px #cfcfcf; /* CSS text shadow to give text some depth */
-moz-transition: all 0.2s ease-in-out; /* Enable CSS transition between property changes */
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.shadowblockmenu-v ul li a:hover, .shadowblockmenu-v ul li a.selected{
color: black;
-moz-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8); /* Add 3 inset shadows to each menu item  */
-webkit-box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
box-shadow: inset 7px 0 10px rgba(216,89,39, 0.5), inset 0 0 15px rgba(216,89,39, 0.6), inset 0 0 20px rgba(216,89,39, 0.8);
}

</style>



#head_color
{
	color: #993300;
}

#container
{
width: 916px;
clear: both;
border: 1px solid #CCC;
}
#col_left
{
float: left;
width: 200px;
margin: 0 5px 0 0;
}
#col_mid
{
width: 700px
margin: 0 5px 0 0;
}
#col_total
{
float: left;
width: 870px;
margin: 0 5px 0 0;
}

#col_left2
{
float: left;
width: 300px;
height: 240px;
margin: 0 5px 0 0;
}

#col_left2_1
{
float: left;
width: 300px;
height: 240px;
margin: 0 5px 0 0;
}
#col_mid2
{
float: left;
width: 600px
margin: 0 5px 0 0;
}

#col_download_left
{
float: left;
width: 300px;
margin: 0 5px 0 0;
}
#col_download_right
{
float: left;
width: 300px
margin: 0 5px 0 0;
}

#col_tutorial_left
{
float: left;
width: 400px;
margin: 0 5px 0 0;
}
#col_tutorial_right
{
float: left;
width: 500px
margin: 0 5px 0 0;
}

#col_tutorial_1
{
float: left;
width: 180px;
margin: 0 5px 0 0;
}
#col_tutorial_2
{
float: left;
width: 150px
margin: 0 5px 0 0;
}
#col_tutorial_3
{
float: left;
width: 500px;
margin: 0px 5px 0px 10px;

}

#col_tutorial_3_1
{
float: left;
width: 500px;
margin: 0px 5px 0px 70px;

}

#col_button_shift_right1
{
float: left;
width: 900px;
margin: 0px 5px 0px 250px;

}


html, body {
text-align: center;

}
p {text-align: left;}

body {
	margin: 0;
	padding: 0;
	background-image:url('background17.jpg');
	text-align: left;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #F1F5F8
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}


html, body {
text-align: center;
}
p {text-align: left;}

.dotted_line
{
background-image:url('dotted_line.png');
background-repeat:no-repeat;
clear:both;
width:916px;
height:10px
}

.row
{
width:916px;
height:300px;
}

.image_banner
{
width:916px;
height:237px;
}

#picture
{
	width:900px;
	height:237px;
/*	background-image:url('images/innersky_banner3_2.jpg');*/
	background-image:url('images/khan_banner1.4.jpg');
	background-repeat:no-repeat	
}


#header
{
background-image:url('header.png');
background-repeat:no-repeat;
width:950px
}


#header h1
{
display:block;
float:right;
margin-left:17px;
color:#FFFFFF;
text-align:left;
font-size:28px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding-right:20px;
}


#header ul {
display:block;
	padding: 0px;
	list-style-type: none;
	overflow:hidden;
	width:950px;
	float:left;
}
#header ul li, #header ul li a, #header ul li a:visited{
	float:left;
	margin: 0px;
	text-align:center;
	line-height:40px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
}

#header ul li a:hover{
color:#C9E1FA;
}



#main 
{
width:916px;
margin-top:30px;
margin-bottom:15px;
}


#main .main_left
{
width:458px;
background-image:url('main_top.png');
background-repeat:no-repeat;
text-align:center;
float:left
}

#main .main_left h1
{
padding-top:20px;
padding-left:40px;
color:#FFFFFF;
font-size:28px;
}

#main .main_left h3
{
padding-bottom:20px;
padding-left:50px;
color:#C9E1FA;
font-size:18px;
}



#main .main_right
{
padding-left:0px;
height:auto;
width:458px;
background-image:url('main_body.png');
background-repeat:repeat-y;
color:#FFFFFF;
padding-bottom:20px;
float:left
}

#main .main_right h2
{
font:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
padding-bottom:15px;
}

#main .main_right p
{
line-height:20px;
}





/* standard page length*/
#page
{
	margin: 0 auto 0 auto;
	margin-top:35px;
	display: block;
	position: relative;
	overflow: hidden;
	width: 950px;
	height: 5303px; 
}

/* long page length */
#page_long
{
	margin: 0 auto 0 auto;
	margin-top:35px;
	display: block;
	position: relative;
	overflow: hidden;
	width: 950px;
/*	height: 15516px; */
	height: 18000px; 
}




#footer {
display:block;
width: 921px;
height:74px;
background: url('footer.png') no-repeat;
text-align:left;
font-size:9px;
line-height:25px
}

#footer p{
padding-right:20px;
text-align:left;
}

#footer, #footer a, #footer a:visited{
color:#FFFFFF;
}

#footer a:hover{
text-decoration:none;
color:#C9E1FA;
}