body {
font-size: 63%; 
margin: 0em auto; 
padding: 0px; 
font-family: Verdana, Arial, Tahoma, sans-serif; 
background: url(gfx/body_bg.gif) #E4EAF9 repeat-x left top;
}

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

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



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


.container-content {
float: left; 
width: 766px; 
margin: 0; 
padding: 0px; 
background: url(gfx/content_bg.gif) repeat;
background-color: #FFFFFF;
border-left: 1px solid #9999CC;
border-right: 1px solid #9999CC;
border-bottom: 1px solid #9999CC;
}

.container-content-front {
float: left; 
width: 820px; 
margin: 0; 
padding: 0px; 
background: url(gfx/content_bg.gif) repeat;
background-color: #FFFFFF;
border-left: 1px solid #9999CC;
border-right: 1px solid #9999CC;
border-bottom: 1px solid #9999CC;
}
/******************************/
/* NAVIGATION */
/******************************/
.nav {
clear: both; 
float: left; 
width: 171px; 
min-height: 500px; 
height: auto !important; 
height: 500px; 
margin: 10px 0 0 0; 
padding: 0px;
}

.nav ul {
float: left; 
list-style: none; 
width: 171px; 
margin: 0px 0px 25px 0px; 
padding: 0px; 
}
	
.nav li {
margin: 2px 0 2px 0; 
padding: 0px;
background: url(imgs/nav_bg.gif) repeat-y left top;
}

.nav li a {
display: block; 
min-height: 1.75em; 
height: auto !important; 
height: 1.75em; 
line-height: 1.75em; 
border-bottom: solid 1px #9999CC;
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 15px; 
color: #000000; 
text-decoration: none; 
font-size: 120%;
}

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



/********************************/
/* CONTENT  */
/********************************/
.content {
float: left; 
width: 570px; 
margin: 0px; 
padding: 0px 0px 0px 20px; 
background-color: transparent; 
color: #000000;
} 

.contentbox-container {
clear: both; 
float: left; 
width: 570px; 
margin: 0px 0px 15px 0px; 
padding: 0px;
} /* Width should be 563px, but IE-duplication bug forces us to reduce with 3px to 560px */

/*---------------------*/
/*  Front Page */
/*---------------------*/

.content_front {
float: left; 
width: 400px; 
margin: 0px; 
padding: 0px 0px 0px 20px; 
background-color: transparent; 
color: #000000;
} 

.contentbox-container_front {
clear: both; 
float: left; 
width: 425px; 
margin: 0px 0px 15px 0px; 
padding: 0px;
} 

/************************************/
/* CONTENT PAGE COMMON */
/************************************/
/*---------------------*/
/*  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 0px 0.5em 0px;
font-weight: bold; 
font-size: 140%;
}
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.readmore {
margin: 0px 0px 0.5em 0.5em; 
padding: 0px; 
line-height: 1.2em; 
font-size: 100%; 
}
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 110%;}
p.caption {margin: 3px 10px 4px 10px; line-height: 120%; font-size: 110%; font-style: italic; text-align: center;}

/* Embedded */
.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Lists */
.content ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
.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#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: 125%;
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: 110%;
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: 110%;
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: 100%;
}

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

/*-----------------------*/
/* Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 5px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150); width: 260px;}
.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; 
min-height: 500px; 
margin: 0px; 
padding: 0px 0px 10px 0px; 
text-align: left; 
color: rgb(75,75,75);
background: #EEEEEE;
border-left: 1px solid rgb(156,186,214);
}
.sidebar-maintitle {
margin: 0px 0px 10px 0px; 
padding: 3px 2px 2px 2px; 
background-color: rgb(156,186,214); 
color: #FFFFFF; 
text-transform: uppercase; 
font-weight: bold; 
font-size: 110%;
}

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


/**********************/
/* FOOTER */
/**********************/
.footer { 
float: right;
width:100%;
min-height: 20px; 
height: auto !important; 
height: 20px; 
margin: 5px 0 0 0; 
padding: 10px 0px 10px 0px; 
background-color: #961035; 
color: #FFFFFF;
}

.footer p {
margin: 0px; 
padding: 0px; 
text-align: center; 
font-size: 110%;
}

/***************************************************/
/* 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;
}
.footer a {
color: #FFFFFF; 
text-decoration: underline;
}
.footer a:hover {
color: #FFFF33; 
text-decoration: none;
}

/********************************/
/* GENERIC CLASSES */
/********************************/
/*------------------------------------------*/
/* - Global default font sizes */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 1.0em;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}


/*--------------------------------------*/
/* Horizontal alignments */
/*--------------------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

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



/******************************/
/* MISCELLANEOUS */
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}