﻿* { 
 margin: 0; 
 padding: 0; 
} 
body { 
 background: #ffffff; 
 font-family: "Verdana", Lucida Grande, sans-serif;
 font-size:70%;
 text-align: center; 
 color: #000000; 
} 
a:link, a:visited { 
 color: #2a2a2a; 
} 
a:hover { 
 color: #000000; 
} 
h1 { 
 margin-bottom: 11px; 
 padding-top: 15px; 
 padding-bottom: 7px; 
 font: bold 250% arial, serif; 
} 
h2, h3{ 
 font-weight: normal; 
} 
h2 { 
 padding-top: 7px; 
 padding-bottom: 15px; 
 font-size: 120%; 
} 
h3 { 
 padding-bottom: 6px; 
 font-weight: bold; 
  font-size: 100%; 
 letter-spacing: -1px; 
} 

h4 { 
 margin-bottom: 11px; 
 padding-top: 15px; 
 padding-bottom: 7px; 
 font: bold 150% verdana, serif; 
}

.ConfirmForm {
background-color:#ffffff;
width:500px;
height:150px;
border: 1px solid #D5D4D4;
padding: 10px;
color: #666666;
overflow:auto;
}

.SearchForm .text{
width:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.SearchForm {
background-color:#ffffff;
width:330px;
padding: 0px;
color:#BED73B;
}


.SearchResults {
background-color:#f6f6f6;
width:500px;
border: 1px solid #ddddcc;

}



.DivRight {
float:right;
}

.DivLeft {
float:left;
}

.SearchForm fieldset{
border:none;
}

.entry 
{
    font-family:Verdana;
    font-size:small;
    background-color:#FFFFFF;
	border: 1px solid #75B74B;
}


.SearchForm label{
float:left;
width:100%;
padding:5px 0px 5px 0px;
text-align:left;
font-weight:bold;
color:#75B74B;
}


.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #CCCCCC;
	border: 1px solid #A5ACB2;
	color: #555555;
	margin: 3px 5px 3px 5px;
	padding: 3px;
	text-align:center;
	text-decoration:none;
	width: 100%;
}
#page { 
 margin: 0 auto; 
 width: 760px; 
 text-align: left;
 padding-top:22px;
 background-color:transparent; 

} 
#header { 
 height: 325px; 
 background: transparent;
 background-position:left;
 background-repeat:no-repeat;

} 

#wii {
float:right;
height:187px;
width:384px;
 background-position:left;
 background-repeat:no-repeat;
}

#menubar {
float: right;
 height: 138px;
 width:384px;
 background: #ffffff;
  background-repeat: no-repeat;

}

#header h1 {
display:none;
 margin-bottom: 11px; 
 padding-top: 20px; 
 padding-right: 21px;
  border-bottom: 0px solid #AAAAAA; 
 font: normal 500% arial, verdana, serif; 
 color: #FFFFFF;
 text-align:right;
} 
#header ul { 
 padding-top: 2px; 
 padding-right: 7px; 
 text-align: left; 
 list-style: none; 
} 
#header li { 
 display: inline;
 margin: 0 5px; 
} 
#header a { 
 font-size: 1em; 
  width:15px;
 line-height: 1em; 
font-weight:bold;
color:#FFFFFF;
text-decoration:none;	
} 

.menuItem {
padding-top:10px;
 font-size: 1em;
width:55px;
text-align:center;
height: 40px;
float:left;
color:#FFFFFF;
}

.menuItemL {
padding-top:5px;
padding-right:10px;
 font-size: 1em;
width:85px;
text-align:center;
height: 40px;
float:left;
color:#FFFFFF;
}


#content-primary { 
 float: left; 
 padding-right:0px; 
 width: 377px; 
} 
#content-primary p { 
padding-left:2px; 
color: #5E5F60;
 padding-bottom: 10px;
 line-height: 1.7em;
 text-align: left;
 
} 


#content-primary ul 
{
    padding-left: 25px;
    padding-bottom: 10px;
}

#content-primary li 
{
line-height: 1.7em;
}

.ImageHeading {
color:#BCD53C;
}

#content-secondary { 
 float: right; 
 background-color:#FFFFFF;
 padding-left: 14px; 
 padding-right: 0px;
 line-height: 1.7em;
 width: 369px; 
 color: #333333; 
} 



#content-secondary p {
 padding-bottom: 10px; 

} 

#content-secondary ul {
padding-left:0px;
list-style:none;
}

#content-secondary li a{
    display:block;
    border-bottom: solid 1px #e5e5e5;
    bottom: 5px;
    color: #444444;
    height: 100%;
    text-indent: 8px;
    text-decoration: none;
    padding-bottom:1px;
}

#content-secondary li a:hover
{
    background-color: #BED63B;
    color: #ffffff;
    text-decoration: NOne;
}

#content-secondary li {
padding-bottom:1px;
}

.GreenText {
font-size: 130%;
font-weight:bold;
color:#BCD53C;
}

#CommentsBox {
height:361px;
width:356px;
background-image:url(../images/boxbackg.gif);
background-repeat:repeat-y;
}

#CommentsBoxTop {
background-image:url(../images/boxtop.gif);
background-repeat:no-repeat;
height:80px;
width:256px;
padding-left:85px;	
padding-right:15px;
padding-top:5px;
}

#CommentsBoxTop p a {
color:#333333;
text-decoration:none;
}

#CommentsBoxContent em {
color:#70B54A;
font-style:normal;
}

#CommentsBox h3 {
padding-bottom:0px;}

#CommentsBoxContent {
overflow:auto;
height:257px;
width:328px;
background-color:#FFFFFF;
background-image:url(../images/commentContentTop.gif);
background-position:top;
background-repeat:no-repeat;
margin-left:15px;
margin-right:15px;
}

#CommentsBoxBottom {
background-image:url(../images/boxbottom.gif);
background-repeat:no-repeat;
height:20px;
width:356px;
}

.contentItem {
padding-left:10px;
padding-right:10px;
width:290px;
background-image:url(../images/content_sep.gif);
background-position:bottom;
background-repeat:no-repeat;
color:#333333;
}




#footer { 
 clear: right; 
 height: 122px; 
 background: #000000; 
 line-height: 1.7em; 
 color: #ffffff;
 border-top: solid 1px #e5e5e5;
 border-bottom: solid 1px #e5e5e5;
} 
#footer a:link, #footer a:visited { 
 color: #666666;
 text-decoration:none;
}     

#footer a:hover{ 
 color: #FF6600;
 text-decoration: underline;
}   

#footer p, h3{ 
 padding: 5px;
 color:#CCCCCC;
} 

#footer ul {
padding-left:16px;
list-style:none;
}

#footleft { 
 float: left; 
 margin-top: 10px;
 width: 250px;
 width: 490px;

} 



#footright { 
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 250px;

} 

#footerbottom {
text-align: center;
background: #000000; 
 line-height: 2.5em; 
 color: #fff;
 padding-bottom: 15px;
}


.clear { 
 clear: both; 
}

/*
       IMAGE SLIDER CSS
*/
#sliderBanner {
 background-color:#fff;
 color:#fff;
}




#s3slider {
	width: 356px; /* important to be same as image width */
	height: 254px; /* important to be same as image height */
	position: relative; /* important */
	float:left;
	overflow: hidden;
}

#s3sliderContent {
   width: 356px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 356px;
   background-color: #0099CC;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#s3slider ul {
padding-left:0px;
list-style:none;
}

.clear {
   clear: both;
} 

.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
