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

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

/**********************/
/*- HEADER */
/**********************/
.img-header {
clear: both; 
float: left; 
width: 640px; 
height: 80px; 
margin-top: 11px; 
margin-bottom: 17px; 
padding: 0px;
}

/******************************/
/* NAVIGATION */
/******************************/
.nav {
clear: both; 
float: left; 
width: 160px; 
min-height: 500px; 
height: auto !important; 
height: 500px; 
margin: 10px 0 0 0; 
padding: 0px;
}

.nav ul {
float: left; 
list-style: none; 
width: 160px; 
margin: 0px 0px 25px 0px; 
padding: 0px; 
}
	
.nav li {
margin: 2px 0 0 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-left: solid 12px #961035;
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 15px; 
color: #FFFFFF; 
text-decoration: none; 
font-size: 120%;
}

.nav li a:hover, .nav li a.selected {
border-left: solid 12px #CC0000; 
margin-right: 10px;
background: #F0EE2A;
color: #000000; 
}




/*******************************************************************/
/*  CONTAINER for rounded corners and the text area content       */
/*******************************************************************/


.content-holder {
float: right; 
width: 600px; 
min-height: 500px; 
height: auto !important; 
height: 500px; 
margin: 10px 0 0 0; 
padding: 0px 0px 20px 0px; 
background: url(imgs/text_area_corners.gif) no-repeat left top;
background-color: #FFFFFF;
}

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

/* boxes for front page - half content width  */
.box-half-left {
float: left; 
width: 273px; 
margin: 0px; 
padding: 3px;
background:#F1F0F6;
}

.box-half-right {
float: right; 
width: 273px; 
margin: 0px; 
padding: 3px;
background:#F1F0F6;
}
/* boxe for front page logos - full width  */

.box-full {
	width: 553px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

/************************************/
/* CONTENT PAGE COMMON */
/************************************/
/*---------------------*/
/*  Text */
/*---------------------*/
/* Heading */
h1 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%; color:#990033;}
h2 {clear: left; margin: 1.0em 0px 0.75em 0px; font-weight: bold; font-size: 140%; color:#990033;}
h3 {clear: left; margin: 0.5em 0px 0.5em 0px;	font-weight: bold; font-size: 135%; color:#990033;}
h4 {clear: left; margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%; color:#990033;}
h5 {clear: left; margin: 0px; font-weight: bold; font-size: 130%; color:#990033;}
h6 {clear: left; margin: 0px;	font-weight: bold; font-style: italic; font-size: 130%; color:#990033;}

/* Paragraph */
p {margin: 0px 0px 1em 0px; padding: 0px; line-height: 1.3em; font-size: 125%; }
p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.caption {margin: 3px 10px 4px 10px; line-height: 120%; font-size: 120%; 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: 125%;}
.content ul {margin: 0px 0px 10px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 125%;}
.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: 125%;}


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

table {
margin: 0.1em; 
}
table tr {
margin: 0px; 
padding: 0px;
vertical-align: top;
}
table td {
font-size: 110%;
}

table#links {
margin: 0.5em 0px 0.2em 30px; 
background-color: #FFFFFF;
border: dashed 1px #990033; 
}
table#links tr {
margin: 0px; 
padding: 0px;
vertical-align: top;
}
table#links td {
padding: 2px 7px 2px 7px;
text-align: left;
font-size: 120%;
background-color: #EEEEEE;
}
table#links td.heading {
padding: 2px 7px 2px 7px;
text-align: left;
font-size: 125%;
color: #990033;
font-weight: bold;
background-color: #EEEEEE;
border-bottom: dashed 1px #990033; 
}


table#steps{
background-color: #FFFFFF;
border: solid 1px #990033; 
}


/*-----------------------*/
/* Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 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;}



/**********************/
/* 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: 100%;
}

/***************************************************/
/* HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/
.content a, .sidebar a {
text-decoration: underline;
}
.content a:hover, .sidebar a:hover {
color: #000066; 
background: #CCCCCC; 
text-decoration: none;
}
.content a:visited,  sidebar a:visited {
color: #990033;
}
.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: #990000;}
.txt-wine {color: #990033;}




/******************************/
/* 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;}