/*
This rule defines the positining and dimensions of the main layout div. It SHOULD NOT BE MODIFIED by hand.
*/
div.transparent_header{
	margin-right:auto;
	margin-left:auto;
	position:static;
	width:800px;
}
/*
Body CSS rules start

This section holds the CSS rules for the HTML body and may also contain general typography definitions. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
.transparent_header_body_design{
	background-color:#fafafa;
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:left top;
	background-image:url('../../images/gradient.png');
	margin:0px;
	padding:0px;
}

.transparent_header_body_design h2{
	color:#099000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:24px;
	line-height:150%;
}

/*Body CSS rules end*/

/*
Container Boxes design CSS rules start

In this section are found design rules for the Boxes that are used as containers for other Boxes. Styles defined here are applied on all the container's respective children. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .transparent_header_wrapper_design{
	background-color:transparent;
	margin:0px;
	padding:0px;
	min-height:325px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:325px;
}

/*Container Boxes design CSS rules end*/

/*
Content Boxes design CSS rules start

This section holds the CSS rules for the content Boxes. The content Boxes are divs that will hold the page content (text, images etc., but not other Flexi CSS Layouts Boxes). You may also find typography rules here. If you want to check or change any CSS property you will probably find it here. Although it is recomended that you do all the editing with the Flexi CSS Layouts Editor, you may change any property that is not a dimension. (Don't change things like 230px, 20% or 14em)
*/
div.cssLO .transparent_header_header_design{
	background-color:transparent;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-position:left top;
	background-image:url('../../images/logo_small.png');
	margin:0px;
	padding-top:20px;
	padding-right:50px;
	padding-bottom:0px;
	padding-left:50px;
	min-height:55px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:55px;
}

div.cssLO .transparent_header_content_design{
	background-color:#ffffff;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin:0px;
	padding-top:20px;
	padding-right:80px;
	padding-bottom:20px;
	padding-left:80px;
	border:solid 2px #cccccc;
	min-height:156px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:156px;
}

.transparent_header_content_design a{
	color:#0066CC;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:150%;
}

.transparent_header_content_design a:hover{
	color:#0099cc;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:150%;
}

.transparent_header_content_design a:visited{
	color:#0066CC;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:150%;
}

.transparent_header_content_design a:active{
	color:#0066CC;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:150%;
}

.transparent_header_content_design p{
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	line-height:150%;
}

.transparent_header_content_design h1{
	color:#cc0000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:'Arial Black', Gadget, sans-serif;
	text-align:center;
	font-size:36px;
	line-height:150%;
}

.transparent_header_content_design h2{
	color:#cc0000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:'Arial Black', Gadget, sans-serif;
	text-align:center;
	font-size:24px;
	line-height:150%;
}

.transparent_header_content_design h3{
	color:#000000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:18px;
	line-height:150%;
}

div.cssLO .transparent_header_footer_design{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	color:#000000;
	background-color:transparent;
	font-size:-10px;
	line-height:-10px;
	margin:0px;
	padding-top:20px;
	padding-right:50px;
	padding-bottom:20px;
	padding-left:50px;
	min-height:10px;/*The min-height and the two succesive height style definitions are needed to define a minimum height for IE6 because it does not recognize the min-height CSS property.*/
	height:auto !important;
	height:10px;
}

.transparent_header_footer_design a{
	color:#999999;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.transparent_header_footer_design a:hover{
	color:#666666;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.transparent_header_footer_design a:visited{
	color:#999999;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.transparent_header_footer_design a:active{
	color:#999999;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.transparent_header_footer_design p{
	color:#999999;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

/*Content Boxes design CSS rules end*/

/*
Layout CSS rules start

This section contains layout rules that handle the positioning and dimensions of each layout element. Please DO NOT MODIFY this by hand!
*/
.transparent_header_wrapper_layout{
	width:800px;
}

.transparent_header_header_layout{
	width:100%;
	margin-right:auto;
}

.transparent_header_content_layout{
	width:100%;
	margin-right:auto;
}

.transparent_header_footer_layout{
	width:100%;
	margin-right:auto;
}

/*Layout CSS rules end*/