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

/* fix stupid HTML rendering defaults */

p, ul, ol { margin-top:0; margin-bottom:1em}
a img { border:0;}
sup { font-size:0.85em; vertical-align:text-top;}


body {
	font-size:100%;
	line-height:100%;
	padding:30px;
}

#base {
	width:980px;
	margin: 0 auto;
	font-family:Helvetica, Arial, sans-serif;
}

/* top logo replaced H1 text */
h1 a {
	display:block;
	width:88px;
	height:53px;
	margin-left:892px;
	margin-top:0px;
	margin-bottom:0px;
	background-image:url(../images/logo_supreme.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-10000px;
	overflow:hidden;
}

#page {
	margin-top:13px;
	border:1px solid #949698;
	padding:0px;
	width:980px;
	overflow:hidden;
	position:relative;
}

#mainImage {
	width:477px;
	height:598px;
	margin-right:28px;
	margin-bottom:0px;
	float:left;
	display:block;
	overflow:hidden;
}

/* Navigation */
#nav {
	position:absolute;
	left:497px;
	top:25px;
	padding:5px 0px;
	width:575px;
	height:15px;
	/*margin-top:30px;*/
	margin-bottom:25px;
	/*float:left;*/
	font-size:0.5625em; /* 9 pt font */
	/*background-color:#fff;*/
}
#nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#nav li { 
	display:inline;
	padding-right:14px;
	color:#EE3124;
}
#nav a:link, #nav a:visited { text-decoration:none; color:#808285;}
#nav a:hover, #nav a:active { text-decoration:none; color:#EE3124;}

#content {
	font-size:0.6875em; /* 11 pt font */
	line-height:1.3em; /* 13 pt line height */
	padding-right:10px;
	margin-top:70px;
	color:#808285;
	width:460px;
	float:left;
	overflow:hidden;
}

#content h2 {
	font-size:4.6em;
	line-height:1em;
	font-weight:normal;
	color:#0067b1;
	margin-top:0px;
	margin-bottom:0.5em;
}

#content h3 {
	font-size:1em;
	font-weight:normal;
	margin:0px;
	color:#0067b1;
}
#content h4 {
	font-weight:normal;
	font-size:1em;
	margin-bottom:0px;
}
#content a:link, #content a:visited { color:#0067b1;}
#content a:hover, #content a:active { color:#EE3124;}

ul.noBullets { list-style:none; margin-left:0px; padding-left:0px;}

/* intro page */
.flashIntro #nav {
	width:625px;
	position:absolute;
	left:477px;
	top:25px;
	/*margin-top:25px;*/
	z-index:100;
	background-image:url(../images/nav_bg.png);
	background-repeat:repeat;
	background-position:top left;
}
.flashIntro #nav .first { padding-left:20px;}
.flashIntro #intro { 
	margin-top:-75px;
	position:relative;
	z-index:-100;
	width:980px;
	height:600px;
	overflow:hidden;
}

/* Community */
.wiccLogo { display:block; margin-top:155px;}

/* Partners */
.logoBlock {
	margin:1em 0 2em 0;
	width:458px;
	height:auto;
	overflow:hidden;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-10000px;
}
.logoBlock ul { 
	list-style-type:none;
}
.partners1 { background-image:url(../images/logos_partners1.png); height:121px;}
.partners2 { background-image:url(../images/logos_partners2.png); height:62px;}

/* Tips */
#tipsContainer { 
	/*overflow:auto;
	height:300px;*/
	margin-bottom:10px;
}
.tip { margin:0px;}
#content h3.tipsHead { 
	color:#EE3124;
	margin-top:1em;
	margin-bottom:0;
}
#content .tip h4 { margin:0px;}
#content .tip p {
	padding-left:15px;
	margin-bottom:0.5em;
	display:none;
}
#content .tip a:link, #content .tip a:visited { text-decoration:none; color:#808285;}
#content .tip a:hover, #content .tip a:active { text-decoration:none; color:#0067b1;}
#content .tip.open a:link, #content .tip.open a:visited { text-decoration:none; color:#0067b1;}
#content .tip.open a:hover, #content .tip.open a:active { text-decoration:none; color:#0067b1;}

/* Contact Maps */
#content .map {
	width:219px;
	height:175px;
	overflow:hidden;
	float:left;
	margin:1em 0;
}
#content .map p {
	margin:0px;
}
#content .map p.contact {
	padding-left:42px;
	text-indent:-42px;
}

#content .leftMap {
	margin-right:22px;
}