#container {
	width: 99%;
	height: 100%;

}

#wrapper {
	width: 780px;
	text-align: left;
}
#navigation {
	background-image: url(../images/nav_off.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 19px;
}
#nav_shadow {
	background-image: url(../images/nav_shadow.gif);
	background-repeat: repeat-x;
	height: 3px;
}




#content_panel {
	height: 100%;
	background-image: url(../images/content_panel_bg.gif);
	background-repeat: repeat-y;
}

#home_content_panel {
	height: 100%;
	background-color: #FFFFFF;

}





#left_nav {
	width: 152px;
	float: left;
	height: 100%;
	
}

#content {
	width: 450px;
	float: left;
	padding-left: 30px;
	
}


#home_content {
	width: 450px;
	float: left;
	padding-left: 30px;
	padding-top: 15px;
	
}

#home_events {
	width: 274px;
	float: left;
	padding-left: 10px;
	padding-top: 40px;
	padding-bottom: 30px;
	
}



body {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-color: #B9CCE0;
	margin:0;
	padding:0;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #333333;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



#base {
	width: 152px;
	height: 20px;
	float: left;
	
}
#logo {
	width: 750px;
	background-image: url(../images/eortc_logo.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 50px;
}



/* navigation  */

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
	float: left;
	height: 19px;
}
#nav-menu li a
{
	background: #fff url(../images/nav_off.gif) repeat-x left bottom;
	float: left;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	height: 19px;
	line-height: 1.5em;
	border-right: 1px solid #003366;

}


#nav-menu li a:hover
{
	background: #fff url(../images/nav_on.gif) repeat-x left bottom;
	float: left;
	display: block;
	border-right: 1px solid #003366;
	text-decoration: none;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	cursor: hand;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
	float: left;
	vertical-align: bottom;
}
/* End hide */
#nav-menu
{
	/* width: 780px; */
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(../images/nav_off.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;

	
	
}



#nav-side ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-side
{
	width: 200px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
}




#nav-side li
{

	height: 19px;
}
#nav-side li a
{
	background: #9BB4CE;

	display: block;
	border: 0.1em solid #dcdce9;
	color: #305E8C;
	text-decoration: none;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	height: 19px;
	line-height: 1.8em;
}


#nav-side li a:hover
{
	background: #B8CCE0;

	display: block;
	border: 0.1em solid #dcdce9;
	text-decoration: none;

	padding-right: 10px;
	padding-left: 10px;
	cursor: hand;
}
/* Hide from IE5-Mac \*/
#nav-side li a
{

	vertical-align: bottom;
}
/* End hide */
#nav-side
{
	width: 150px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}



/*top row */

#top_row
{
	height: 180px;
	background-image: url(../images/password_bg.gif);
	background-repeat: repeat-x;
	width: 780px;
}

#images
{
	height: 180px;
	width: 464px;
	float: left;
}
#password_area
{
	height: 100px;
	background-image: url(../images/password_bg.gif);
	background-repeat: repeat-x;
	float: left;
	width: 278px;
	padding-top: 80px;
	padding-left: 30px;
}
#password_curve
{
	height: 180px;
	background-image: url(../images/password_curve.gif);
	background-repeat: no-repeat;
	float: left;
	width: 8px;
	background-color: #003333;
}

.title
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

.subtitle
{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.intro
{
	font-weight: bold;
	color: #333333;
}



	

	/* Layout properties for question and answer  */
	.question{
	font-weight:normal;
	color: #006699;
	cursor:hand;
	font-size: 12px;
	padding-left: 0px;
	padding-bottom: 8px;		
	}
		
	.answer{
	width:400px;
	font-size: 12px;
	display:none;
	color: #666666;
	padding-right: 3px;
	padding-bottom: 8px;
	padding-left: 40px;
	}
	
#event_title
{
	background-color: #9BB4CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 244px;
	padding-left: 20px;
	padding-right: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
#event_text
{
	background-color: #9BB4CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 244px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 5px;
}a:link {
	color: #003366;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
a:visited {
	color: #003366;
	text-decoration: none;
}
h3 {
	font-size: 14px;
	color: #333333;
}