html,body {
	font:x-small/1.4 Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	background: url(image/layout8-extract-back.png) #338ed4 repeat-x top left;

	text-align: center;

	color:#ffffff;
	margin:0;
	padding:0;
}

/* Used colour list

blue background = #338ed4 //old=#42a4ef
orange text = #ffb72c
dark blue background = #26447e
text = #ffffff
cross top = #ff2c2c
cross bott = #26437e
blue borders = #87c1ee

*/

a:link {color: #ffffa0;}

a:visited {
color: #ffffff;

}

a:hover {
color: #62a4ff;

}

table {
	border-spacing:0px;
	font-size:13px;
	text-align:justify;
}

td, th {
	padding: 0px;
}

h1 {
	font-size: 16px;
	font-weight:bold;
	margin:0px;
}

h2 {
	font-size: 14px;
	font-weight:bold;
	margin:0px;
}

small {
	font-size: 10px;
	font-weight:normal;
	color:white;
	margin-left:30px;
}

img {
	border: 2px solid #87c1ee;
	padding: 0px;
	margin: 5px;
}

hr {
	height:0px;
	border: 0px;
	width:100%;
	color:#338ed4;
}

/* CONTAINERS */

#containermain {
	background: url(image/layout8-extract.jpg) no-repeat left top;
	height:814px;
}

#menu{ 
	background-color: transparent;
	position:absolute;
	left: 50px;
	top: 120px;
	border: none;

	font-size: 17px;
	font-weight: bold;
	text-align: right;
	line-height:36px;

	width: 130px;
	max-width: 130px;
	
	margin: 0;
	padding: 0;
}

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

#menu li {
	margin: 0;
	border: none;
}

#menu li a, #menu li a:visited {
	display: block;
	padding: 0;
	border: none;
	text-decoration: none;
	width: 100%;
 color:#ffffff;}

#menu li a:hover{
	display: block;
	text-decoration:none;
	color:#ffffff;
	background-color: #2175bc;
}

#menu-cur {
	color:#ffb72c;
}

#main {
	margin: 0px;	
	padding:10px;
	border: 2px solid #87c1ee;
}

#main ul {
	list-style: bullets;
	list-style-position: outside;
	margin: 0px;
	margin-bottom: 15px;
	padding: 0px;
	padding-left: 10px;
	border: none;
}

#main li {
	margin-left: 10px;
	
	border: none;
}




#mainbox{ 
	background:transparent;
	position:absolute;
	text-align:justify;
	
	padding:0px;
	margin: 0px;
	top: 123px;
	left: 195px;
	right: 225px;
}


#mainbox-tl{ 
	background:url(image/tl_corner.gif) no-repeat;
	position:absolute;
	top: 123px;
	left: 195px;
	width: 13px;
}

#mainbox-tr{ 
	background:url(image/tr_corner.gif) no-repeat;
	position:absolute;
	top: 123px;
	right: 225px;
	width:13px;
	margin: 0 0 0 0px;
}

#mainbox-bl{ 
	background:url(image/bl_corner.gif) no-repeat bottom left;
	position:relative;
	margin:-12px;	
	padding:0px;
	width:14px;
}

#mainbox-br{ 
	position:relative;
	background:url(image/br_corner.gif) no-repeat bottom right;
	margin:-12px;
	margin-bottom:-18px;
	padding:0px;
}

#ccc-logo {
	background: url(image/layout8-extract-back-right.gif) top right no-repeat; 
	position: absolute; 

	top: 45px; 
	right: 10px; 
	width: 668px; 
	height: 310px;
}

#calendar-back-old { 
	background: url(image/calendar_back.gif) top left no-repeat; 
	position: absolute; 
	top: 185px; 
	right: 19px;
	
	padding:11px;
	margin: 0px;
	width:168px;
}

#frame_right_container { 
	background: transparent;
	position: absolute; 
	top: 185px; 
	right: 19px;
	width:200px;
}

#calendar { 
	background: transparent;
	position: relative;
	top: -8px;
	
	text-align: left;
	margin: 0px;
	padding:10px;
	padding-top:1px;
	width:166px;
	border: 2px solid #87c1ee;
	border-top: 0px;
}

#upper-corners { 
	background: url(image/calendar_back.gif) top no-repeat; 
	position: relative;
	margin: 0 0 0 0px;
	padding:0px;
	width:190px;
}

#cel {
	padding:0px;
	margin:2px;
	border-top:1px solid #87c1ee;
}

#cel2 {
	padding:0px;
	margin:2px;
	border-top:2px solid #87c1ee;
}

#footer {
	position: relative; 
	text-align: center;
	font-size: 10px;
	padding:2px;
	margin-top:22px;
}