@import url("style.dcss?file=reset_basic.css");

img, div, a, input, span, ul, li { behavior: url(iepngfix.htc) }

html
{
	min-height:100%;
	height:auto !important;
	height:100%;	
}

body
{
	font-family: Arial, Sans-Serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	text-align: left;
	color:#003366;	
	height:100%;
	background-attachment:fixed;
	background-image:url(../images/blank.gif);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#9ccae2;
	z-index:1;
}

#page-container
{
	background-image:url(../images/bg-clouds.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	width:100%;
	margin:0 auto;	
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	padding:0 0 190px 0;
}

#banner
{
	width:975px;
	height:119px;
	margin:0 auto;
	position:relative;
}

#banner h1
{
	padding:41px 0 0 0;
	width:388px;
	overflow:hidden;
	height:0;
	background-image:url(../images/site-logo.gif);
	position:absolute;
	top:45px;
}

#banner #homelink
{
	position:absolute;
	width:388px;
	height:81px;
	top:29px;
	left:0;
	background-image:url(../images/blank.gif);
	background-repeat:repeat;
}

#banner #menu
{
	float:right;
	width:570px;
	padding:60px 0 0 0;
}

#banner #menu ul
{
	float:right;
	padding:0;
	margin:0;
	list-style-type:none;
}

#banner #menu ul li
{
	float:left;
	position:relative;
	display:inline;
	margin:0 0 0 15px;
}

#banner #menu ul li.last
{
	width:150px;
}

#banner #menu ul li a
{
	text-decoration:none;
	font-size:1.2em;
	padding:0;
	color:#3399cc;	
}

#banner #menu ul li.selectedl1 a
{
	color:#006699;
}

#banner #menu ul li.selectedl1 .menuarrow,
#banner #menu ul li.childselectedl1 .menuarrow
{
	position:absolute;
	display:block;
	width:38px;
	height:32px;
	background-image:url(../images/menu-arrow.gif);
	top:-36px;
	left:50%;
}

#submenu
{
	height:30px;
	width:100%;
	background-color:#cc3366;
}

#submenu-inner
{
	height:30px;	
	width:970px;
	margin:0 auto;
}

#submenu-inner ul
{
	float:right;
	padding:0;
	margin:0;
	list-style-type:none;
}

#submenu-inner ul li
{
	float:left;
	padding:0;
	margin:0;
}

#submenu-inner ul li a
{
	color:#fff;
	text-decoration:none;
	font-size:1.2em;
	padding:4px 0 0 30px;
	display:block;
}

#submenu-inner ul li.selectedl2 a
{
	color:#ff9900;
}

#grass
{
	width:100%;
	height:190px;
	position:absolute;
	bottom:0px;
	background-image:url(../images/bg-grass.png);
	background-position:center bottom;
	background-repeat:repeat-x;
}

#grass #logos
{
	background-image:url(../images/line.png);
	background-position:left top;
	height:50px;
	width:938px;
	margin:110px auto 0 auto;
	padding:25px 32px 0 0;
}

#grass #logos a,
#grass #supported-by
{
	float:right;
	padding:0 0 0 25px;
}

#content
{
	width:970px;
	margin:0 auto;
	clear:both;
}



#home-left
{
	width:450px;
	float:left;
	display:inline;	
	margin:27px 0 0 0;
}

#home-right
{
	width:510px;
	float:right;
	display:inline;
	background-image:url(../images/doodle-stars.png);
	background-position:left 4px;
	padding:55px 0 0 0;
}

#home-right img
{
	float:right;
}

#home-left h2
{
	margin:0 0 8px 0;
}

#home-left #hl-intro
{
	padding:0 0 0 30px;
}

#home-left #hl-quicklinks
{
	background-image:url(../images/home-quicklinks.gif);
	width:450px;
	height:202px;
	padding:10px 0 0 0;
	margin:10px 0 0 0;
}

#home-left #hl-quicklinks a
{
	width:120px;
	height:150px;
	display:block;
	float:left;
	display:inline;
	background-image:url(../images/blank.gif);
}

#home-left #hl-quicklinks a#ql1
{
	margin:0 20px 0 20px;
}

#home-left #hl-quicklinks a#ql2
{
	margin:0 30px 0 0;
}

#home-left #hl-skystation
{
	margin:10px 0 0 0;
}

#home-left .slide-toggle
{
	color:#fff;
	cursor:pointer;
	text-decoration:underline;
}

#content-left
{
	width:420px;
	padding:50px 0 0 30px;
	float:left;
}

#content-right-text
{
	width:420px;
	padding:0 0 0 0;
	float:left;
	display:inline;
	margin:0 0 0 70px;
	text-align:left;
}

#content-right
{
	width:510px;
	padding:65px 0 0 0;
	float:left;
	text-align:center;	
	position:relative;
}

#content .noimage
{
	padding:50px 0 0 0;
}

#content-right .doodle-box
{
	background-image:url(../images/doodle-circles.png);
	background-position:7px 80px;
	min-height:350px;
	height:auto !important;
	height:35px;
	margin:0 0 30px 0;
	position:relative;
}

#content-right .doodle-box .carousel-slide
{
	position:absolute;
	top:0;
	left:80px;
}

#community-quicklinks
{
	width:451px;
	height:213px;
	background-image:url(../images/community-group-quicklinks.png);
	position:relative;
	top:-70px;
	margin:0 0 0 30px;
}

#community-quicklinks a
{
	width:120px;
	height:150px;
	display:block;
	float:left;
	display:inline;
	background-image:url(../images/blank.gif);
}

#community-quicklinks a#ql1
{
	margin:0 20px 0 20px;
}

#community-quicklinks a#ql2
{
	margin:0 30px 0 0;
}

.intro-text-marydale
{
	font-size:1.9em;
	color:#fff;
}

/********** IMAGE LIBRARY ***********/

#image-gallery
{
	padding:0 0 0 30px;
	position:relative;
}

.button-link
{
	float:right;
	display:inline;
	margin:0 74px 0 0;
}

#ig-wrapper
{
	position:relative;
	
}

h3.arrow-header
{
	padding-bottom:5px;
	background-image:url(../images/h3-arrow.gif);
	background-position:143px 13px;
	margin-bottom:18px;
	position:relative;
}

.il-container
{
	width:94px;
	height:109px;
	background-image:url(../images/bg-image-gallery-thumb.png);
	padding:7px 0 0 6px;
	float:left;
	display:inline;
	margin:0 14px 14px 0;
	
}

.il-container .il-title,
.il-container .il-pixels,
.il-container .il-filesize,
.il-container .il-date,
.il-container .il-type,
.il-container .il-view
{
	display:none;
}
	
	
.winner-group
{
	background-image:url(../images/doodle-stars.png);
	background-position:left bottom;
	padding:0 0 40px 0;
	margin:0 0 15px 0;
}

.winner-group .wg-container
{
	width:270px;
	height:326px;
	float:left;
	background-image:url(../images/bg-winner-image.png);
	margin:0 0 0 35px;
	display:inline;
	padding:15px 0 0 15px;
	position:relative;
}

.winner-group h3
{
	background-image:url(../images/line.png);
	background-image:url(../images/line-blue.gif);
	background-position:left top;
	padding:18px 0 0 35px;
}

.winner-group .wg-position
{
	font-size:1.9em;
	color:#3399cc;
	position:absolute;
	top:268px;
	left:15px;
}

.winner-group .wg-name
{
	position:absolute;
	right:24px;
	top:300px;
}

#googlemap
{
	padding:20px 20px 1px 20px;
	background-color:#9CCAE2;
}

#googlemap a
{
	text-decoration:none;
	color:#fff;
}



