/*  This is for browsers that don't yet support CSS3   */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff; /*  #f0f0f0; */
}

/* tables still need Ôcellspacing=Ó0ÓÕ in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

h1 {
	font: normal bold 34px/50px Arial, Helvetica, sans-serif;
	padding-top: 30px;
}

h2 {
	font-size: 2em;
	line-height: 3em;
	padding: 1.5em 0;
}

h3 {
	font-size: 18px;
	line-height: 22px;
	padding: 1em 0;
}

p {
	
}

a {
	font-weight: bold;
	font-size: 110%;
	padding-bottom: 3em;
	text-decoration: none;
	color: #4096EE;
}

a:hover {
	font-weight: bolder;
	text-decoration: underline;
	color: #356AA0;
}

a:active {
	outline: none;
	text-decoration: none;
	color: #356AA0;
}

a:focus {
	outline: 1em dotted;
}

#header {
	padding: 1em;
	background-color: #333;
	color: #fff;
}

div#mainNav ul li {
	display: inline;
	list-style: none;
	padding-left: 2em;
}

#sideNav {
	
}

#mainSection {
	width: 90%;
	height: 100%;
	padding-left: 6em;
	padding-top: 1em;
	padding-bottom: 2em;
	background-color: white;
}

#footer {
	
}

/*

	BEGIN: Carousel Styles

*/
#carousel_inner {
	float: left; /* important for inline positioning */
	width: 340px;
	/* important (this width = width of list item(including margin) * items shown */
	overflow: hidden; /* important (hide the items outside the div) */
	/* non-important styling bellow */
	background: #F0F0F0;
}

#carousel_ul {
	position: relative;
	left: -320px;
	/* important (this should be negative number of list items width(including margin) */
	list-style-type: none;
	/* removing the default styling for unordered list items */
	margin: 0px;
	padding: 0px;
	width: 9999px; /* important */
	/* non-important styling bellow */
	padding-bottom: 10px;
}

#carousel_ul li {
	float: left; /* important for inline positioning of the list items */
	width: 320px; /* fixed width, important */
	/* just styling bellow*/
	padding: 0px;
	height: 480px;
	background: #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

#carousel_ul li img { .
	margin-bottom: -4px;
	/* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that */
	/* styling */
	cursor: pointer;
	cursor: hand;
	border: 0px;
}

#left_scroll,#right_scroll {
	float: left;
	height: 490px;
	width: 15px;
	background: #C0C0C0;
}

#left_scroll img,#right_scroll img {
	border: 0; /* remove the default border of linked image */
	/*styling*/
	cursor: pointer;
	cursor: hand;
}

/*

	END: Carousel Styles

*/