body {
	font: 13px/1.5 "Trebuchet MS", "Geneva CE", lucida, sans-serif;
	color: #333;
	background: #FFF url("../images/body-bg.png") repeat-x 0 10px;
	margin: 10px;
}

ul.list > li, ul.list ul > li {list-style-image: url("../images/li.png");}

img {border:none;}

a {color: #D70C8C}
a:visited {color:#F1169F}
a:hover {color:black}

#page {width: 960px; margin: 0 auto; position: relative; padding: 0 8px;}

#page-left-top {width:11px; height: 236px; display:block; background: url("../images/header-left.png"); z-index: 10; position:absolute; left: 0; top: 0;}
#page-right-top {width:11px; height: 236px; display:block; background: url("../images/header-right.png"); z-index: 10; position:absolute; right: 0; top: 0;}
#page-left-bottom {width:10px; height: 120px; display:block; background: url("../images/bottom-left.png"); z-index: 10; position:absolute; left: 0; bottom: 0;}
#page-right-bottom {width:10px; height: 120px; display:block; background: url("../images/bottom-right.png"); z-index: 10; position:absolute; right: 0; bottom: 0;}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

.middle {padding: 10px 17px 10px 20px;}

#content {
	margin: 0;
}
#content table {
	border-collapse: collapse;
}
#content table th, #content table td {
	padding: 2px 5px; border: 1px solid #444; text-decoration: center;
}
#content table th {background: #D70C8C; color: white;}

form td, form th {border: none !important; text-align: left !important;}
form th {text-align:right !important; background:none !important; color:#444 !important;}

.login, .login form, .login div, .login h4, .login p, .login ul, .login li {display:inline; margin:0 0 5px; padding:0; list-style-type: none;}

#sidebar {
	float: right;
	width: 300px;
	margin: 0;
}

#content .left {float: left; width: 600px;}

#content .right {float: right; width: 292px;}
.right h2, .right h3 {text-transform: uppercase; color: white; background: url("../images/box-heading.png"); padding: 5px 15px; font-size: 100%; margin:0;}
#content .box-top {height: 9px; background: url("../images/box-top.png");}
#content .box-bottom {height: 10px; background: url("../images/box-bottom.png");}
#content .box-middle {padding: 15px; background: url("../images/box-middle.png");}

#header {
	background: #FFF url("../images/header-bg.png") repeat-x;
	height: 180px;
	margin: 0;
}

#header .logo {
	display:block; position:absolute; left:20px; top:9px;
}
#header .logo img {display:block}

#header .menu, #header .menu li {
	margin:0; padding: 0; list-style-type: none; height: 48px;
}

#header .menu {
	position: absolute; left: 17px; top: 127px;
	background: url("../images/menu-middle.png") repeat-x;
}

#header .slogan {
color:white;
font-size:130%;
left:30px;
position:absolute;
top:70px;
}

#header .menu li {
	float: left;
}

#header .menu li.first {width:10px; background: url("../images/menu-left.png") no-repeat;}
#header .menu li.last {width:10px; background: url("../images/menu-right.png") no-repeat;}

#header .menu strong, #header .menu a {display:block; line-height: 41px; padding: 0 5px; font-size: 110%; color:black; text-decoration: none;}
#header .menu a:hover {color: #D70C8C}
#header .menu strong.active {color: #D70C8C; height: 48px; display:block; _display: inline; background: url("../images/menu-active.png") no-repeat 50% 0; _background:none;}

h1, h2, h3, h4 {color: #D70C8C;}
h1, h2, h3 {padding-left: 40px; background: url("../images/heading.png") no-repeat 0 50%;}
h1 {margin-top:0; font-size: 150%;}
h2 {font-size: 130%}
h3 {font-size: 110%}
h4 {font-size: 100%}

#header .languages {
	text-transform: uppercase; font-size: 110%; position: absolute; top: 40px; right:28px; font-weight:bold; color: #444;
}

#header .contact {
	width: 261px; height: 60px; position: absolute; top: 78px; right:25px; padding: 15px;
	background: url("../images/contact.png");
}
#header .contact h4, #header .contact p {margin: 0 0 0 5px; font-size: 100%;}
#header .contact h4 {text-transform: uppercase; padding-top: 4px;}
#header .contact p strong {color: #FD9618}

#header .bubbles {
	width: 214px; height: 96px; position: absolute; top: 15px; right:230px;
	background: url("../images/bubbles.png");
}

#footer {
	background: #FFF url("../images/bottom.png") repeat-x 0 100%;
	padding: 10px 10px 16px;
	clear:both;
}

#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/loader.gif') no-repeat 50% 50%;
    padding: 13px;
    border: 2px solid #CCC;
    font-size: 0;
}