a {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
	text-decoration: none;
	color: #D4D0C8;
}
a:active {
	text-decoration: none;
}

img
{
border-style: none;
text-decoration: none;
}


ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 206px;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #B5B6BA;
  color: #fff;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  font-weight:bold;
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #abcb55;
}

ul#menu li ul li a {
  background: #ccc;
  color: #969599;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #ccc;
  border-left: 5px #abcb55 solid;
  padding-left: 15px;
  color:#FFF;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }


/* ================================================================ */

ul#vertmenu, ul#vertmenu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 206px;
}

ul#vertmenu a {
  display: block;
  text-decoration: none;	
}

ul#vertmenu li {
  margin-top: 1px;
}

ul#vertmenu li a {
  background: #B5B6BA;
  color: #fff;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight:bold;
  padding: 0.5em;
}

ul#vertmenu li a:hover {
  background: #abcb55;
}

ul#vertmenu li ul li a {
  background: #ccc;
  color: #969599;
  padding-left: 20px;
}

ul#vertmenu li ul li a:hover {
  background: #ccc;
  border-left: 5px #abcb55 solid;
  padding-left: 15px;
  color:#FFF;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */
#slide {padding:0; margin:0; list-style:none; width:206px; height:260px; border:0px solid #ccc; position:relative; overflow:hidden; font-family: verdana, sans-serif; font-size:11px; }

#slide li.sub,
#slide li.top
{display:block; float:left; height:24px; line-height:24px; width:206px; color:#969599; background:#eee; text-decoration:none; border-bottom:1px solid #fff; text-indent:20px; overflow:hidden; cursor:pointer;}

#slide li.sub {background:#eee url(../images/out.gif) no-repeat 5px 8px;}

#slide li.top a {text-decoration:none; color:#969599/*darkgray*/; display:block; background:url(../images/out.gif) no-repeat 5px 8px;}
#slide li.top a:hover {color:#069; background:#ddd url(../images/out_over.gif) no-repeat 5px 8px;}

#slide li.clicked {color:#800; background:#ddd url(../images/down.gif) no-repeat 5px 8px;}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */
#slide li.sub div {background:#fff;/*dropdown bg colour*/ height:165px; width:206px; padding:0 15px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0;}
#slide li div ul {padding:0; margin:0; list-style:none;}
#slide li div ul li {float:left; height:20px; width:100%;}
/*submenu rollover in gray & green*/
#slide li div ul li a {padding:0; margin:0;color:#888; text-decoration:none; background:#fff url(../images/out.gif) no-repeat 5px 6px; font-size:10px; display:block; border-bottom:1px solid #ddd; height:19px; line-height:19px; width:100%; text-indent:20px;}
#slide li div ul li a:hover {color:#a6c658; background:#fff url(../images/out_over.gif) no-repeat 5px 6px;}


/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_seventeen */

.preload17a {background: url(../images/pro_seventeen_1a.gif);}
.preload17b {background: url(../images/pro_seventeen_1b.gif);}
.menu17 {padding:5px 0 0 1em; margin:0; list-style:none; height:20px; width:550px; position:relative; background:transparent url(../images/pro_seventeen_0c.gif) repeat-x left bottom; font-size:11px;
}
.menu17 li {float:left; height:20px; margin-right:1px;}
.menu17 li a {display:block; float:left; height:20px; line-height:22px; color:#868588; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; padding:0px 0 0 4px; cursor:pointer; background:url(../images/pro_seventeen_0a.gif) no-repeat;}
.menu17 li a b {float:left; display:block; padding:0 10px 5px 6px; background:url(../images/pro_seventeen_0b.gif) no-repeat right top;}
.menu17 li.current a {color:#000; background:url(../images/pro_seventeen_2a.gif) no-repeat;}
.menu17 li.current a b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}
.menu17 li a:hover {color:#868588; background: url(../images/pro_seventeen_1a.gif) no-repeat;}
.menu17 li a:hover b {background:url(../images/pro_seventeen_1b.gif) no-repeat right top;}
.menu17 li.current a:hover {color:#000; background: url(../images/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.menu17 li.current a:hover b {background:url(../images/pro_seventeen_2b.gif) no-repeat right top;}
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_pullup_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../images/ff_blank_over.gif);}
.preload2 {background: url(../images/ff_blank_overa.gif);}
/* top margin for this demo only */
#nav {padding:0; margin:200px 0 0; list-style:none; height:36px; background:#fff; position:relative; z-index:500; font-family:Tahoma, Geneva, sans-serif;}
#nav li.top {display:block; float:left; padding-top:5px;}
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#ddd; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/ff_blank.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:36px;background:url(../images/ff_blank.gif) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(../images/ff_blanka.gif) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(../images/ff_blank_over.gif) no-repeat;}
#nav li a.top_link:hover span {background:url(../images/ff_blank_over.gif) no-repeat right top; line-height:29px;}
#nav li a.top_link:hover span.down {background:url(../images/ff_blank_overa.gif) no-repeat right top; line-height:29px;}

#nav li:hover > a.top_link {color:#fff; background: url(../images/ff_blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(../images/ff_blank_over.gif) no-repeat right top; line-height:29px;}
#nav li:hover > a.top_link span.down {background:url(../images/ff_blank_overa.gif) no-repeat right top; line-height:29px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200; background:#fff;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul
{left:0; bottom:40px; top:auto; background: #fff; padding:3px; border:1px solid #4f8383; white-space:nowrap; width:auto; height:auto; z-index:300;}
* html #nav li:hover ul {width:0;}
#nav li:hover ul li
{display:block; position:relative; float:left; font-weight:normal; background:#fff; clear:left;}
#nav li:hover ul li a
{display:block; font-size:11px; height:20px; line-height:20px; padding:0 5px; color:#000; text-decoration:none;}
#nav li ul li a.fly
{color:#4f8383; font-weight:bold;}
#nav li:hover ul li:hover 
{background:#fff;}
#nav li:hover ul li a:hover {text-decoration:underline;}
#nav li:hover ul li a.fly:hover
{background:#4f8383; color:#fff; text-decoration:none;}
#nav li:hover ul li:hover.fly {background:#4f8383;}

#nav li:hover ul li:hover.fly > a.fly {background:#4f8383; color:#fff; text-decoration:none;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:-5px; margin-left:100%; bottom:-4px; top:auto; background: #fff; padding:3px; border:1px solid #4f8383; white-space:nowrap; width:auto; z-index:500; height:auto;}

.container{
background:#fff;
border:3px solid black;
width:750px;
}

#header{
background:#ccc;
}

#navigation{
background:#B5B6BA;
margin-top:3px;
margin-bottom:3px;
float:left;
left: 0px; 
top: -227px;
visibility:visible;
overflow:visible;
z-index:2;


}

#flasharea{
	border:0px solid white;
	height:276px;
	width:750px;
	text-align:center;
	margin-top:10px;
	
}

#imagearea{
	border:0px solid white;
	height:276px;
	width:750px;
	text-align:center;
	margin-top:10px;
	background-image:url(../images/flasharea3.jpg)
}
#contentarea{

}


#content{
background:#969599;
}

#contenttextbox{
	background:#969599}
	
#promo{
background:#969599;
margin-top:10px;

}

#side{
background:#969599;
height:300px;
width:226px;

}

#footer{
background:#fff;
border: 1px solid black;
}



.smallButton,
.smallButtonGreen{
	background:#a6c658;
	padding: 5px;
	text-decoration:none;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	display:block;
	text-align:center;
}

.launch{ width:160px;}
.download{width:130px; position:relative; left:-227px;}
.glimmer{
	background-color:#999;
	font-size:9px;
	width:180px;
	position:relative; right:-170px;
	}

.main_header {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	text-transform: uppercase;
	color: #d5d5d6;
}

.content_text{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	line-height: 13px;
	list-style-image: url(../images/bullet_point.gif);
	}
	
.grid_text{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: strong;
	color: #fff;
	line-height: 13px;
	}

.sub_header{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #d5d5d6;
	}
	
.highlight_header{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	line-height: normal;
	text-transform:uppercase;
	}
	
.content_tables{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #969599;
	line-height: 13px;}
	
.background_image {
	background-image: url(../images/side_pic.gif);
	background-repeat: no-repeat;
	background-color:#B5B6BA;
}
.content_bullets {

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #d5d5d6;
	line-height: 15px;
	list-style-image: url(../images/bullet_point.gif);
}