/*****************/
/*   MAIN BODY   */
/*****************/
body {
	font-size: 62.5%;
	margin: 10px auto;
	padding: 0px;
  	font-family: Verdana,Tahoma,Arial,sans-serif;
	background-color:#FFFFFF;
}

#wrap {
	width: 800px;
	margin: 0em auto 2em auto;
	padding: 0em;
	background-color: rgb(255,255,255);
	border-left: solid 2px #3d588c;
	border-right: solid 2px #3d588c;	
	overflow: hidden;
	background-image: url(images/bg.png);
	background-repeat: repeat-y;
}

#calwrap {
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	background-color: rgb(255,255,255);
	border-left: solid 1px rgb(150,150,150);
	border-right: solid 1px rgb(150,150,150);	
	overflow: hidden;
}


/**************/
/*   HEADER   */
/**************/

/*** Header main banner ***/
#header-banner {
	width: 800px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #3d588c;
	border-bottom: solid 10px #FFCC66;
	color: white;
}

img.noborder {
	border: 0px;
}

#calheader-banner {
	width: 840px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #3d588c;
	border-bottom: solid 10px #FFCC66;
}

/*** Header navigation top ***/
#header-nav {
	float: right;
	margin: 7px 2px 0px 0px;
	padding: 0px;
}

#header-nav ul {	
	margin: 0px;
	padding: 0px;
	list-style: none;
}	

#header-nav li {
	float: left;
	white-space: nowrap;
	border-left: solid 1px rgb(150,150,150);
}

#header-nav li a {
	display: block; 
	margin: 0em;
	padding: 0px 5px 0px 5px;
	color: rgb(255,255,255);
	text-decoration: none;
	background-color: #3d588c;
}

#header-nav a:hover, #header-nav-top .selected {
	background-color: inherit;
	color: rgb(255,255,255);
	text-decoration: underline;	
}



/***   Buffer between heading and content area   ***/
#buffer {
	float: left;
	width: 800px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	border-top: solid 2px #3d588c;
}

/***********************/
/***   LEFT COLUMN   ***/
/***********************/
#left-column {
	float: left;
	width: 152px;
	padding: 0px;
	border-right: solid 2px #336699;		
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}


#left-column ul {	
    width: 152px;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;	
	border-bottom: solid 0.1em rgb(200,200,200);
}	

#left-column li {
	margin: 0px;
}


#left-column li a {
	color: rgb(100,100,100);
	text-decoration: none; 
	display: block;
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	border-top: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	margin:2px;
	height: 100%;
	font-size: 11px;
}

#left-column li.left-nav-group {
	display: block;
	padding: 3px 7px 2px 6px;
	background-color: #3D588C;
	color: #FFCC66;
	text-decoration: none;
	font-weight: bold;
	height: 13px;
	font-size: 11px;
}	
	
#left-column a:hover, #left-column .selected {
	padding-left: 13px;
	padding-right: 0px;
	margin: 2px;
	border-left: solid 2px #336699;
	border-right: solid 2px #336699;
	border-top: solid 1px #336699;
	border-bottom: solid 1px #336699;
	background-color: rgb(255,255,191);
}

/*************************/
/***   MIDDLE COLUMN   ***/
/*************************/
#middle-column {
	float: left;
	width: 430px;
	margin: 0px;
	padding: 0 10px 0 20px;
	background-color: inherit;
	color: rgb(100,100,100);
}

#middle-column table {
	font-size: 120%;
	border: solid 1px black;
}

#middle-column th {
	text-align: center;
}


/***   Pagetitle   ***/
#pagetitle {
	margin: 3px 0px 10px 0px;
	padding: 0px;
	background-color: inherit;
	color: rgb(100,100,100);
}

#pagetitle p {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 11px;
}

/*** Standard title and box option ***/
.middle-column-title-standard {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;	
	border-bottom: solid 1.67px #FFCC66;	
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-standard {
	margin: 0px 0px 20px 0px;
	padding-bottom: 5px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	border: solid 1px rgb(200,200,200);;
}

.middle-column-box-full-standard p {
	padding-left: 10px;
	padding-right: 10px;
}

.middle-column-box-left-standard {
	float: left;
	width: 49%;
	margin: 0px 0px 20px 0px;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-right-standard {
	float: right;
	width: 49%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-column-box-full-standard p.heading, .middle-column-box-left-standard p.heading, .middle-column-box-right-standard p.heading  {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-standard p.subheading, .middle-column-box-left-standard p.subheading, .middle-column-box-right-standard p.subheading  {
	margin: 10px 0px 6px 0px;	
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-standard p, .middle-column-box-left-standard p, .middle-column-box-right-standard p  {
	margin: 0px 0px 6px 0px;	
	font-size: 12px;	
}

/*** Blue options ***/
.middle-column-title-blue {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 3px;
	background-color: rgb(187,211,247);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-blue {
	margin: 0px 0px 20px 0px;
	padding-bottom: 5px;
	background-color: rgb(226,238,252);
	color: rgb(100,100,100);
	border: 1px solid #336699;
}

.middle-column-box-full-blue p.heading {
	margin: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 1.2em;
}

.middle-column-box-full-blue p.subheading {
	margin: 1.0em 1.0em 0.6em 1.0em;	
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-blue p {
	margin: 0px 10px 6px 10px;	
	font-size: 12px;	
}

/*** Yellow options ***/
.middle-column-title-yellow {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 3px;
	background-color: rgb(255,236,128);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-yellow {
	margin: 0px 0px 20px 0px;
	padding-bottom: 5px;
	background-color: rgb(255,255,191);
	color: rgb(100,100,100);
	border: solid 1px rgb(150,150,150);
}

/* FOR NEWS Summary */
#middle-column .middle-column-box-full-yellow li {
	font-size: small;
	margin: 0px;
}
#middle-column .middle-column-box-full-yellow ul{
	padding-left: 30px;
	margin: 0px;
}

.middle-column-box-full-yellow p.heading {
	margin: 10px 10px 10px 10px;
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-yellow p.subheading {
	margin: 10px 10px 6px 10px;	
	font-weight: bold;
	font-size: 12px;
}

.middle-column-box-full-yellow p {
	margin: 0px 10px 6px 10px;
	font-size: 12px;	
}


/************************/
/***   RIGHT COLUMN   ***/
/************************/
#right-column {
	float: right;
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

/*** Standard option ***/
.right-column-title-standard {
	text-align: center;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 11px;
}

.right-column-box-standard {
	margin: 0px 10px 8px 0px;
	padding: 4px 4px 4px 4px;
	border: solid 1px rgb(100,100,100);
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);	
}

/*** Blue title and box option ***/
.right-column-title-blue {
	text-align: center;
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 3px 2px 2px 2px;
	background-color: #336699;
	color: #FFCC66;
	font-weight: bold;
	font-size: 1.1em;
}

.right-column-box-blue {
	margin: 0px 10px 8px 0px;
	padding: 4px 4px 4px 4px;
	border: solid 1px rgb(100,100,100);
	background-color: rgb(226,238,252);		
	color: rgb(100,100,100);		
}

/*** Yellow title and box option ***/
.right-column-title-yellow {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 3px;
	background-color: rgb(255,236,128);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 12px;
}

.right-column-box-yellow {
	margin-top: 5px;
	margin-bottom: 8px;
	border: solid 1px rgb(150,150,150);
	background-color: rgb(255,255,191);	
	color: rgb(100,100,100);	
	width: 80%;	
	text-align: left;
}


ul.linkevent {
	margin: 0px 3px 8px 5px;
	padding: 4px 4px 4px 20px;	
}

ul.linkevent a {
	text-decoration: none;
}

/*** Paragraph text ***/
#right-column p {
	margin: 0px 0px 1px 5px;
}

/*****************/
/***   FOOTER   **/
/*****************/
#footer {
	clear: both;
	width: 800px;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	border-top: solid 2px #3d588c;
	border-bottom: solid 2px #3d588c;	
	background-color: rgb(255,255,255);
	text-align: center;
	color: rgb(100,100,100);
	font-size: 10px;
}

/*************************************************/
/***   HYPERLINKS IN MIDDLE AND RIGHT COLUMNS  ***/
/*************************************************/

/*** Hyperlinks in middle and right columns ***/
a {
	background-color: inherit;
	color: rgb(100,100,100);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#middle-column li {
	font-size: small;
	padding-right: 5px;
}


/************************
	WHOLE RIGHT SIDE
*************************/
#middle-main {
	float: left;
	width: 600px;
	margin: 0px;
	padding: 0 10px 0 20px;
	background-color: inherit;
	color: rgb(100,100,100);
}

#middle-main table {
	font-size: larger;
	border: solid 1px black;
	padding: 10px;
}

#middle-main td, #middle-main li {
	font-size: larger;
	padding: 5px;
	color: rgb(100,100,100);
}

#middle-main th {
	text-align: center;
}

/*** Standard title and box option ***/
.middle-main-title-standard {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 0px;	
	border-bottom: solid 1.67px rgb(120,176,39);	
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 12px;
}

.middle-main-box-full-standard {
	margin: 0px 0px 20px 0px;
	padding-bottom: 5px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-main-box-left-standard {
	float: left;
	width: 300px;
	margin: 0px 0px 20px 0px;
	padding: 0em;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-main-box-right-standard {
	float: right;
	width: 300px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: rgb(255,255,255);
	color: rgb(100,100,100);
}

.middle-main-box-full-standard p.heading, .middle-main-box-left-standard p.heading, .middle-main-box-right-standard p.heading  {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 12px;
}

.middle-main-box-full-standard p.subheading, .middle-main-box-left-standard p.subheading, .middle-main-box-right-standard p.subheading  {
	margin: 10px 0px 6px 0px;	
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid rgb(100,100,100);
}

.middle-main-box-full-standard p, .middle-main-box-left-standard p, .middle-main-box-right-standard p  {
	margin: 0px 0px 6px 0px;	
	font-size: 12px;	
}

.middle-main-title-blue {
	display: block;
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 2px 3px;
	background-color: rgb(187,211,247);
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 1.2em;
}