/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/

/*
	Font-size reference.  Calcuate with: pixel_size / 12
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/* jQuery replaced flash div style... */
.flash-replaced .alt { display: none; }

/* global style */
body {
	background: #fff url('/media/img/bg-body.gif') repeat left top;
	color: #000;
	font-family: helvetica, arial, sans-serif;
	margin: 0;
}

#header h1 {
	background: url('/media/img/logo-sharek.gif') no-repeat;
	text-indent: -9999px;
	width: 172px;
	height: 36px;
	margin: 18px 0 25px;
}

#content h2, #content h3, #hotspots h2 {
	font-family: "Times New Roman", georgia, serif;
}

/* add global padding  */
.container {
	padding: 0 15px;
	width: 830px;
}

/* default link style */
a {
	color: #c00;
	text-decoration: none;
}

a:hover {
	color: #333;
}

/* Some example styles for the main menu */
ul#main-menu {
	clear: none;
	float: right;
	margin-top: 35px;
}

/* Menu item hover */
#main-menu li a {
	border-right: 1px solid #000;
	color: #000;
	display: block;
	line-height: normal;
	margin: 0;
	padding: 1px 3px 0 2px;
	text-decoration: none;
}

/* Current Main item */
#main-menu li a.current {
	border-right: 1px solid #000;
	color: #c00;
}

/* Menu item hover */
#main-menu li a:hover {
	border-right: 1px solid #000;
	color: #c00;
}

#main-menu li.last a, #main-menu li.last a:hover, #main-menu li.last a.current, #main-menu li.last a.current:hover {
	border-right: 0;
}

/* Submenu item */
/*#main-menu li li a {
	background: #def;
}*/

/* Current Submenu item */
/*#main-menu li li a.current {
	background: #cc0000;
}*/


/* Submenu item hover */
/*#main-menu li li a:hover {
	background: #cde;
}*/



/* header */
#header, #content, #footer {
	background: #fff;
	border-left: 1px solid #e4e5e6;
	border-right: 1px solid #e4e5e6;
}

#header img {
	margin: 16px 0 21px 0;
}


/* full width header */
#full-header {
	background: #42413c;
	height: 219px;
	width: 100%;
}

	#header-image {
		margin: 0 0 0 -31px;
		background: url('/media/img/bg-banner.png') no-repeat left top;
		height: 230px;
	}
	.homepage #header-image { background: 0;}

		#header-image img {
			border: 1px solid #E3E3E3;
			margin: 9px 0 0px 20px;
			vertical-align: bottom;
		}

	#hotspots {
		background: #42413c url('/media/img/bg-hotspots.jpg') repeat-y left top;
		height: 219px;
		margin-left: -15px;
	}
		#hotspots img {
			float: left;
			margin: 23px 13px 20px 15px;
		}
	
		#hotspots h2 {
			color: #fff;
			font-size: 2.0em;
			margin: 13px 0 0 0;
		}
			#hotspots h2 span {
				font-size: 0.75em;
				display: block;
				margin-top: -0.7em;
			}
	
		#hotspots p {
			color: #fff;
			font-size: 0.8em;
		}
			#hotspots p a {
				color: #c00;
			}
	
		#hotspots hr {
			border-bottom: 1px solid #d8d9d8;
			clear: both;
			margin: 0 0 0 35px;
	  		height: 0;
			width: 90%;
		}


/* main-content */
#content{
	padding-top: 20px;
	padding-bottom: 20px;
}

#main-content h2, #main-content h3, #main-content p, #main-content ul {
	padding-right: 35px;
}

#main-content h2 {
	color: #c00;
	margin: 0;
}

#main-content h3, #main-content h4, #main-content h5, #main-content h6 {
	color: #000;
	margin-bottom: 0.25em;
}

#main-content ul {
	margin: 0 0 1em 2em;
	padding: 0;
}
	#main-content li {
		list-style: disc;
	}

	#main-content li a {
		color: #000;
	}

/* sub-content */
.homepage #sub-content {
	background: #fff url('/media/img/rss-lg.gif') no-repeat 250px 22px;
}
	.homepage #sub-content img {
		float: left;
		margin: 23px 13px 20px 0;
	}

	.homepage #sub-content h2 {
		color: #000;
		font-size: 2.0em;
		margin: 13px 0 0 0;
	}
		.homepage #sub-content h2 span {
			font-size: 0.75em;
			display: block;
			margin-top: -0.7em;
		}

	.homepage #sub-content p {
		color: #000;
		font-size: 0.9em;
	}
		.homepage #sub-content p a {
			color: #c00;
		}

	.homepage #sub-content hr {
		border-bottom: 1px solid #e06666;
		clear: both;
		margin: 0 0 0 35px;
  		height: 0;
		width: 85%;
	}

#sub-content {
	background: #42413c;
	margin-bottom: 20px;
	color: #fff;
}

	#sub-content h2 {
		color: #fff;
		margin: 0 11px 0;
	}

	#sub-content h3 {
		color: #c00;
		margin: 0 13px 0;
	}

	#sub-content ul {
		margin: 0 2em 1em;
		padding: 0
	}
		#sub-content li ul {
			margin: 0 0 0.5em;
			padding: 0
		}
		#sub-content li {
			background: url('/media/img/bg-list-side.gif') no-repeat left 5px;
			list-style: none;
			padding-left: 10px;
		}
		#sub-content li a {
			color: #fff;
			text-decoration: none;
		}
		#sub-content li a:visited {
			color: #B8BDC2;
		}
		#sub-content li a:hover, #sub-content li a:active {
			color: #7a7a7a;
		}
		#sub-content li a.current {
			color: #c00;
		}
		

/* full width footer */
#full-footer {
	background: url('/media/img/bg-footer.gif') repeat-x left top;
	height: 46px;
}
	#footer-menu  ul {
		margin: 0 0 0 -5px;
	}
		#footer-menu li {
			border-right: 1px solid #fff;
			display: inline;
			font-size: 0.9em;
			padding: 0 3px 0 5px;
		}
		#footer-menu li.last { border: none; }

		#full-footer #footer-menu a {
			color: #fff;
		}

	#full-footer p {
		margin: 5px 0;
		font-size: .9em;
	}
	#full-footer p, #full-footer a {
		color: #6a6a6b;
	}
	
	p#validation img {
		float: none;
		margin: -0.2em 0 0;
		padding: 0;
		vertical-align: middle;
	}
	
	#full-footer p#userCopyright {
		float: right;
	}
		p#userCopyright a {
			font-weight: bold;
		}


/* footer */		
#footer {
	border-bottom: 1px solid #e4e5e6;
}
	#footer p {
		color: #b8bdc2;
		font-size: .9em;
		line-height: 1em;
		padding-top: 0.75em;
	}
	
	#copyright a {
		color: #b8bdc2;
	}