/**
 *	Project	: ICAST 2011
 *	Date	: 18th August, 2011
 *	Author	: De Youngster Dela
*/
/*	FIX-----------------------------------------------------------------*/
*{
	margin	: 0;
	padding	: 0;
}

/*	GENERAL STYLES-----------------------------------------------------------------*/
body { 
	font			: 12px "Trebuchet MS", Tahoma, Arial, Tahoma, sans-serif; 
	line-height		: 18px; 
	background		: #fff url(images/body-bg.png) repeat-x bottom; 
	color			: #444; 
}

h1, h2, h3, h4, h5 {
	font-family		: "Trebuchet MS","Calibri", sans-serif;
	font-weight		: normal;
	margin-bottom	: 10px;
	color			: #036;
}
h1 { font-size:27px;line-height:30px } h2 { font-size:24px;line-height:27px } h3 { font-size:21px;line-height:24px }
h4 { font-size:18px;line-height:21px } h5 { font-size:15px;line-height:20px }

a { 
	color			: #036;	
	background		: inherit; 
	text-decoration	: none; 
}

a:hover { 
	color			: #0CC; 
	background		: inherit; 
}
a img {
	border			: 0px;
	border			: none;
}
.left{ float: left }
.right{ float: right }
.center{ margin-left: auto; margin-right: auto; }
.clear{ clear: both }
span.clear {
	display			: block;
	clear			: both;
	height			: 1px;
	margin-bottom	: -1px;
	line-height		: 0px;
	font-size		: 0px;
}

p { margin		: 0 0 15px 0; }
ul {
	margin-left		: 20px;
}
ul li {
	list-style-image: url(images/arrow-1.png);
}
ul li a {
	display			: block;
	padding			: 5px;
	border-bottom	: 1px dotted #999;
}
/*	WRAPPER----------------------------------------------------------------*/
#wrapper {
	width			: 800px;
	margin-top		: 30px;
	margin-bottom	: 50px;
	padding			: 20px;
	background		: #fff url(images/front-image.png) no-repeat top center;
 	border			: 5px solid #CCC;
}
/*	HEADER-----------------------------------------------------------------*/
#header {
	height			: 90px;
}
#header img.logo {
	margin			: -5px 0px 0px -50px;
	padding			: 40px 30px 20px;
	background		: url(images/logo-bg.png) no-repeat center;
}
#ieee-logo {
	margin-right	: -50px;
}
/*	INTRO-----------------------------------------------------------------*/
#intro {
	width			: 500px;
	margin-top		: 25px;
	padding			: 10px 20px;
	background		: transparent url(images/transp-bg.png);
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
}
#intro h3 {
	margin			: 0px;
	line-height		: 25px;
}
#intro p {
	margin			: 0px;
}
h3.label {
	width			: 100px;
	margin-right	: 20px;
	font-size		: 18px;
	text-align		: right;
	color			: #CCC;
	text-shadow		: 1px 1px 0px #000;
}
h3.text {
	padding-left		: 10px;
	font-size		: 18px;
	letter-spacing	: 2px;
	color			: orange;
	text-shadow		: 1px 1px 0px #000;
}
/*	MENU-----------------------------------------------------------------*/
#menu {
	margin			: 30px -20px 20px;
	padding-left	: 40px;
	background		: #082653;
}
ul.menu {
	margin			: 0px;
}
ul.menu li {
	display			: inline;
	list-style-type	: none;
}
ul.menu li a {
	display			: inline;
	padding			: none;
	padding			: 12px 20px;
	font-size		: 13px;
	line-height		: 40px;
	color			: #FFF;
	text-shadow		: 1px 1px 0px #000;
	border			: none;
	border-right	: 1px dotted #666;
}
ul.menu li a:hover {
	color			: #FFF;
	background		: #06C;
}
/*	CONTENT-----------------------------------------------------------------*/
/* Front Blocks */
.front-block {
	width			: 480px;
/* 	outline			: 1px solid pink; */
}
.front-block-menu {
	width			: 280px;
}
#content {
	margin-top		: 10px;
}
#content .content {
	width			: 490px;
}
#content .side-bar {
	width			: 300px;
}

/*	FOOTER-----------------------------------------------------------------*/
#footer { 
	clear			: both; 
	border-top		: 1px dotted #ccc; 
	padding			: 50px 0px 50px; 
	margin			: 20px -20px -20px -20px;
	font-size		: .9em; 
	color			: #03C; 
	background		: #fff url(images/footer-image-bg.png) no-repeat bottom center; 
}
#footer a { 
	color			: #808080; 
	background		: #fff; 
	font-weight		: bold; 
}
#footer p {
	margin			: 0px;
}