﻿/* CSS Document */


/*-- Reset and Global Styles --*/
* {
	margin:0;
	padding:0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	}

a {
	text-decoration: none;
	}

img {
	border:0;
	}

img a {
	border:0 !important;
	outline:0 !important;
	}

ul li {
	list-style:none;
	margin:0;
	padding:0;
	}

.clear {
	clear:both;
	height: 0px;
	line-height: 0px;
	}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

.clearfix {
	display: inline-block;
	}

/*-- Header Styles --*/
.Header {
	margin: 0 auto;
	width: 1000px;
	}
	
	.Banner {
		background: #600f1d url(../images/banner-bg.jpg) no-repeat left top;
		height: 219px;
		margin: 0 0 1px 0;
		position: relative;
		}
		
		.Banner img.Logo {
			position: absolute;
			right: 20px;
			top: 0;
			}

	.Navigation {
		background: #c60167 url(../images/nav-bg.jpg) repeat-x left top;
		height: 44px;
		position: relative;
		}
		
		.Navigation .LftCurv,
		.Navigation .RtCurv {
			height: 44px;
			position: absolute;
			top: 0;
			width: 8px;
			}
		
		.Navigation .LftCurv {
			background: url(../images/nav-left-curv.jpg) no-repeat left top;
			left: 0;
			}
		
		.Navigation .RtCurv {
			background: url(../images/nav-right-curv.jpg) no-repeat left top;
			right: 0;
			}
		
		.Navigation ul {
			padding: 0 10px 0 0;
			}
		
			.Navigation ul li {
				display: inline;
				}
				
				.Navigation ul li a {
					background: url(../images/nav-sep.jpg) no-repeat right top;
					color: #ffffff;
					float: right;
					font: bold 13px/42px Arial, Helvetica, sans-serif;
					height: 42px;
					padding: 0 15px;
					}
				
				.Navigation ul li a:hover,
				.Navigation ul li a.Active {
					background: url(../images/nav-hover.jpg) repeat-x left top;
					}
					
/*-- Sidebar Styles --*/
.Sidebar {
	color: #333333;
	font: normal 13px/18px Arial, Helvetica, sans-serif;
	margin: 0 0 -10px 0;
	width: 226px;
	}
	
	.Sidebar a {
		color: #333333;
		}
	
	.SidebarBlock {
		margin: 0 0 10px 0;
		}
		
		.SidebarBlock .TopCurv {
			height: 7px;
			}
		
		.SidebarBlock .BtmCurv {
			height: 10px;
			}
		
		.SidebarBlock .HeadBar {
			color: #ffffff;
			font: bold 16px Arial, Helvetica, sans-serif;
			padding: 1px 20px 10px 0;
			text-align: right;
			}
			
			.SidebarBlock .Content {
				padding: 5px 20px 10px;
				}
				
				.SidebarBlock .Content ul li {
					text-align: right;
					}
					
					.SidebarBlock .Content ul li a {
						border-bottom: 1px dashed #8e8e8e;
						display: block;
						padding: 2px 16px 1px 0;
						}
	
	/*===== Box1 Styles =====*/
	.Box1 {	background: #cb046b url(../images/box1-bg.gif) repeat-y left top;}
		.Box1 .TopCurv { background: url(../images/box1-top-curv.gif) no-repeat left top;}
		.Box1 .HeadBar { background: url(../images/box1-mid-curv.gif) no-repeat left bottom;}
		.Box1 .Content { background: url(../images/box1-body-bg.gif) repeat-y left top;}
		.Box1 .Content ul li a { background: url(../images/bullet1.gif) no-repeat right 5px;}
		.Box1 .Content ul li a:hover { background-color: #fff9fc; color: #ca0169;}
		.Box1 .BtmCurv { background: url(../images/box1-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box2 Styles =====*/
	.Box2 {	background: #e26a0f url(../images/box2-bg.gif) repeat-y left top;}
		.Box2 .TopCurv { background: url(../images/box2-top-curv.gif) no-repeat left top;}
		.Box2 .HeadBar { background: url(../images/box2-mid-curv.gif) no-repeat left bottom;}
		.Box2 .Content { background: url(../images/box2-body-bg.gif) repeat-y left top;}
		.Box2 .Content ul li a { background: none; display: inline-block; padding: 6px 0; width: 186px;}
		.Box2 .Content ul li a:hover { background-color: #fffcfa; color: #e26a0f;}
		.Box2 .Content ul li a img { border: 1px solid #c05300; float: right; margin: 0 0 0 10px;}
		.Box2 .Content ul li a:hover img { border: 1px solid #ffffff;}
		.Box2 .BtmCurv { background: url(../images/box2-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box3 Styles =====*/
	.Box3 { background: #9cb62e url(../images/box3-bg.gif) repeat-y left top;}
		.Box3 .TopCurv { background: url(../images/box3-top-curv.gif) no-repeat left top;}
		.Box3 .HeadBar { background: url(../images/box3-mid-curv.gif) no-repeat left bottom;}
		.Box3 .Content { background: url(../images/box3-body-bg.gif) repeat-y left top;}
		.Box3 .Content ul li a { background: url(../images/bullet2.gif) no-repeat right 5px;}
		.Box3 .Content ul li a:hover { background-color: #ffffff; color: #556900;}
		.Box3 .BtmCurv { background: url(../images/box3-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box4 Styles =====*/
	.Box4 { background: #b859da url(../images/box4-bg.gif) repeat-y left top;}
		.Box4 .TopCurv { background: url(../images/box4-top-curv.gif) no-repeat left top;}
		.Box4 .HeadBar { background: url(../images/box4-mid-curv.gif) no-repeat left bottom;}
		.Box4 .Content { background: url(../images/box4-body-bg.gif) repeat-y left top;}
		.Box4 .Content ul li a { background: url(../images/bullet3.gif) no-repeat right 5px;}
		.Box4 .Content ul li a:hover { background-color: #fdfaff; color: #8c0db9;}
		.Box4 .BtmCurv { background: url(../images/box4-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box5 Styles =====*/
	.Box5 { background: #00b8e0 url(../images/box5-bg.gif) repeat-y left top;}
		.Box5 .TopCurv { background: url(../images/box5-top-curv.gif) no-repeat left top;}
		.Box5 .HeadBar { background: url(../images/box5-mid-curv.gif) no-repeat left bottom;}
		.Box5 .Content { background: url(../images/box5-body-bg.gif) repeat-y left top;}
		.Box5 .Content ul li a { background: url(../images/bullet4.gif) no-repeat right 5px;}
		.Box5 .Content ul li a:hover { background-color: #fbfeff; color: #01758e;}
		.Box5 .BtmCurv { background: url(../images/box5-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box6 Styles =====*/
	.Box6 { background: #ff99ff url(../images/box6-bg.gif) repeat-y left top;}
		.Box6 .TopCurv { background: url(../images/box6-top-curv.gif) no-repeat left top;}
		.Box6 .HeadBar { background: url(../images/box6-mid-curv.gif) no-repeat left bottom;}
		.Box6 .Content { background: url(../images/box6-body-bg.gif) repeat-y left top;}
		.Box6 .Content ul li a { background: url(../images/bullet5.gif) no-repeat right 5px;}
		.Box6 .Content ul li a:hover { background-color: #fffcff; color: #c82dc8;}
		.Box6 .BtmCurv { background: url(../images/box6-btm-curv.gif) no-repeat left bottom;}
	
	/*===== Box7 Styles =====*/
	.Box7 { background: #ffbbff url(../images/box7-bg.gif) repeat-y left top;}
		.Box7 .TopCurv { background: url(../images/box7-top-curv.gif) no-repeat left top;}
		.Box7 .HeadBar { background: url(../images/box7-mid-curv.gif) no-repeat left bottom;}
		.Box7 .Content { background: url(../images/box7-body-bg.gif) repeat-y left top;}
		.Box7 .Content ul li a { background: url(../images/bullet5.gif) no-repeat right 5px;}
		.Box7 .Content ul li a:hover { background-color: #fffbff; color: #d65ed6;}
		.Box7 .BtmCurv { background: url(../images/box7-btm-curv.gif) no-repeat left bottom;}
