/* jean.css : stylesheet for Jean 26.02.07 */
                  
/*----------- Styles for standard elements -----------------*/

/*---- White Background, centred, 912 min-width ----*/
body
{ 
	background-color: #ffffff;
	text-align: center; min-width: 912px;
	margin-top: 0px; margin-bottom: 0px;
	padding-top: 15px; padding-bottom: 15px;
}
.center_body {
	text-align: center;
}


h1
{
	font: 24px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #990033; background-color: transparent;
	line-height: 160%; text-align: left;
	margin-left: 15px;  margin-top: 10px; margin-bottom: 0px;
}

h2
{
	font: 18px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #990033; background-color: transparent;
	line-height: 160%; text-align: left;
	margin-left: 15px;  margin-top: 5px; margin-bottom: 10px;
}

h3
{
	font: 16px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #990033; background-color: transparent;
	line-height: 100%; text-align: left;
	margin-top: 0px; margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 5px;
}

h4
{
	font: 12px verdana, arial, helvetica, sans-serif; font-weight: bold; 
	color: #666666; background-color: transparent;
	line-height: 160%; text-align: left;
	margin-top: 10px; margin-bottom: 5px;
}

h5
{
	color: #990033; background-color: transparent;
	font: 15px verdana, arial, helvetica, sans-serif;
	line-height: 100%;
	border-bottom: 1px solid #dddddd;
	margin: 0px;
	padding-bottom: 5px;
}

p 
{
	font: 11px verdana, arial, helvetica, sans-serif; 
	color: #000000; background-color: transparent;
	line-height: 160%; text-align: justify;
	margin-bottom: 0px; margin-top: 0px;
	text-indent: 15px;
}


/*----------- Styles for modified elements etc ---------------*/

p.noindent 
{
	text-indent: 0px;
}

img
{
	border: none;
}

/* IMAGE-RELATED STYLES - set DIVs to width of pic */

/* Centre */ 
.picHolderC {text-align:center; padding-top:10px; padding-bottom: 10px;}	

/* Top Centre - No top padding */  	
.picHolderTC { text-align:center; padding-bottom:10px;}

/* Left */ 
.picHolderL {float: left; padding-right: 12px; padding-top: 6px;}

/* Right */ 
.picHolderR {float: right; padding-left: 12px; padding-top: 6px;}

/* Centre for thumbnails */ 
.thumbHolder {text-align:center; padding-top:10px; padding-bottom: 10px;}

.thumbHolder img {padding-left:10px; padding-right: 10px;}


p.caption
{
	text-indent:0px;
	font: 9px verdana, arial, helvetica, sans-serif; 
	text-align:center;
}

/*----------- Wrapper for centring: 820px + 12px for IE6 -------------*/
#wrapper
{
	position: relative;
	text-align: left;
	width: 767px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000000; border-right: 1px solid #000000;
	color: #000000; background-color: #ffffff;
}

#header
{
	color: #000000; background-color: #eeeeee; 
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

/*------------------ Menu and Link Styles ------------------*/

#menu
{
	font: 12px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 140%; text-align: left;
	color: #999999; background-color: #eeeeee;
	padding-left: 15px; 
	padding-top: 12px; padding-bottom: 15px;
	border-bottom: 1px solid #000000;
}

#menu a 
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
	padding-right: 15px;
}

#menu a:visited
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
}

#menu a:hover
{
	color: #990033; background-color: transparent;
	outline: none; text-decoration: none;
}

#menu a:active 
{
	color: #990033; background-color: transparent;
	outline: none; text-decoration: none;
}

#menu .selected
{
	padding-right: 15px;
}

/*--------- Style for three columns 130px, 560px, 210px in content area ---------*/

#left
{
	color: #000000;
	background-color: #ffffff;
	font: 10px verdana, helvetica, arial, sans-serif;
	text-align: center;
	line-height: 160%;
	float: left;
	width: 550px;
	padding: 0px;
}

#centre
{
	color: #000000; background-color: #ffffff;
	font: 10px verdana, helvetica, arial, sans-serif;	
	text-align: justify; line-height: 160%;
	float: left;
	padding-left: 15px; padding-right: 15px;
	padding-top: 25px; padding-bottom: 30px;
	width: 700px;
}
#content {
	width: 400px;
}


#centre a
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
}

#centre a:visited
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
}

#centre p a:hover
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
	padding-bottom: 2px;
	border-bottom: 1px dotted;
}

#centre a:active 
{
	color: #999999; background-color: transparent;
	outline: none; text-decoration: none;
}

#right
{
	color: #000000;
	background-color: #ffffff;
	font: 11px verdana, helvetica, arial, sans-serif;
	text-align: left;
	line-height: 160%;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 27px;
	width: 180px;
	margin-top: -185px;
}

#right ul 
{
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#right ul li 
{
	display: block;
	color: #999999;  background-color: transparent;
	border-bottom: 1px solid #dddddd;
	padding-top: 5px; padding-bottom: 5px;
}

#right ul li a 
{
	color: #333399;  background-color: transparent;
	text-decoration: none !important;	
}

#right a:visited
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
}

#right a:hover
{
	color: #333399; background-color: transparent;
	letter-spacing: 1px;
	outline: none; text-decoration: none;
}

#right a:active 
{
	color: #333399; background-color: transparent;
	outline: none; text-decoration: none;
}

/*----------------------------- footer and clearer -------------------------*/

#footer
{
	color: #000000; background-color: #eeeeee;
	font: 10px verdana, helvetica, arial, sans-serif; text-align: right; line-height: 160%;
	padding-left: 15px; padding-right: 15px;
	padding-top: 10px; padding-bottom: 10px;
	border-bottom: 1px solid #000000;	border-top: 1px solid #000000;
	clear: both;
}

/* Needed to clear two columns for IE - font-size prevents IE6 applying extra space below */

div.clearer 
{
    clear: both;
    height: 0px;
    margin: 0px;
    line-height: 0px;
    font-size: 1px; 
}