/******************/
/* GLOBAL LAYOUT  */
/******************/

 body {
	font-size:62.5%;
	background-color:#FFFFFF;
	font-family:arial,sans-serif;
} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.container {width:978px; padding-top:10px; padding-bottom:20px; margin:0 auto; font-size:1.0em;}
.header {
	width:700px;
	margin: 0 auto;
	min-height:130px;
	background-color:#FFFFFF;
	text-align: center;
}
.header-top {
	clear:both;
	width:958px;
	height:100px;
	background-color:rgb(240,240,240);
}
.navbar {
	width: 554px;
	margin: 0 auto;
	background-color:#FFFFFF;
	font-family:arial,sans-serif;
	font-size:130% !important /*Non-IE6*/;
	font-size:120% /*IE6*/;
	position: relative;
} /*Color navigation bar normal mode*/
.main {
	clear:both;
	width:958px;
	padding:10px 0 20px 0;
	border-left:solid 10px rgb(200,200,200);
	border-right:solid 10px rgb(200,200,200);
	background-color:#FFFFFF;
	font-size:1em;
}
.content {
	width:750px;
	margin: 0 auto;
	background-color:#FFFFFF;
	font-size:1em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
	z-index: -1;
}
.subcontent {
	display:inline /*Fix IE floating margin bug*/;
	float:right;
	width:270px;
	background-color:#FFFFFF;
	font-size:1em;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
}
.footer {
	clear:both;
	width:554px;
	padding:1.0em 0 1.0em 0;
	background-color:#FFFFFF;
	font-size:1.1em !important /*Non-IE6*/;
	font-size:1.0em /*IE6*/;
	overflow:visible !important /*Non-IE6*/;
	overflow:hidden /*IE6*/;
	margin: 0 auto;
}

/****************/
/*  HEADER-TOP  */
/****************/

/* Sitename and slogan */
.sitelogo {
	width:70px;
	height:70px;
	position:absolute;
	z-index:1;
	margin:15px 0 0 15px;

}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:27px 0 0 95px; overflow:hidden;}
.sitename h1 {font-family:arial,sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:verdana,arial,sans serif; padding-bottom:2px; color:rgb(125,125,125); height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none;}

/* Button navigation */
.navbutton {width:400px; position:absolute; z-index:2; margin-top:26px; margin-left:547px !important /*Non-IE6*/; margin-left:550px /*IE6*/;}
.navbutton ul {float:right;}
.navbutton li {display:inline; list-style:none;}
.navbutton li a {padding-left:3px;}
.navbutton a:hover {text-decoration:none;}
.navbutton a img {height:32px;}

/* Global navigation */
.navglobal {width:600px; position:absolute; z-index:3; margin-top:65px; margin-left:349px !important /*Non-IE6*/; margin-left:351px /*IE6*/;}
.navglobal ul {float:right; font-weight:normal;}	
.navglobal li {display:inline; list-style:none;}
.navglobal li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125); text-decoration:none; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.navglobal a:hover {text-decoration:none; color:rgb(255,255,255);}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* Main menu */
.navbar ul {
	list-style-type:none;
	z-index: 998;
}
.navbar ul li {
	float:left;
	background-color:#FFFFFF;
	position: relative;
	z-index: 999;
}
.navbar ul li a {
	display:inline; 
	height:3.1em; 
	line-height: 3.1em; 
	padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold; 
	color:rgb(100,100,100); 
	border-right:solid 0px rgb(215,215,215);
}
.navbar ul li ul {
	display:none; 
	border:none;
}
.navbar ul li:hover a,
.navbar ul li.hover a {
	background-color:#FFFFFF;
	text-decoration:none;
}
.navbar ul li:hover ul,
.navbar ul li.hover ul {
	display:block;
	width:10.0em; 
	position:absolute; 
	z-index:1000; 
	top:3.0em; 
	margin-top:0.1em; 
	left:0;
	*left: -25px;
	padding:0; 
	border-top:solid 1px rgb(215,215,215);
}
.navbar ul li:hover ul li,
.navbar ul li.hover ul li {
	float: left;
	width: 10.0em;
}
.navbar ul li:hover ul li a,
.navbar ul li.hover ul li a {
	white-space:normal; 
	display:block; 
	height:auto; 
	width: auto;
	line-height:1.3em; 
	padding:4px 16px 4px 16px; 
	border-right:solid 1px rgb(215,215,215); 
	border-left:solid 1px rgb(215,215,215); 
	border-bottom: solid 1px rgb(215,215,215); 
	background-color:rgb(235,235,235); 
	font-weight:normal; 
	color:rgb(100,100,100);
}
.navbar ul li:hover ul li a:hover,
.navbar ul li.hover ul li a:hover {
	background-color:rgb(225,225,225); 
	text-decoration:none;
}






/*************/
/*  CONTENT  */
/*************/

/* Content cell (no subcells) */
.content-cell {width:676px; background-color:rgb(255,255,255);}

/* Content cell + subcells (subcells are NOT in boxform)  */
.content-cell-nobox {width:676px; background-color:rgb(255,255,255);}
.content-subcell-left-nobox {display:inline; float:left; width:337px; border-right:solid 1px rgb(215,215,215) /*Use this statement if left column is longer than the right column. Activate by removing "xx_" from property name*/; background-color:rgb(255,255,255);}
.content-subcell-right-nobox {display:inline; float:right; width:337px; border-left:solid 1px rgb(215,215,215)/*Use this statement if right columnn is longer than the left column. De-activate by adding "xx_" to propery name*/; background-color:rgb(255,255,255);}

/* Content cell + subcells (subcells ARE in boxform) */
.content-cell-box {width:676px; background-color:transparent;}
.content-subcell-left-box {display:inline; float:left; width:333px; background-color:transparent;}
.content-subcell-right-box {display:inline; float:right; width:333px;  background-color:transparent;}
.content-subcell-cell-box {width:333px; background-color:rgb(255,255,255);}

/***************/
/* SUBCONTENT  */
/***************/

.subcontent-cell {width:270px; float:right; background-color:rgb(255,255,255);}

/************/
/*  FOOTER  */
/************/
.footer p {
	clear:both;
	line-height:1.3em;
	text-align:center;
	color:#666666;
	font-weight:bold;
	font-size:110%;
}
.footer p.credits {clear:both; font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell:after, .content-subcell-left:after, .content-subcell-right:after, .content-subcell-cell:after, .content-cell-box:after, .content-subcell-left-box:after, .content-subcell-right-box:after, .content-subcell-cell-box:after, .subcontent-cell:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-cell-corner-top:after, .content-cell-corner-bottom:after, .content-subcell-corner-top:after, .content-subcell-corner-bottom:after, .subcontent-cell-corner-top:after, .subcontent-cell-corner-bottom:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both; Do not use here to avoid paragraphs clearing next to images*/;  visibility:hidden;}