@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* This makes your default font size 10px */
	margin: 0;
	padding: 0;
	text-align: center; /* ONLY FOR IE */
	background: #27aad5 url(../images/background.gif) top repeat-x;
}


A:LINK, A:VISITED { 
	color: #b52054;
}

A:HOVER {
	color: #f550a4;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0 0 0.5em 0;
	line-height: 1.1em;
}

h1 {
	font-size: 280%;
	color: #1aaaea;
	margin: 0 0 1em 0;
}

h2 {
	font-size: 210%;
	color: #c8255e;
	margin: 0 0 .5em 0;
}

h3 {
	font-size: 140%;
	color: #000000;
	margin: 0 0 .25em 0;
}



h4 {
	font-size: 140%;
	color: #FFFFFF;
}


h5 {
	font-size: 400%;
	color: #f2f2f2;
	margin: 0em 0 0.2em 0;
}


h6 {
	font-weight: bold;
	font-size: 160%;
	color: #00000;
	margin: 0 0 0 0;
}



p {
	font-size: 130%;
	line-height: 1.4em;
	margin: 0 0 1em 0;
}


UL, OL {
	
	margin: 0 0 2em 20px;
	padding: 0;
}

LI {
	font-size: 120%;
	line-height: 1.2em;
	margin: 0 0 0.25em 0;
	padding: 0;
}

/* CLEARFIX */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


.clear {
	clear: both;
	height: 1px;
	margin: 0; padding: 0;
	
}


/* STRUCTURE 
----------------------------- */

#wrapper-outer {
	width: 100%;
	height: 500px;
	background: url(../images/flower-background.png) top center no-repeat;
}

#wrapper {
	width: 875px;
	margin: 0 auto;
	text-align: left;
}

#header {
	border-bottom: 20px solid #4e306e;
}

#footer {
	border-top: 20px solid #4e306e;
}

div.program #header { border-bottom: 20px solid #054960; }
div.program #footer { border-top: 20px solid #054960; }

div.register #header { border-bottom: 20px solid #940224; }
div.register #footer { border-top: 20px solid #940224; }

div.hotel #header { border-bottom: 20px solid #b52054; }
div.hotel #footer { border-top: 20px solid #b52054; }

div.newsletter #header { border-bottom: 20px solid #fe6e02; }
div.newsletter #footer { border-top: 20px solid #fe6e02; }

div.pictures #header { border-bottom: 20px solid #3885a8; }
div.pictures #footer { border-top: 20px solid #3885a8; }

div.contact #header { border-bottom: 20px solid #96ac02; }
div.contact #footer { border-top: 20px solid #96ac02; }

div.blog #header { border-bottom: 20px solid #dd9f00; }
div.blog #footer { border-top: 20px solid #dd9f00; }



/* HEADER AREA 
---------------------------------------- */


#header UL {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

#header UL LI {
	display: inline;
	font-size: 180%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: white;
	line-height: 40px;
	margin: 0; padding: 0;
}

#header UL LI A:link,
#header UL LI A:visited {
	display: inline-block;
	height: 40px;
	padding: 0 16px;
	margin: 0 3px 0 0;
	color: white;
	text-decoration: none;
}

#header LI.home A:link, #header LI.home A:visited {	background: #4e306e url(../images/button-purple.gif) top repeat-x; }
#header LI.home A:hover { background: #4e306e url(../images/button-purple-on.gif) top repeat-x; }

#header LI.program A:link, #header LI.program A:visited {	background: #054960 url(../images/button-teal.gif) top repeat-x; }
#header LI.program A:hover { background: #054960 url(../images/button-teal-on.gif) top repeat-x; }

#header LI.register A:link, #header LI.register A:visited {	background: #940224 url(../images/button-red.gif) top repeat-x; }
#header LI.register A:hover { background: url(../images/button-red-on.gif) top repeat-x; }

#header LI.hotel A:link, #header LI.hotel A:visited {	background: #b52054 url(../images/button-pink.gif) top repeat-x; }
#header LI.hotel A:hover { background: url(../images/button-pink-on.gif) top repeat-x; }

#header LI.newsletter A:link, #header LI.newsletter A:visited {	background: #fe6e02 url(../images/button-orange.gif) top repeat-x; }
#header LI.newsletter A:hover { background: url(../images/button-orange-on.gif) top repeat-x; }

#header LI.pictures A:link, #header LI.pictures A:visited {	background: #3885a8 url(../images/button-blue.gif) top repeat-x; }
#header LI.pictures A:hover { background: url(../images/button-blue-on.gif) top repeat-x; }

#header LI.contact A:link, #header LI.contact A:visited {	background: #96ac02 url(../images/button-green.gif) top repeat-x; }
#header LI.contact A:hover { background: url(../images/button-green-on.gif) top repeat-x; }

#header LI.blog A:link, #header LI.blog A:visited {	background: #dd9f00 url(../images/button-yellow.gif) top repeat-x; }
#header LI.blog A:hover { background: url(../images/button-yellow-on.gif) top repeat-x; }


/* PROMO AREA 
---------------------------------------- */

#promo {
	height: 240px;
	background: url(../images/frontpage-image-fr.gif) top center no-repeat;
	padding: 50px 200px 0px 50px;
	
	border-bottom: 5px solid #4e306e;
}


/* CONTENT AREA 
---------------------------------------- */


#content {
	padding: 0;
	background: white url(../images/sidebar-bg.gif) top left repeat-y;
}

#content .sidebar {
	width: 160px;
	float: left;
	
	padding: 25px 15px;
	margin: 0 25px 0 0;
}

#content .main {
	padding: 25px 30px;
	margin: 0 35px 0 180px;
}


#wrapper.home #content {
	background: white;
	padding: 25px 30px;
}

#wrapper.home #content DIV {
	width: 250px;
	float: left;
}

#wrapper.home .leftcol, #wrapper.home .midcol {
	border-right: 1px solid #b8acc5;
	padding-right: 15px;
	margin-right: 15px;
}

#wrapper.home #content h2 {
	color: #4f3170;
	font-size: 180%;
}


/* FOOTER AREA 
---------------------------------------- */

#footer {
	color: black;
	clear: both;
}

#footer UL {
	font-weight: bold;
	list-style: none;
	margin: 0.25em 0 0.5em 0;
	padding: 0;	
}

#footer A:link,
#footer A:visited {
	color: black;
}

#footer UL LI {
	font-size: 100%;
	display: inline;
	margin: 0;
	padding: 0 10px 0 6px;
	border-right: 1px solid black;
}

#footer P {
	margin: 0;
		font-size: 100%;
}