/* --- GENERAL STYLES ------------- */

html, body {
	min-height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	background: #06416a url('../images/bg.gif') repeat-x top left;
	font: 11px/18px verdana;
	color: #1E5F89;
}

img {
	border: 0;
}

h1 {
	width: 759px;
	height: 26px;
	font: bold 11px verdana;
	color: #fff;
	padding: 11px 0 0 15px;
	background: #fff url('../images/hdr_short.gif') no-repeat top left;
	margin: 0 0 20px 0;
	border: none;
}

h1.full {
	width: 940px;
	height: 26px;
	font: bold 11px verdana;
	color: #fff;
	padding: 11px 0 0 15px;
	background: #fff url('../images/hdr_full.gif') no-repeat top left;
	margin: 0 0 20px 0;
	border: none;
}

h1.sitemap {
	width: 174px;
	height: 26px;
	font: bold 11px verdana;
	color: #fff;
	padding: 11px 0 0 15px;
	background: #fff url('../images/hdr_sitemap.gif') no-repeat top left;
	margin: 0;
	border: none;
}

h2 {
	font: bold 11px verdana;
}


/* --- STRUCTURAL DIV STYLES - Note: Indenting denotes nesting ------------- */

.divClear {
	clear: both;
}

/* --- HEADER --- */

.divHeader {
	width: 955px;
	height: 151px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
}
	.divHeaderLogo {
		width: 420px;
		height: 151px;
		display: inline; 
		float: left;
	}
	.divHeaderTools {
		width: 535px;
		height: 53px;
		display: inline;
		float: right;
		text-align: right;
		font: 10px tahoma;
	}
		.divHeaderToolsLeft {
			display: inline;
			float: left;
			text-align: right;
			font: 10px tahoma;
			margin-top: 22px;
			margin-left: 45px;
		}
		.divHeaderToolsRight {
			display: inline;
			float: right;
			text-align: right;
			font: 10px tahoma;
			margin-top: 22px;
		}
	.divHeaderNav {
		width: 535px;
		height: 37px;
		float: right;
	}
		.divHeaderNavContainer {
			position: relative;
			margin-left: 55px;
		}
	.divHeaderNavReflection {
		width: 480px;
		height: 28px;
		float: right;
	}
	
		
/* --- BODY --- */

.divBody {
	width: 100%;
	background: #fff;
	padding-bottom: 20px;
}

.divBodyContainer {
	width: 955px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
	background: #fff;
}


	/* --- LEFT COLUMN --- */
		
	.divBodyLeftColHome {
		width: 714px;
		display: inline; 
		float: left;
		margin-right: 16px;
	}
		.divBodyLeftColHomeFeatures {
			width: 714px;
			height: 37px;
			margin-bottom: 15px;
		}
			.divBodyLeftColHomeFeatures01, .divBodyLeftColHomeFeatures02, .divBodyLeftColHomeFeatures03  {
				width: 222px;
				height: 28px;
				color: #fff;
				display: inline; 
				float: left;
				padding: 9px 0 0 15px;
				font-weight: bold;
			}
			
			.divBodyLeftColHomeFeatures01 {
				background: #1e618c url('../images/featurenav_01_download_off.gif') no-repeat top left;
			}
			.divBodyLeftColHomeFeatures02 {
				background: #1e618c url('../images/featurenav_02_forums_off.gif') no-repeat top left;
			}
			.divBodyLeftColHomeFeatures03 {
				background: #1e618c url('../images/featurenav_03_support_off.gif') no-repeat top left;
			}
			
			.divBodyLeftColHomeFeatures01:hover {
				background: #1e618c url('../images/featurenav_01_download_on.gif') no-repeat top left;
			}
			.divBodyLeftColHomeFeatures02:hover {
				background: #1e618c url('../images/featurenav_02_forums_on.gif') no-repeat top left;
			}
			.divBodyLeftColHomeFeatures03:hover {
				background: #1e618c url('../images/featurenav_03_support_on.gif') no-repeat top left;
			}
			
		.divBodyLeftColHomeBanner {
			width: 714px;
			height: 248px;
			margin-bottom: 25px;
		}
		.divBodyLeftColHomeContent {
			width: 714px;
		}
		
	.divBodyLeftCol {
		width: 774px;
		display: inline; 
		float: left;
		margin-right: 16px;
	}
		.divBodyLeftColContent {
			width: 774px;
		}
		.divBodyBox {
			margin-bottom: 15px;
			border: 1px solid #e7f3f8;
			background: #fff url('../images/demos_bg.gif') repeat-x top left;
			padding: 40px;
		}
			.divBodyDemoBoxLeft {
				width: 190px;
				display: inline; 
				float: left;
			}
			.divBodyDemoBoxRight {
				width: 600px;
				display: inline; 
				float: left;
				padding-left: 40px;
			}
		
		
	/* --- RIGHT COLUMN --- */
		
	.divBodyRightColHome {
		width: 225px;
		display: inline; 
		float: left;
	}
		.divBodyRightColHomeTab {
			width: 210px;
			height: 28px;
			padding: 9px 0 0 15px;
			color: #fff;
			background: #1e618c url('../images/rightcol_tab_bg.gif') no-repeat top left;
			font-weight: bold;
		}
		.divBodyRightColHomeBox {
			width: 223px;
			border-right: 1px solid #e0f1fb;
			border-bottom: 1px solid #e0f1fb;
			border-left: 1px solid #e0f1fb;
			margin-bottom: 15px;
		}
	
	.divBodyRightCol {
		width: 165px;
		display: inline; 
		float: left;
	}
		.divBodyRightColFeatures01, .divBodyRightColFeatures02, .divBodyRightColFeatures03  {
			width: 150px;
			height: 28px;
			color: #fff;
			display: inline; 
			float: left;
			padding: 9px 0 0 15px;
			font-weight: bold;
			margin-bottom: 1px;
		}
		
		.divBodyRightColFeatures01 {
			background: #1e618c url('../images/featurenav_rightcol_01_download_off.gif') no-repeat top left;
		}
		.divBodyRightColFeatures02 {
			background: #1e618c url('../images/featurenav_rightcol_02_forums_off.gif') no-repeat top left;
		}
		.divBodyRightColFeatures03 {
			background: #1e618c url('../images/featurenav_rightcol_03_support_off.gif') no-repeat top left;
		}
		
		.divBodyRightColFeatures01:hover {
			background: #1e618c url('../images/featurenav_rightcol_01_download_on.gif') no-repeat top left;
		}
		.divBodyRightColFeatures02:hover {
			background: #1e618c url('../images/featurenav_rightcol_02_forums_on.gif') no-repeat top left;
		}
		.divBodyRightColFeatures03:hover {
			background: #1e618c url('../images/featurenav_rightcol_03_support_on.gif') no-repeat top left;
		}
		
		
/* --- FOOTER --- */

.divFooter {
	width: 100%;
	height: 181px;
	background: #06416a url('../images/footer_bg.gif') repeat-x top left;
}

.divFooterContainer {
	width: 955px;
	height: 181px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 20px 0 20px;
	background: #06416a url('../images/footer_bg.gif') repeat-x top left;
}

	.divFooterLeft {
		width: 799px;
		height: 81px;
		display: inline; 
		float: left;
		padding-top: 100px;
		margin-bottom: 5px;
		font: 10px/20px tahoma;
		color: #fff;
	}
	.divFooterSnowflake {
		width: 156px;
		height: 181px;
		display: inline; 
		float: right;
	}


	
		
/* --- LINK STYLES ------------- */
		
a {
	color: #1E5F89;
	text-decoration: underline;
}	

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

.divHeaderToolsLeft a {
	color: #1E5F89;
	text-decoration: none;
}	

.divHeaderToolsLeft a:hover {
	color: #e50000;
	text-decoration: none;
}	

.divHeaderToolsRight a {
	color: #1E5F89;
	text-decoration: none;
	margin-left: 10px;
	margin-right: 26px;
}	

.divHeaderToolsRight a:hover {
	color: #e50000;
	text-decoration: none;
}	

.divBodyLeftColHomeFeatures a {
	color: #fff;
	text-decoration: none;
	padding: 11px 155px 11px 0;
}	

.divBodyLeftColHomeFeatures a:hover {
	color: #fff;
	text-decoration: none;
}	

.divBodyRightColFeatures a {
	color: #fff;
	text-decoration: none;
	padding: 11px 75px 11px 0;
}	

.divBodyRightColFeatures a:hover {
	color: #fff;
	text-decoration: none;
}	

.divFooter a {
	color: #49c3e9;
	text-decoration: none;
}

.divFooter a:hover {
	color: #fff;
	text-decoration: none;
}

.divFooter a.linkTopFooter {
	color: #fff;
	text-decoration: none;
}

.divFooter a.linkTopFooter:hover {
	color: #49c3e9;
	text-decoration: none;
}


/* --- LIST STYLES ------------- */

ul {
	padding: 0;
	width: 100%;
	border: 1px solid #e0f1fb;
	margin: 20px 0 20px 0;
}

ul li {
	list-style: none;
	background: #fff url('../images/blt_redarrow.gif') no-repeat 13px 12px;
	padding: 8px 10px 8px 34px;
}

ul li.bg {
	background: #f1f8fc url('../images/blt_redarrow.gif') no-repeat 13px 12px;
}

ul.listSide {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
}

ul.listSide li {
	list-style: none;
	background: #fff url('../images/blt_redarrow.gif') no-repeat 13px 12px;
	padding: 8px 10px 8px 34px;
}

ul.listSide li.bg {
	background: #f1f8fc url('../images/blt_redarrow.gif') no-repeat 13px 12px;
}

ul.sitemap {
	margin: 0;
	padding: 0;
	width: 187px;
	border-top: none;
	border-right: 1px solid #e0f1fb;
	border-bottom: 1px solid #e0f1fb;
	border-left: 1px solid #e0f1fb;
}

ul.listJustBullet {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}

ul.listJustBullet li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0;
	border: none;
	background: url('../images/blt_redarrow.gif') no-repeat 0 5px;
}

/* --- FORM STYLES ------------- */

input, select {
	border: 1px solid #e0f1fb;
}


/* --- TABLE STYLES ------------- */

.table {
	border-right: 1px solid #e0f1fb;
	border-bottom: 1px solid #e0f1fb;
}

.table tr th {
	background: #e7f4f9 url('../images/th_bg.gif') repeat-x top left;
	padding: 9px 10px 8px 10px;
	color: #1E5F89;
	border-top: 1px solid #e0f1fb;
	border-left: 1px solid #e0f1fb;
}

.table tr td {
	background: #FFF;
	padding: 5px 10px 5px 10px;
	text-align: center;
	border-top: 1px solid #e0f1fb;
	border-left: 1px solid #e0f1fb;
}

.table tr td.blank {
	background: #f1f8fc;
	border: none;
}

.table tr.header td {
	background: #d1e2ee;
	padding: 5px 10px 5px 10px;
	text-align: left;
	border: none;
}

.table tr.bg td {
	background: #f1f8fc;
	padding: 5px 10px 5px 10px;
}


/* --- MISC STYLES ------------- */

.divider {
	margin-left: 10px;
	margin-right: 10px;
}

.dividerFooter {
	color: #49c3e9;
	margin-left: 8px;
	margin-right: 8px;
}
	
	


/* --- COOLMENUS STYLES --- */
/* --- Style for the background-bar --- */

.clBar{
	position: absolute; 
	height: 44px; 
	background: #ffffff; 
	visibility: hidden;
}

/* --- Styles for level 0 --- */

.clLevel0,.clLevel0over{
	position: absolute;
	margin: 0;
	padding: 0;
}
.clLevel0{
	color: #fff;
}
.clLevel0over{
	color: #fff; 
}
.clLevel0border{
	position: absolute;
	visibility: hidden;
}

/* --- Styles for level 1 --- */

.clLevel1, .clLevel1over{
	text-align: left;
	position: absolute; 
	font: 11px tahoma;
	padding: 7px 0 7px 27px;
	background: #fff url('../images/nav_bg.gif') no-repeat top left;
	color: #1E5F89;
	border-top: 1px solid #e4f2f8;
}

.clLevel1over{
	background: #2b72a5 url('../images/nav_bg_on.gif') no-repeat top left;
	cursor: pointer;
	color: #FFF;
}
.clLevel1border{
	position: absolute;
	background: #000;
}

/* --- Styles for level 2 --- */

.clLevel2, .clLevel2over{
	text-align: left;
	position: absolute; 
	font: 11px tahoma;
	padding: 7px 0 7px 27px;
	background: #fff url('../images/nav_bg.gif') no-repeat top left;
	color: #1E5F89;
	border-top: 1px solid #e4f2f8;
}

.clLevel2over{
	background: #fff url('../images/nav_arrow.gif') no-repeat 1px 3px;
	cursor: pointer;
}
.clLevel2border{
	position: absolute;
	background: #000;
}