/* ---------------------------------------------------------------------------
	Reset (Eric Meyers)
--------------------------------------------------------------------------- */

/* This will be in reset.css */
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,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
/* remember to define focus styles! */
:focus {	outline: 0; }
body { line-height: 1; }
ol, ul {}
/* tables still need 'cellspacing="0"' in the markup */
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td {	text-align: left; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }

/* ---------------------------------------------------------------------------
	Body & HTML elements
--------------------------------------------------------------------------- */

body {
	padding:0;
	margin:0;
	background: white;
	color:black;
	font-size:12px; /* Sets browser default to 12px instead of 16px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
/* Clear fix */
.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/*
* Body
*/
	body {
		margin:0px;
		padding:0px;
		text-align:center;
		color:#5F5F5F;
		font-family: arial, sans-serif;
		background:#e7e7e7 url(../img/background.gif) repeat-x top;
	}
	
/*
 * Layout
 */
	#wrapper {
		position:relative;
		z-index:0;
		text-align:center;
		width:970px;
		margin:0 auto;
	}
		#wrapper #page {
			background:white;
			text-align:left;
		}			
		
		/*
		* Top
		*/
		#wrapper #page #top {
			position:relative;
			height:153px;
		}
			#wrapper #page #top #logo {
				position:absolute;
				left:0px;
				top:-1px;
				z-index:50;
			}
				#wrapper #page #top #logo h1 {
					margin:0;
					border:none;
					padding:0;
				}
				#wrapper #page #top #logo a {
					width:199px;
					height:153px;
					display:block;
					background: white url(../img/logo.png) no-repeat;
					text-indent:-2000px;
					overflow:hidden;
					
				}
				
			#wrapper #page #top #extra-top {
				position:absolute;
				right:0px;
				height:68px;
				border-bottom:1px solid #d3d3d3;
				width:970px;
				text-align:right;
				z-index:0;
			}
				#wrapper #page #top #extra-top #top-extra-content {
					padding-top:8px;
					width:330px;
					font-size:10px;
					float:right;
					margin-top:10px;
					margin-right:20px;
				}
					#wrapper #page #top #extra-top #top-extra-content * {
						line-height:12px;
					}
					#wrapper #page #top #extra-top #top-extra-content td {
						padding-right:15px;
					}
			
			#wrapper #page #top #top-menu {
				position:absolute;
				right:0px;
				background:white;
				top:69px;
				width:765px;
				height:54px;
				border-left:0px solid red;
				z-index:500;
			}
			
			#wrapper #page #top #language {
				position:absolute;
				right:0px;
				bottom:0px;
				height:30px;
				background:#4c4cbf;
				width:970px;
				z-index:0;
				text-align:right;
			}
				#wrapper #page #top #language a {
					color:white;
					margin-right:6px;
					padding-top:6px;
					display:block;
				}
				
		
		/*
		* Middle
		*/
		#wrapper #page #middle {
			width:970px;
		}
			#wrapper #page #middle #left-sidebar {
				float:left;
				width:190px;
				padding-top:15px;
				margin-left:3px;
			}
			
				#wrapper #page #middle #left-sidebar #calendar {
					margin-bottom:15px;
				}
				
			#wrapper #page #middle #main-wrapper {
				float:right;
				width:764px !important;
				width:764px;
			}
				#wrapper #page #middle #main-wrapper #rotator {
					height:126px;
					display:block;
				}
				#wrapper #page #middle #main-wrapper #content-fix {
					float:right;
					width:764px !important;
					width:764px;
				}
				#wrapper #page #middle #main-wrapper #content {
					float:left;
					width:540px !important;
					width:540px;
				}
					#wrapper #page #middle #main-wrapper #content #inner-content {
						padding:0px;
					}
				#wrapper #page #middle #main-wrapper #right-sidebar {
					float:right;
					width:174px;
					padding-top:15px;
					margin-right:20px !important;
					margin-right:10px;
				}
					#wrapper #page #middle #main-wrapper #right-sidebar #login {
						background: url(../img/panel-right-bg.png) repeat-y;
					}
					#wrapper #page #middle #main-wrapper #right-sidebar #right-extra {
						padding-top:10px;
					}
					
			#wrapper #page #middle #left-sidebar h2,
			#wrapper #page #middle #right-sidebar h2 {
				margin-left:10px;
				margin-bottom:5px;
			}
				
		/*
		* Bottom
		*/
		#wrapper #page #bottom {
			border-top:5px solid #4C4CBF;
		}
			#wrapper #page #bottom #footer {
				text-align:center;
				padding:10px;
				font-size:11px;
			}
		
		/*
		* Copyright
		*/
		#copyright {
			padding-top:15px;
		}
		
		
		
		/*
		 * Box layout
		 */
			.box {
				position:relative;
				padding:15px 15px;
				background: url(../img/panel-left-bg.png) repeat-y;
				border:none !important;
				border-bottom:1px solid #ddd;
			}
			.box-small {
				position:relative;
				padding:15px 15px;
				background: url(../img/panel-right-bg.png) repeat-y;
				border:none !important;
				border-bottom:1px solid #ddd;
			}
				.box span.box-top,
				.box span.box-bottom,
				.box-small span.box-top-small,
				.box-small span.box-bottom-small  {
					position:absolute;
					display:block;
					height:10px;
					width:100%;
				}
					.box span.box-top {
						left:0px !important;
						left:-15px;
						top:0px;
						background:url(../img/panel-left-top.png) no-repeat;
					}
					.box span.box-bottom {
						left:-1px !important;
						left:-16px;
						bottom:0px !important;
						bottom:30px;
						background:url(../img/panel-left-bottom.png) no-repeat bottom;
						display:block !important;
						display:none;
					}
					.box-small span.box-top-small {
						left:0px !important;
						left:-15px;
						top:0px;
						background:url(../img/panel-right-top.png) no-repeat;
					}
					.box-small span.box-bottom-small {
						left:0px !important;
						left:-15px;
						bottom:0px !important;
						bottom:30px;
						background:url(../img/panel-right-bottom.png) no-repeat bottom;
						display:block !important;
						display:none;
					}