@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:none;}

body{
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	background-position:top;
	background-repeat:repeat-x;
	background-image:url(../gfx/interface/girlclock/banner_tile.jpg);
	overflow-x:hidden;
}

.websiteContainer{
	width:1026px;margin:auto;text-align:left;
	background-image:url(../gfx/interface/girlclock/full_bg.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	background-color:#ffffff;
	}


.websiteContainer .banner{

	width:100%;
	height:100px;
	background-image:url(../gfx/interface/girlclock/header_tile.jpg);


}
.websiteContainer .gclogotop{
	float:left;
	height:100px;
	width:176px;
	background-image:url(../gfx/interface/girlclock/clock_banner.jpg);

}
.websiteContainer .clock_nav{
	height:28px;


}
.websiteContainer .banner .logo{margin-top: 40px; margin-left: 60px; width:227px; float:left;}



.websiteContainer .banner .floating_nav{margin-top: 40px; margin-left: -20px; width:227px; float:left;}

/*###################suckerfish##########################*/


.websiteContainer .nav{
	padding-left:18px;
	height:28px;
	background-image:url(../gfx/interface/girlclock/nav_tile.jpg);
	background-position:top;

	}
.nav ul { /* all lists */
	padding: 0;
	margin:0px 0 0 0;
	list-style: none;
	line-height: 1;
	width:100%;
}

.nav a {
	display: block;
	width: auto;
	margin:2px 0px 2px 0px;
	padding:4px 8px 4px 8px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size:0.9em
}

.nav li { /* all list items */
	padding-top:0px;
	float: left;
	text-decoration:none;
	font-weight:bold;
	width:auto;
}


.nav li ul li{background-color: #4accfc;padding-top:0;}
.nav li ul li a{font-size:0.9em;width:160px;color:#FFFFFF;padding:3px 3px;}


.nav li ul { /* second-level lists */
	border:solid 2px #ffffff;
	-moz-border-radius:5px;
	/*padding-top:10px;*/
	margin:0;
	position: absolute;
	text-align:left;
	padding-bottom: 0px;
	padding-left: 10px;
	z-index: 500000;
	background-color: #FFFFFF;
	width: 170px;
	left: -999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}

.nav ul li .HasChildren {
	background-image:url('../gfx/interface/wessex/wessex_menu_bullet_teir_2.jpg'); background-repeat:no-repeat; background-position: center right; margin-right: 10px;
}

.nav li ul .HasChildren a {
	background-image:url('../gfx/interface/wessex/wessex_menu_bullet_teir_2.jpg'); background-repeat:no-repeat; background-position: center right; 
}
.nav li ul .HasChildren a:hover {
	color:#ff58f1;
}



.nav li ul .HasChildren ul a{background-image:none;}

.nav ul li .FirstMenuItem{
	margin-top: 0px;
	margin-left: 0px;
	display:block

	
}
.nav li ul li .FirstMenuItem{
	margin-top: 0px;
}
.nav li ul ul { /* third-and-above-level lists */
	margin: -20px 0 0 12em;
	padding-top:0px;
	background-image:none;
}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;

	
}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-color:#4accfc;color:#666666;
}

.nav li a:hover{background-color:#4accfc ;color:#000000;}

.nav  li:hover ul, .nav li.sfhover ul{
	background-color:#4accfc:
}
.websiteContainer .mainContent {
	clear: left; 
}
/*###########################end suckerfish#####################*/

/*##########home page styleszzzz######*/
.websiteContainer .homePageContainer{ 
	/*height:370px; */
	margin-left:100px; 
	*margin-left:0px; 
}

.BodyText {
margin-top:-60px;
margin-left: 20px;

}

.BodyText a:link {
color:#ff58f1;

}

.BodyText a:hover {
color:#fcabf5;

}

.BodyText a:visited {
color:#dd18cd;

}

.galleryImageContainer img{width:500px;}


.websiteContainer .homePageContainer .mainWidget{

	height:360px;
	width:250px;
	margin:0 10px 0 0;
	


}
	
.websiteContainer .homePageContainer .mainWidget h1{

	height:39px;
	color:#ffffff;
	font-size:1.2em;
	font-weight:1000;
	background-image:url(../gfx/interface/girlclock/header_bg.png);
	background-repeat: no-repeat;
	background-position: top right;
	text-align:left;
	padding-top: 20px;
	padding-left: 15px;

	
}

.websiteContainer .homePageContainer .mainWidget h3{


	font-size:1.2em;
	color:#ee5bf2;
	font-weight:1000;
	text-align:left;

	
}

.websiteContainer .homePageContainer .mainWidget img{
	float: none;
	margin:12px;}
.websiteContainer .homePageContainer .mainWidget p{
	font-weight:100;

}
.websiteContainer .homePageContainer .secondaryWidget{
		float:left;
		/* height:380px; */
		width:250px;
		margin-bottom:10px;
		margin-left:7px;
		background-repeat: repeat-x;
		background-position: bottom left;
	}
.websiteContainer .homePageContainer .secondaryWidget h2{
	height:39px;
	color:#ffffff;
	font-size:1.2em;
	font-weight:1000;
	background-image:url(../gfx/interface/girlclock/header_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	text-align:left;
	padding-top: 20px;
	padding-left: 15px;
}
.websiteContainer .homePageContainer .secondaryWidget img{
	margin:12px;}
.websiteContainer .homePageContainer .secondaryWidget p{
	font-weight:100;

	color:#000000;
}
.websiteContainer .homePageContainer .secondaryWidget ul{margin:10px 10px 10px 25px;}
.websiteContainer .homePageContainer .secondaryWidget li{color:#000000;font-size:0.8em;}
.websiteContainer .homePageContainer .secondaryWidget li a:link{color:#ff58f1;font-size:1.2em;}
.websiteContainer .homePageContainer .secondaryWidget li a:hover{color:#fcabf5;font-size:1.2em;}
.websiteContainer .homePageContainer .secondaryWidget li a:visited{color:#dd18cd;font-size:1.2em;}



	
.websiteContainer .nonHomePageMargins{ min-height:320px; margin-left:150px;}



.websiteContainer .mainSection .leftColumn{
	float:left;
	width:210px;
	margin:0px 0px 0 0;
	background-color:#433e42;
	background-image:url(../gfx/interface/girlclock/left_bg.png);
	background-position:top;
	background-repeat:no-repeat;
	}

.websiteContainer .mainSection .leftColumn h3{
	height:32px;
	padding:15px 12px 0px;
	color:#FFFFFF;
	background-image:url(../gfx/interface/girlclock/left_menu-header.jpg);
	background-repeat:repeat-x;
	background-color:#00aeef;
	font-size:1em;
	font-weight:1000;
	}
.websiteContainer .mainSection .leftColumn ul{background-color:#433e42;}
.websiteContainer .mainSection .leftColumn ul li{list-style-type:none;font-size:0.9em;font-weight:bold;border-bottom:1px solid #ff58f3;}
.websiteContainer .mainSection .leftColumn ul li ul li{border-top:1px solid #CCCCCC;border-bottom:none;font-size:1.0em;}
.websiteContainer .mainSection .leftColumn ul li a{padding:5px;color:#ffffff;display:block;text-decoration:none;}
.websiteContainer .mainSection .leftColumn ul li a:hover{background-color:#4accfc;color:#000000;}
.websiteContainer .mainSection .leftColumn ul li ul li a{padding-left:20px;}
.websiteContainer .mainSection .leftColumn ul li ul li a:hover{}
.websiteContainer .mainSection .leftColumn img{padding:15px;}
.websiteContainer .mainSection .leftColumn {background-color: #433e42;
	background-repeat: repeat-x;
	background-position: bottom ; }


.websiteContainer .mainSection .mainPanel{padding:0px 0px 0px 0;color:#333333; margin-left: 0px; margin-top:70px;}

/*default text styles*/
h1.PageTitle{
	height:24px;
	color:#00aeef;
	font-size:1.8em;
	font-weight:100;
	background-image:url(../gfx/interface/girlclock/subpage_header.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #00aeef;
	text-align:right;
	padding:0.5em 15px ;
	margin-bottom:-2px;
	*margin-bottom:-1px;
	
}


.mainPanel h2{font-size:1.6em;padding:10px 0;font-weight:100;}
.mainPanel h3{font-size:1.4em;padding:10px 0;font-weight:100;}
.mainPanel h4{font-size:1.2em;padding:10px 0;}
.mainPanel h5{font-size:1.1em;padding:10px 0;}
.mainPanel h6{font-size:1.0em;padding:10px 0;}
.mainPanel p{font-size:1.0em;padding:10px 0; color:#000000;}
.mainPanel ul{}
.mainPanel li{font-size:1.2em; font-weight:1000; }
.mainPanel img{padding:5px;margin:3px;}
.mainPanel dl{}
.mainPanel dl dt{}
.mainPanel dl dd{}

.footer{
	
	width: 100%;
	background-image:url('../gfx/interface/girlclock/footer_tile.jpg');
	background-repeat:repeat-x;
	background-position: top left;
	background-color:#ffffff;
	height:65px;

}
.footer_interior{
	


}

.footer p{text-align:center;padding:9px;color:#ffffff;font-size:0.8em;width: 100%;}
.footer p a{text-decoration:none;color:#ee5bf2;}
.footer p a:hover{text-decoration:underline;}



/* == gallery ul pagination thing == */
ul.pageList {
}
ul.pageList li {
	float: left;
	list-style-type: none;
	padding: 0 .1em;
	line-height: 32px;
}

.mainPanel ul.pageList li a {
	display: block;
	margin: 0 1px;
	color:#ff58f1;
	font-weight:bold;
	padding: 0 5px;
}

.registerContainer .registerFieldField{
display: block;
width: 400px;
padding:4px;
margin: 4px 0px;
}



.registerContainer .registerFieldField input { 
 background-color: #ffffff; 
 padding:6px;
 width:400px;
 border:1px solid;
 border-color:#4accfc;
}

.registerContainer .registerFieldField textarea{ 
 background-color: #ffffff; 
 width:413px;
 border:1px solid;
 border-color:#4accfc;
}

.registerContainer .registerFieldField select{ 
 background-color: #ffffff; 
 width:400px;
 border:1px solid;
 border-color:#4accfc;
}

.registerContainer .registerFieldField .radioButton{ 
 background-color: #ffffff; 
 width:auto;
 border:1px solid;
 border-color:#4accfc;
}

.registerContainer input.UserSubmit 
{
color: #000;
background: #4accfc;
border: 1px solid #433e42;
} 