/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background-image:url(../images/bg.gif);
	background-position:top left;
	background-repeat:repeat;
	background-color:#f5f4f2;
	color:#333333;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
a, a:hover, a:visited{
	color:#ff7200;
}
.title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#42516f;
}
.line {
	width:560px;
	height:2px;
	background-color:#ff7200;
}
.red{
	color: #FF7200;
	font-weight: bold;
}
.content{
	padding:13px 10px 0px 20px;
}
.content2{
	padding:10px 10px 0px 10px;
}
.row_shade{
	background-color:#f5f5f5;
}
.title_row_shade{
	font-weight:bold;
	background-color:#f0f0f0;
	color:#6591bd;
}
.pic{
	border:solid 1px #CCCCCC;
}
ul.bullet{
	list-style-image:url(../images/bullet.gif);
	line-height:13px;
	margin:3px 0px 0px 19px;
	padding-left:0px;
}
ul.bullet2{
	list-style-image:url(../images/bullet2.gif);
	line-height:13px;
	margin:3px 0px 0px 19px;
	padding-left:0px;
}

/* Background DIV */
#background{
	width: 871px;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px;
}
#bg_mid{
	background-image:url(../images/bg_mid2.gif);
	background-repeat:repeat-y;
	background-position:top;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#bg_bot{
	background-image:url(../images/bg_bot.gif);
	background-repeat:no-repeat;
	height:38px;
}

/* Content DIV */
#content_wrapper{
	width:850px;
	height:auto;
	background-color:#FFFFFF;
}

/* Header */
#header{
	height:213px;
	background-image:url(../images/header_bg.gif);
	background-repeat:no-repeat;
}
#header_numbers{
	padding:0px 17px 0px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
}
#header_links{
	padding:8px 17px 7px 0px;
}
a.toplinks{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	text-decoration:none;
	letter-spacing:.03em;
}
a.toplinks:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	text-decoration:underline;
	letter-spacing:.03em;
}

/* Footer */
#footer{
	height:25px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:9px;
}
a.footlinks{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:.01em;
}
a.footlinks:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#ff7200;
	text-decoration:none;
	letter-spacing:.01em;
}

/* Right Panel Box */
.right_box{
	width:236px;
	background-color:#eeeeee;
	border:solid 1px #adb6c9;
}
.right_inner{
	width:230px;
	background-color:#FFFFFF;
	height:auto;
	margin:3px 3px 3px 3px;
}
.right_title{
	height:13px;
	width:220px;
	color:#42516f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	padding: 7px 0px 1px 0px;
	border-bottom:solid 2px #ff7200;
}
.right_content{
	padding:5px 0px 5px 0px;
	text-align:left;
}
.small_title {
	color:#42516f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	padding: 7px 0px 1px 0px;
}

/* Middle Panel Box */
.middle_box{
	width:270px;
	background-color:#eeeeee;
	border:solid 1px #adb6c9;
}
.middle_inner{
	width:264px;
	background-color:#FFFFFF;
	height:auto;
	margin:3px 3px 3px 3px;
}
.middle_title{
	height:13px;
	width:254px;
	color:#42516f;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
	padding: 7px 0px 1px 0px;
}
.middle_content{
	padding:5px 0px 5px 0px;
	text-align:left;
}

/* Video Panel Box */
.video_box{
	width:200px;
	background-color:#eeeeee;
	border:solid 1px #adb6c9;
}
.video_inner{
	width:194px;
	background-color:#FFFFFF;
	height:auto;
	margin:3px 3px 3px 3px;
}
.video_content{
	padding:5px 0px 5px 0px;
	text-align:left;
}

/* Purchase Box */
.purchase_box{
	width:182px;
	height:185px;
	background-image:url(../images/purchase_bg.gif);
	background-repeat:repeat-x;
	border-right:solid 2px #ffffff;
	border-bottom:solid 2px #ffffff;
	text-align:center;
	float:left;
	color:#ffffff;
}

/* Services Page */
.column_top {
	background-image:url(../images/column_bg_top.gif);
	background-repeat:no-repeat;
	height:37px;
	padding-left:10px;
}

.column_mid {
	background-image:url(../images/column_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:5px 18px 0px 10px;
}

.services_title{
	color:#ffffff;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
}

input, password {
	font-size:11px;
	height:15px;
}
select {
	font-size:11px;
	height:20px;
}
textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Video pages */
.video_top {
	background-image:url(../images/video_top.jpg);
	background-repeat:no-repeat;
	height:37px;
	padding-left:10px;
}

.video_mid {
	background-image:url(../images/video_mid.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:2px 18px 0px 7px;
}

/* Main Menu */
.menu {
	width:850px;
	height:29px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:100;
	background-image:url(../images/menu_bg.gif);
	background-repeat:repeat-x;
	padding:0px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
.menu ul ul {
	width:115px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#ffffff;
background-color:#596d96;
}
.menu :hover > a, .menu ul ul :hover > a {
color:#ffffff;
background-color:#596d96;
}

/* style the links for the top level */
.menu a {
	display:block;
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	width:114px;
	height:18px;
	text-align:left;
	line-height:12px;
	padding-top:8px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a {
	color:#ffffff;
	width:114px;
	w\idth:114px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color:#f5f4f2;
}
/* style the second level hover */
.menu ul ul a:hover{
	color:#ffffff;
	background-color:#ff7200;
}
.menu ul ul :hover > a {
	color:#ffffff;
	background-color:#ff7200;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#c7e0ff;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#ebf4ff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:0; 
	width:120px;
	border-top:solid 1px #ffffff;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:26px;
	t\op:26px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:150px; 
	top:0;
	width:130px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.menu ul ul a {
	background:#ffffff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#42516f;
	height:auto; 
	line-height:1em; 
	padding:4px 0px 3px 5px; 
	width:120px;
	text-align:left;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a{
	width:120px;
	w\idth:120px;
}




/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* Create the borders on the menus */
.border_top{
	border-top:solid 1px #738ec2;
	border-left:solid 1px #738ec2;
	border-right:solid 1px #738ec2;
}
.border_mid{
	border-left:solid 1px #738ec2;
	border-right:solid 1px #738ec2;
}
.border_bot{
	border-bottom:solid 1px #738ec2;
	border-left:solid 1px #738ec2;
	border-right:solid 1px #738ec2;
}
.border_all{
	border-top:solid 1px #738ec2;
	border-bottom:solid 1px #738ec2;
	border-left:solid 1px #738ec2;
	border-right:solid 1px #738ec2;
}

/* end of menu */