@charset "utf-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	font-size: 0.8em;
	line-height: 155%;
	letter-spacing: 0.03em;
}
#help_left #quote {
	margin-right: 48px;
}



#container {
	width: 960px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
}
#container_left_images {
	float: left;
	width: 480px;
}

#container_right_no_images {
	float: right;
	width: 460px;
}

#container_right_images {
	float: right;
	width: 320px;
	line-height: 145%;
}
#container_right_no_images p {
}


#container_left_no_images {
	float: left;
	width: 640px;
}
h1 {
	font-size: 24px;
	font-variant: normal;
	text-transform: uppercase;
	color: #9d9d9d;
}

h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #9d9d9d;
	font-variant: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
h3 {
	color: #9B9B9B;
}

h4 {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF3399;
	padding: 2px;
	font-size: 12px;
	font-weight: lighter;
	margin-right: 40px;
	margin-left: 40px;
	text-align: center;
}
#container #mainContent #sponsor img {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#container #mainContent #sponsor a:link {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

#container #mainContent #sponsor a:visited {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

#container #mainContent #sponsor a:hover {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

#container #mainContent #sponsor a:active {
	outline: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}


#container_wide_content {
	width: 100%;
}

#links p {
	font-size: 88%;
}

#header {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
} 

#header2 {
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 120px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0;
	margin-top: 8px;
}
#footer {
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	width: 100%;
	margin-top: 24px;
	background-color: #F5F5F5;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;

} 

#footer2 {
	padding: 0;
	height: 200px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EFEFEF;
	width: 100%;
	margin-top: 24px;
	background-color: #F5F5F5;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#footer_links {
	margin-top: 160px;
	margin-left: 0px;
	text-align: left;
	background-color: #666666;
}

#logo {
	float: left;
	width: 337px;
}

#links {
	float: right;
	width: 380px;
	text-align: right;
}

.red {
	font-size: 1.2em;
	line-height: 200%;
	text-transform: none;
	font-weight: lighter;
}

#navcontainer ul
{
	padding: .2em 0;
	margin: 0;
	list-style-type: none;
	background-color: #FFFFFF;
	color: #CC0000;
	width: 100%;
	font: normal 90% arial, helvetica, sans-serif;
}

li { display: inline; }

li a
{
	text-decoration: none;
	color: #FF3399;
	padding: 0em;

}

li a:hover
{
	background-color: #FF3399;
	color: #fff;
}
#navlist #active {
	color: #FFFFFF;
	background-color: #CC0000;
	outline: none;
}
#current {
	color: #FFFFFF;
	background-color: #CC0000;
}

.img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.img_left {
	float: left;
	margin-right: 24px;
}


.img_right {
	float: right;
	margin-left: 24px;
}

#quote {
	margin-right: 16px;
	margin-left: 16px;
	background-image: url(../images/teenyFiller.gif);
	background-repeat: repeat;
	padding: 16px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#container_right_no_images p {
	margin-right: 16px;
	margin-left: 16px;
	line-height: 165%;
}
#container #container_right_no_images #quote td {
	line-height: 165%;
}
#container #container_right_no_images #quote em {
	line-height: 185%;
}


#container_left_images h2 {
	margin-left: 16px;
}



a:link {
	color: #FF3399;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF3399;
}
a:hover {
	text-decoration: underline;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}
#quote em {
	font-size: 96%;
}
#quote strong {
	font-size: 125%;
}
#footer_links p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color: #FFFFFF;
}
#mainContent p {

}
#container_wide_content h1 {

}

#navigation {
	background-color: #999999;
	float: right;
	width: 440px;

}
#navigation a {

}
#navigation p {
}

.underline {
	text-decoration: underline;
}#footer_links a {
	color: #FFFFFF;
}

#news_item {
	width: 928px;
	background-image: url(../images/teenyFiller.gif);
	padding: 16px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#news_item p {
	font-size: 11px;
}
#news_item .img_left {

}

#news_item h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #FF3399;
	font-size: 16px;
}

#news_item_last {
	width: 100%;
	padding-bottom: 36px;
}

#news_item_last p {
	font-size: 11px;
}
#news_item_last h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #FF3399;
	font-size: 16px;
}
#question .question {
	font-size: 10px;
	line-height: 150%;
}


#question {}

.question {
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #FF3399;
	padding: 2px;
	font-weight: lighter;
}
#question p {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 0.08em;
}
#question h1 {
	font-size: 11px;
	letter-spacing: .4em;
}

#sponser_gallery {}#sponser_gallery a {
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

.img {
	margin: 0px;
	padding: 0px;
}

#sponsor_table {
	background-image: url(images/teenyFiller3.gif);
	background-repeat: repeat;
	border-bottom-width: thin;
	border-bottom-style: groove;
	border-bottom-color: #666666;
}
#sponsor_table p {
	font-size: 11px;
	padding-left: 8px;
}


#help_text {
	float: left;
	width: 480px;
}

#buttons {
	float: right;
	width: 460px;
	text-align: right;
}

.pale {
	color: #9d9d9d;
}

#help_right {
	float: right;
	width: 400px;
}

#help_left {
	float: left;
	width: 520px;
}

#mainContent ul {
	display: inline;
}

#contact_box {
	margin-left: 400px;
	margin-right: 300px;

}

.big {
	font-weight: normal;
	font-variant: normal;
	text-transform: uppercase;
}

.smaller {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}


#container #mainContent #help_left #quote a {
	font-size: 85%;
	line-height: 100%;
}
#container #mainContent #help_left #quote td {
	font-size: 90%;
}
#news_item .img_left {
	padding-top: 16px;
}
.gallery {
	font-variant: normal;
	font-size: 10px;
}

#sponsor_image {
	float: left;
	width: 600px;
}

#sponsor_text {
	float: right;
	width: 560px;
}
#buttons .pale a {
	color: #FF3399;
}
h5 {
	font-size: 14px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
.boy {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: lighter;
	background-color: #666666;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 24px;
}

.girl {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: lighter;
	background-color: #FFB9B9;
	padding: 4px;
}


#sponsor_gallery a:link {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}

#sponsor_gallery a:visited {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sponsor_gallery a:hover {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#sponsor_gallery a:active {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none;
}

#sponsor {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	
}

#sponsor_image {
	width:360px;
	float:left;
}

#sponsor_text {
	width: 540px;
	float:right;
}

#sponsor_inner {
	padding-left: 8px;
}
#sponsor_inner a {
	color: #999999;
}
#container #mainContent #sponsor_gallery #sponsor #sponsor_inner a {
	color: #999999;
}
#sponsor_gallery a:link {
	
}

#sponsor_gallery a:visited {
	
}

#sponsor_gallery a:link {
	border-style: none;
}

#sponsor_gallery a:visited {
	border-style: none;
}


#sponsor_gallery a:hover {
	border-style: none;
}

#sponsor_gallery a:active {
	border-style: none;
}
#container #mainContent #sponsor_box #buttons a {
	color: #CCCCCC;
}

#grey {
	background-color: #666666;
	text-align: right;
	padding-right: 12px;
	padding-top: 12px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}#happy p {
	font-variant: normal;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 10px;
}
#grey p {
	color: #FFFFFF;
	font-size: 12px;
	font-variant: normal;
	text-transform: lowercase;
	letter-spacing: .1em;
}
#sponsor_text p {
	font-size: 88%;
	font-weight: lighter;
}
#container #mainContent #sponsor #sponsor_text #sponsor_list li {

}
#sponsor_text li {
	list-style-type: lower-roman;
}
#container #mainContent #sponsor #sponsor_text td {
	font-size: 88%;
}
#container #mainContent #sponsor #sponsor_text div {
	color: #666666;
	font-size: 11px;
}

#happy {
}

#happy_links {
	background-color: #999999;
}#container #mainContent #happy_links h1 {
	color: #FFFFFF;
	padding-top: 12px;
	padding-right: 48px;
	padding-bottom: 12px;
	padding-left: 32px;
	font-size: 12px;
	letter-spacing: .4em;
	font-weight: bold;
}
#happy_links a:link {
	color: #ACACAC;
}

#happy_links a:visited {
	color: #ACACAC;
}

#happy_links a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#happy_links a:active {
	color: #ACACAC;
}


.hover a:link {}

.hover a:hover {
	background-color: #910048;
}

.pinky {
	color: #FF3399;
}

#letter {
	margin-right: 32px;
	margin-left: 32px;
	background-image: url(../images/teenyFiller2.gif);
	background-repeat: repeat;
	padding: 8px;
}

.letter {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
}
.bolded2 {
	font-size: 48px;
}
.bolded {
	font-size: 48px;
}

.sponsorP {
	margin-left: 24px;
	margin-right: 24px;
}
