body {
	margin: 0;
	padding: 0;
	background:  #FFFFFF url(images/bg01.jpg) repeat-x top left;
	font-size: 13px;
	color: #7F7F7F;
}

body, th, input, textarea, select, option {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}


.thumbnail{
position: relative;

}

.thumbnail:hover{
background-color: transparent;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 1;
}




/* misc */
.buttons { text-align: right; padding: 3px 0px 0 0;}
.left_articles .buttons { float: right; height: 20px; }
.bluebtn { background: #ffffff url(images/bluebtn.gif) no-repeat; width: 100px; padding: 1px 13px 2px 13px; color: #fff; text-decoration: none; }
.greenbtn { background: #488EB2 url(images/greenbtn.gif) no-repeat; padding: 1px 17px 5px 16px; color: #fff; text-decoration: none; }
.bluebtn:hover, .greenbtn:hover { background: #fff url(images/hoverbtn.gif) no-repeat; color: #fff; }



/* links */
a { color: #003B6E; background: inherit; }
a:hover { color: #51aadd; background: inherit; }	

/* headings */
h1 { font: 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px; }
h2 { font: 1.6em Arial, Sans-Serif; margin: 0; padding: 0; }
h1 a, h2 a { color: #2b2b2b; background: #fff; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #2b2b2b; background: #FFF; }
.title { color: #808080; background: #fff; }

table {
	tr font: 2.5em "Arial", Sans-Serif; margin: 0; letter-spacing: -1px;
	td font: 1.6em Arial, Sans-Serif; margin: 0; padding: 0; background: #ggg;
	margin: 5px auto;
	padding: 10px 0 0 0;
}
 .tr { img width: 500px; height: 500px; }


/* Header */

#header {
	width: 890px;
	height: 254px;
	margin: 0px auto;
	background: url(images/header.jpg) no-repeat;
}


/* left side */
.left { float: left; width: 590px; margin: 0 0 10px 0; }
	.left_articles {
		margin: 0 20px 15px 10px;
		padding: 10px 0 0 0;
		text-align: justify;
		border-bottom: 1px dotted #ccc;
		color: #000;
		background: #fff;
	}
	
	.calendar { height: 50px; float: left; background: #fff url(images/calendar.gif) no-repeat; width: 50px; padding: 5px 0 0 9px;  color: #808080;}
	.calendar p { padding: 0; margin: 0; }
	.description { padding: 0 0 0px 0; margin: 0 10px 5px 0; }
	.thumbnail { float: left; margin: 0 18px 8px 0; border: 0px solid #dedede; }
	.img { border: none; }




/* Menu */

#menu {
	float: left;
}

#menu ul {
	margin: 0px;
	padding: 193px 0px 0px 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	margin-left: 20px;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 1.36em;
	color: #ced5e2;
}

#menu a:hover, .active a {
	border-bottom: 3px solid #FFFFFF;
	color: #003976
}


/* Page */

#page {
	width: 830px;
	margin: 0 auto;
}

/* Content */

#content {
	float: left;
	width: 590px;
}


/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
}

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

#sidebar li {
}

#sidebar li ul {
	padding: 15px 0;
}

#sidebar li li {
	padding: 5px;
	padding-left: 10px;
}

#sidebar h2 {
	margin: 0;
	padding: 10px 0 0 20px;
	height: 40px;
	color: #000000;
	background: url(images/bg03.jpg) repeat-x;
}

#sidebar a {
}

#sidebar a:hover {
}
	#sidebar img { border: none; }
/* Footer */

#footer {
	clear: both;
	margin: 0px;
	padding-top: 20px;
	height: 60px;
	border-top: #003976 solid 4px;
	background: #F2F2F2 url(images/bg02.jpg) repeat-x left top;
}

#footer p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	text-align: center;
	color: #717171;
}