/* ------------------------------
RESET
------------------------------ */


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: #333333;
}



body {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1;
	height: auto;
	background-color: #C0C0C0;

}


h1 {
	letter-spacing: 1;
	font-size: 1.5em;
	line-height: 2;
	
}

h2 {
	letter-spacing: 1;
	font-size: 1.25em;
	color:#FFFFFF;
	line-height: 2;
	padding-left:15px;
	padding-right:15px;
	
}

h3 {
	letter-spacing: 1;
	font-size: 1.1em;
	line-height: 2;
	
}

p {
	letter-spacing: 1;
	font-size: 100%;
	color:#FFFFFF;
	line-height: 1.5;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	
}

ol, ul {
	letter-spacing: 1;
	font-size: 100%;
	line-height: 1.5;
	padding-bottom:15px;
	margin-left: 2em;
	margin-right: 2em;
}

.event_il, .event_ul {
	letter-spacing: 1;
	font-size: 100%;
	text-transform:none;
	line-height: 1.5;
	padding-bottom:15px;
	margin-left: 2em;
	margin-right: 2em;
	list-style:none;
}


blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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




/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/

#container{
	width:780px;
	margin:0 auto;
	height: auto;
	background-color: #333333;
}
#topbar{
	width:auto;
	display:block;
	height:auto;
	background-color:#62C3FA;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 127px;
}

#topbar2{
	width:auto;
	display:block;
	height:auto;
	background-color:#62C3FA;
	padding-top: 0px;
	padding-bottom: 0px;
}

#topbar2.img navImage{
	width:auto;
	display:block;
	height:auto;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

#topbar2 img.logoImage{
	float:left;
	width:auto;
	display:block;
	height:auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 127px;
}

#nav{
	width:auto;
	display:block;
	height: auto;
	background-color:#62C3FA;
	padding-left: 127px;

}

#main{
	width:auto;
	height: 500;
	display:block;
	overflow:hidden;
	position: relative;
	background-color:#62C3FA;

}



#column_left{width:10px; margin-top: 50px; margin-left:20px; float:left; padding: 0em;  padding-bottom: 45px
}

#column_left img.featuredImage {float:left; 
border: 1px solid #FFFFFF; 
margin: .75px;
padding-left: 127px;
padding-right: .5px;
padding-right: .75em;
}

#column_left img.featuredImage2 {float:left; 
border: 1px solid #FFFFFF; 
margin: 1em;
padding: 0em;
}

#column_right{width:510px;  margin-top: 50px; margin-left:0px; float:right; padding-bottom: 45px
}

#column_right img.featuredImage {float:right; 
border: 1px solid #FFFFFF; 
margin: 0em;
margin-right: 7px;
padding-left: .5em;
padding-right: 5px;
padding-bottom: .65em;}


#column_home1{
	width:550px;
	margin-top: 10px;
	margin-left:0px;
	margin-right:106px;
	float:left;
	background-color:#62C3FA;
	padding-bottom: 45px;
	height: 400px;

}

#column_home2{
	width:550px;
	margin-top: 10px;
	margin-left:0px;
	margin-right:106px;
	float:left;
	padding-bottom: 45px;
	

}




/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/

div.spacer{clear:both; height:10px; display:block;}

#footer{clear:both; top: 600px; width:auto; overflow:hidden; display:block; height:60px; background-color:#62C3FA;
	padding-left: 0px; padding-top: 10px; padding-bottom: 10px;	
	}