/* COLOURS
LINK PINK - #f24881
DARK PINK - #f1749e
LIGHT PINK - #fbd6e2
BLUE - #9fd6e2
*/

html, body {
height:100%;
}

body {
background:#fbd6e2 url(images/body_bg.gif) no-repeat top right;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -90px 0; /*the bottom margin is the negative value of the footer's height */
width:900px;
background:white url(images/wrap_bg.gif) repeat-y left;
}

#footer {
height: 90px; /* .push must be the same height as .footer */
width:900px;
background:white url(images/footer_bg.gif) no-repeat;
}

.push {
height:90px;
clear:both;
}

.clear {
clear:both;
margin-top:0;
height:1px;
width:100%;
overflow:hidden;
} 

#content_top {
width:710px;
height:90px;
background:white url(images/content_top.gif) no-repeat top left;
margin-left:190px;
margin-top:-145px;
}

#mainMenu {
width:160px;
margin-left:20px;
margin-top:55px;
float:left;
}

* html #mainMenu {
margin-left:10px;
}

#mainMenu li {
text-align:right;
font-size:13px;
position: relative;
font-weight:bold;
}

#mainMenu li#hotline {
width:160px;
height:93px;
margin:0;
padding:0;
}

#mainMenu li a {
background:none transparent;
color:white;
display:block;
width:155px;
padding-right:5px;
height:24px;
padding-top:6px;
border-bottom:1px solid #fbd6e2;
text-decoration:none;
}

#mainMenu li a:hover {
background:#fbd6e2;
color:#555;
padding-bottom:1px;
height:23px;
}

#mainMenu li#facebook a {
width:160px;
padding:2px 0 3px 0;
height:25px;
text-align:center;
}

	li ul {
	position: absolute;
	left: 160px;
	top: -1px;
	display: none;
	border: 1px solid #f1749e;
	border-left:0;
	}

	#mainMenu li li {
	background:#f1749e;
	}

	li ul li a {
	display: block;
	text-decoration: none;
	}
	
	li:hover ul, li.over ul { 
	display: block; 
	}

#content {
width:670px;
margin-left:200px;
}

#inner-content {
margin-right:250px;
}

#blueBox {
float:right;
width:250px;
background:transparent none;
}

/* TYPOGRAPHY STYLES */

h1 {
width:190px;
height:145px;
}

h2, h3, h4 {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-weight:bold;
}

h2 {
width:415px;
padding-left:5px;
height:33px;
padding-top:7px;
color:white;
background:#f1749e url(images/h2_bg.gif) no-repeat;
font-size:22px;
}

* html h2 {
margin-left:-3px;
}

#blueBox h2 {
width:245px;
padding-left:5px;
height:33px;
padding-top:7px;
color:#555;
background:white url(images/h3_bg.gif) no-repeat;
}

h2#eventDate {
background:transparent none;
padding-top:33px;
padding-left:20px;
color:#555;
}

h3 {
font-size:16px;
text-transform:uppercase;
color:#f24881;
margin:5px 15px;
padding:2px;
border-bottom:1px solid #9fd6e2;
}

#blueBox h3 {
margin:8px 5px;
padding:2px;
border-bottom:1px solid #fbd6e2;
color:white;
}

h3#error {
color:red;
font-weight:bold;
background:black;
border:0;
margin:5px 0;
}

h4 {
color:#666;
margin:8px 20px;
}

p {
color:#555;
font-size:12px;
margin:6px 20px;
padding:5px;
}

a {
color:#f24881;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:white url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:15px;
}

.blueList {
width:220px;
margin:10px auto;
}

.blueList li {
background:none transparent;
font-size:12px;
color:#555;
list-style:inside disc;
margin-top:5px;
}

.partnersList {
width:410px;
margin:5px auto;
}

.partnersList li {
width:185px;
height:60px;
padding:1px;
border:1px solid #ddd;
margin:5px 8px;
float:left;
}

* html .partnersList li {
margin:5px 4px;
}

.benefactorsList {
width:189px;
margin:auto;
}

.benefactorsList li {
width:185px;
height:60px;
padding:1px;
border:1px solid #ddd;
margin:10px 0;
}

#blueBox p {
margin:5px 10px;
color:#333;
line-height:18px;
}

#blueBox p a {
color:#333;
text-decoration:underline;
}

#blueBox p a:hover {
text-decoration:none;
}

#blueBox p.quote {
background:transparent url(images/blueBox_quote.gif) no-repeat top left;
padding:0;
padding-left:22px;
}

.dateBox {
width:48px;
height:48px;
float:right;
margin:0 10px;
text-align:center;
}

#blueBox .dateBox {
background:white url(images/blueBox_dateBox.gif) no-repeat;
}

#inner-content .dateBox {
background:white url(images/innerContent_dateBox.gif) no-repeat;
}

.dateBox .dateBox_month {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
letter-spacing:.5px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
}

#inner-content .dateBox .dateBox_month {
color:white;
}

#blueBox .dateBox .dateBox_month {
color:#f24881;
}

.dateBox .dateBox_day {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
color:#555;
font-size:22px;
font-weight:bold;
border-top:1px solid #fbd6e2;
}

#footer p {
margin:0;
padding:45px 0 0 0;
color:#666;
text-align:center;
font-size:11px;
line-height:16px;
}

/* INNER CONTENT FORM STYLES */
#inner-content form.searchForm {
width:400px;
padding:5px;
margin:5px auto;
}

.searchForm fieldset {
border:1px solid #fbd6e2;
padding:5px;
}

.searchForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #fbd6e2;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white
}

.searchForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:16px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:110px;
}

.searchForm .inputField {
width:160px;
height:20px;
padding:1px;
border:1px solid #fbd6e2;
color:#555;
float:left;
}

.submitButton {
float:right;
cursor:pointer;
height:25px;
padding:1px;
border:1px solid #fbd6e2;
color:white;
background: #f1749e;
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
}

* + html .searchForm .submitButton {
width:110px;
}

/* MAIN FORM STYLES */

.mainForm {
width:400px;
padding:5px;
margin:5px auto;
border:1px solid #e5e5e5;
}

.mainForm fieldset {
border:1px solid #fbd6e2;
padding:5px;
margin-top:5px;
}

.mainForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #fbd6e2;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:white;
}

.mainForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:14px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:135px;
margin-right:5px;
text-align:right;
}

.mainForm .inputField, .textField {
width:240px;
height:20px;
padding:1px;
border:1px solid #fbd6e2;
color:#555;
float:left;
margin-bottom:10px;
font-size:12px;
}

.mainForm .textField {
height:100px;
overflow:auto;
}

.mainForm label.checkLabel {
width:320px;
display: block;
}

.mainForm .checkBox {
height:20px;
width:20px;
margin-right:25px;
float:left;
text-align:center;
}

/* END MAIN FORM STYLES */

.paginationList {
width:400px;
min-height:30px;
height:30px;
padding:5px;
margin:5px auto;
}

.paginationList li {
float:left;
border:1px solid #fbd6e2;
text-align:center;
margin:2px;
padding:2px 4px;
font-size:12px;
color:#555;
background:#f1749e;
}

.paginationList li a {
text-decoration:none;
color:white;
}

.paginationList li a:hover {
color:#555;
}

.arrowList {
margin:10px 40px;
}

.arrowList li {
min-height:24px;
margin:5px;
background:white url(images/arrowList_marker.gif) no-repeat left top;
padding-left:30px;
padding-top:2px;
font-size:12px;
color:#555;
}

.teamBox {
width:400px;
margin:5px auto;
min-height:200px;
background:white url(images/teamBox_tile.gif) repeat-y center;
}

* html .teamBox {
height:200px;
}

.teamBox h3 {
margin:0;
width:390px;
height:27px;
padding:12px 0 0 10px;
background:white url(images/teamBox_top.gif) no-repeat top center;
border-bottom:1px solid white;
color:white;
}

.teamBox p {
color:#333;
margin:5px 15px;
}

.teamBox p a {
color:white;
}

.teamBox .teamBoxBottom {
width:400px;
height:10px;
background:white url(images/teamBox_bottom.gif) no-repeat bottom center;
}

.teamThumb {
float:right;
width:150px;
height:150px;
margin:5px 10px;
overflow:hidden;
}

/* BLUEBOX FORM STYLES */

#blueBox form {
width:220px;
margin:5px auto;
padding:5px;
}

#blueBox fieldset {
border:1px solid #fbd6e2;
padding:5px;
}

#blueBox legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#555;
border:1px solid #fbd6e2;
padding:2px 5px;
margin:2px 5px;
background:white
}

#blueBox label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:16px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
}

#blueBox .inputField {
width:202px;
height:20px;
padding:1px;
border:1px solid #fbd6e2;
color:#555;
}

#blueBox .submitButton {
float:right;
cursor:pointer;
padding:0 5px;
margin:5px;
border:1px solid #fbd6e2;
color:#555;
background:white;
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
}

.messageBox {
padding:4px;
border-top:5px solid #fbd6e2;
border-right:1px solid #fbd6e2;
margin:15px 10px;
margin-left:0;
}

.randomPhotos {
width:200px;
margin:5px auto;
}

#galleryList {
width:420px;
}

* html #galleryList {
margin-left:-3px;
}

#galleryList li {
width:130px;
padding-left:10px;
height:130px;
padding-top:10px;
background:white url(images/gallery_bg.gif) no-repeat;
float:left;
}

#catList {
margin:5px 10px;
}

#catList li {
background:#9fd6e2 url(images/catList_bg.gif) no-repeat left;
padding-left:25px;
font-size:12px;
margin-top:8px;
}

.productBox {
width:400px;
min-height:180px;
}

* html .productBox {
height:180px;
}

.prodThumb {
width:150px;
height:150px;
float:right;
}

.price {
font-size:25px;
color:#f1749e;
font-weight:bold;
}

form#cartForm {
width:390px;
margin:5px auto;
padding:5px;
}

#cartForm input {
padding:2px;
border:1px solid #ddd;
}

#cartForm table {
font-size:12px;
width:370px;
margin:auto;
color:#555;
padding:2px;
border-collapse:collapse;
}

#cartForm td {
border-bottom:1px solid #ddd;
padding:3px;
}

#cartTitles td {
font-weight:bold;
}

#cartForm .submitButton {
float:none;font-size:12px;font-weight:bold;
margin-top:5px;
}

.notice {
/*width:80px;
height:80px;
*/
float:right;
margin:0 10px;
}

#thermoBox {
width:212px;
height:220px;
float:right;
margin:0 5px 10px 10px;
}

table#teamTable {
width:400px;
margin:5px auto;
padding:2px;
border-collapse:collapse;
font-size:12px;
}

#teamTable th, #teamTable td {
color:#444;
padding:4px;
border:1px solid #ddd;
}

#teamTable th {
text-align:right;
}

#teamTable td {
text-align:left;
}