
body {
font-size: 65%; 
margin: 0em auto; 
padding: 0px; 
font-family: Verdana, Arial, sans-serif; 
background: #FFFFFF;
}

.page-container {
width: 800px; 
margin: 0px auto; 
padding: 0px;
}

/**********************/
/*- HEADER */
/**********************/
.img-header {
clear: both; 
float: left; 
width: 800px; 
height: 165px; 
margin: 0; 
padding: 0;
}



/*******************************************************************/
/*  CONTAINER FOR CONTENT AND SIDEBAR  NAVIGATION                 */
/*******************************************************************/


.container {
float: left; 
width: 800px; 
margin: 0; 
padding: 0px; 
background: url(gfx/content-area-bg.gif) repeat-y left top;
background-color: #FFFFFF;
}
/******************************/
/* NAVIGATION */
/******************************/
.nav {
clear: both; 
float: left; 
width: 170px; 
margin: 10px 0 0 0; 
padding: 0px;
}

.nav ul {
float: left; 
list-style: none; 
width: 170px; 
margin: 0px 0px 25px 0px; 
padding: 0px; 
}
	
.nav li {
margin: 2px 0 2px 0; 
padding: 0px;
}



.nav li a {
display: block; 
min-height: 1.75em; 
height: auto !important; 
height: 1.75em; 
line-height: 1.75em; 
margin: 1px 0px 1px 0px; 
padding: 0px 5px 0px 15px; 
color: #FFFFFF; 
text-decoration: none; 
font-size: 120%;
}

.nav li a:hover, .nav li a.selected {
background: #FFFFFF;
color: #000000; 
}


#rednavtxt {
color: #FF0000;

}


.nav li.subsec a {
background: #5085D7;
border-left: 2px #1B4C99 solid;
border-right: 2px #1B4C99 solid;
color: #FFFFFF; 
}

.nav li.subsec a:hover {
background: #9FC0F3;
color: #000000; 
}



.info-text {
font-size: 110%;
color: #FFFFFF;
padding: 5px;
}

.info-text a {
color: #FFFFFF;
}



/********************************/
/* CONTENT  */
/********************************/
.content_home_page {
float: left; 
width: 468px; 
margin: 0px; 
padding: 0px 0px 0px 20px; 
background-color: transparent; 
color: #000066;
} 

.content {
float: left; 
width: 610px; 
margin: 0px; 
padding: 0px 0px 0px 20px; 
background-color: transparent; 
color: #000066;
} 


/*---------------------*/
/*  Text */
/*---------------------*/
/* Heading */
h1 {
clear: left; 
margin: 1.0em 0px 0.5em 0px; 
font-weight: bold; 
font-size: 160%;
}
h2 {
clear: left; 
margin: 1.0em 0px 0.5em 0px; 
font-weight: bold; 
font-size: 150%;
}
h3 {
clear: left; 
margin: 1.0em 10px 0.5em 0px;
padding-left: 5px;
font-weight: bold; 
font-size: 140%;
background-color: #D4E6F7;
}
h4 {
clear: left; 
margin: 1.0em 0px 0.5em 0px; 
font-weight: bold; 
font-size: 130%;
}


/* Paragraph */
p {
margin: 0px 1em 1em 0.5em; 
padding: 0px; 
line-height: 1.3em; 
font-size: 120%; 
}

p.box {
margin: 20px 10px 1em 20px; 
padding: 10px; 
line-height: 1.3em; 
font-size: 120%; 
border: 1px dashed #9999CC; 
}

p.colour_bg_box {
margin: 20px 200px 10px 10px;
padding: 10px; 
line-height: 1.3em; 
font-size: 120%; 
border: 1px dashed #9999CC; 
background: #CCFFFF;
}

p.reg_box {
margin: 20px 200px 10px 10px; 
padding: 6px; 
color: #330099;
font-size: 120%; 
border: 1px dashed #9999CC; 
}

p.redtxt {
color: #FF0000;
font-weight: bold;
}

/* Lists */

.content ul {
margin: 0px 20px 10px 20px; 
padding: 0px 0px 0px 15px; 
list-style-type: 
disc; font-size: 120%;
}
.content li {
margin-top: 8px;
}
.content ol {
margin: 0px 0px 10px 9px; 
padding: 0px 0px 0px 25px; 
list-style-type: decimal; 
list-style-position: outside; 
font-size: 120%;
}


/*-----------------------*/
/* Tables */
/*-----------------------*/

table {
font-size: inherit;
}

table#lists {
margin: 20px 10px 10px 10px; 
background-color: #FFFFFF;
border: dashed 1px #9999CC; 
}
table#lists th {
padding: 4px 7px 4px 4px;
text-align: left;
font-size: 115%;
font-weight: bold;
color: #990099;
}
table#lists tr {
margin: 0px;
padding: 1px;
vertical-align: top;
}
table#lists td {
padding: 2px 7px 2px 7px;
text-align: left;
font-size: 100%;
background-color: #F7F3F3;
}
table#lists td.blank {
padding: 0px;
background-color: #FFFFFF;
line-height: 0.4em;
}

table#accom {
margin: 20px 10px 10px 10px; 
background-color: #FFFFFF;
border: solid 1px #9999CC; 
}

table#accom tr {
margin: 0px;
padding: 1px;
vertical-align: top;
}
table#accom td {
padding: 2px 7px 2px 7px;
text-align: left;
font-size: 100%;
}

table#accom td.grey {
padding: 2px 7px 2px 7px;
text-align: center;
font-size: 100%;
background-color: #EEEEEE;
}

table#boxoutline {
margin: 1.0em 0px 0.5em 0px;  
background-color: #FFFFFF;
border: solid 1px #9999CC; 
width: 410px;
}

table#boxoutline tr {
margin: 0px;
padding: 1px;
vertical-align: top;
}
table#boxoutline td {
padding: 2px 7px 2px 7px;
text-align: left;
font-size: 90%;
}

table#boxoutline td.grey {
padding: 2px 7px 2px 7px;
text-align: center;
font-size: 90%;
background-color: #EEEEEE;
}

table#prog {
background-color: #1B4C99;
}

table#prog td a {
color: #FFFFFF;
text-decoration: none;
font-size: 95%;
}


/*-----------------------*/
/* Images */
/*-----------------------*/
.img-left-noborder {
float: left; 
margin: 4px 7px 3px 0px;
padding: 4px;
width: 108px;
font-size: 100%;
}

.img-right-noborder {
float: right; 
margin: 2px 5px 3px 7px;
}

.img-left-border {
float: left; 
margin: 4px 7px 3px 0px; 
padding: 4px;
border: solid 1px #C4C4C4; 
width: 108px;
font-size: 100%;
}

.img-right-border {
float: right; 
margin: 4px 0px 3px 7px; 
border: solid 1px rgb(150,150,150); 
width: 260px;
}

/*--------------------*/
/* SIDEBAR ON FRONT PAGE  */
/*--------------------*/
.sidebar {
overflow: hidden; 
float: right; 
width: 160px; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
text-align: left; 
color: #1B4B4B;
background: #8DD5E3;
border-left: 1px solid #333399;
}
.sidebar-maintitle {
margin: 0px 0px 10px 0px; 
padding: 3px 2px 2px 2px; 
background-color: #333399; 
color: #FFFFFF; 
text-transform: uppercase; 
font-weight: bold; 
font-size: 110%;
}

.sidebar p {
text-align: center; 
font-size: 100%;
font-weight: bold; 
}


/**********************/
/* FOOTER */
/**********************/
.footer { 
clear: both;
width: inherit;
margin: 0; 
padding: 0; 
}

.footer p {
margin: 0px 1em 1em 0.5em; 
padding: 0px; 
line-height: 1.1em; 
text-align: center;
font-size: 110%; 
}

.img-footer {
clear: both; 
float: left; 
width: 800px; 
height: 190px; 
margin: 0; 
padding: 0;



/***************************************************/
/* HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a, .sidebar a {
color: #0000CC; 
text-decoration: underline;
}
.content a:hover, .sidebar a:hover {
color: #000066; 
text-decoration: none;
}
.content a:visited,  sidebar a:visited {
color: #000033;
}

/*---------------------------*/
/* Text colors */
/*---------------------------*/
.txt-black {color: #000000;}
.txt-white {color: #FFFFFF;}
.txt-green01 {color: #009900;}
.txt-red01 {color: #FF0000;}
.txt-blue01 {color: #3333CC;}
