/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

/*Basic CSS classes */
body {
margin:0;
padding:0;
font-size:11px;
color:#444;
background:#fff;
font-family:"Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Arial, Helvetica, sans-serif;
line-height:1.8em;
}

img {
padding:0px;
margin:0px;
}

p {
margin:10px 0;
font-size:13px;
}

.header p {
padding:0px;
margin:0px;
}


blockquote {
font-family: Times;
font-size:1.2em;
color:#777;
font-style: italic;
font-weight: lighter;
margin:10px 0;
}

/*Headings*/

h1, h2, h3, h4, h5, h6 {
margin-bottom:.4em;
color:#111;
line-height:1em;
}

.header h4 {
color:#fff;
margin:30px 0;
}

.article h1 {
border-top:1px dotted #ddd;
padding-top:12px;
}

h1 {
font-size:4em;
}

h2, .contentheading {
font-size: 3.5em;
line-height:1em;
}

h3, .componentheading {
 
border-bottom:1px solid #e1e1e1;
color:#82BB13;
font-size:16px;
padding-bottom:8px;
}

h4 {
font-size:1.5em;
}

h5 {
font-size:1.25em;
color:#82bb13;
}

h6 {
font-size:1em;
}

/*Custom image classes*/

.leftimg {
float:left;
margin:0 10px 10px 0;
padding:3px;
border:1px dotted #ddd;
}

.rightimg {
float:left;
margin:0 0px 10px 10px;
padding:3px;
border:1px dotted #ddd;
}

.img_left {
float:left;
margin:0 20px 72px 0;
width:auto;
}


/*Default structur elements*/
.container {
width:980px;
margin:0px auto;
}

.top, .header, .main, .footer, .overthetop {
float:left;
width:100%;
}

.logo {
float:left;
width:auto;
margin:10px 0;
}

.mainmenu {
float:right;
width:auto;
}

.overthetop {
background-color: #000;
border-bottom:1px solid #222;
height:10px;
}

.top {
background-color: #161616;
} 

.header {
background-image: url(headerbackbingo.jpg);
background-repeat: repeat-x;
background-position: top;
border-top:1px solid #c4f80f;
height:425px;
}

.sub {
background-position:center;
margin:0 0 20px 0;
}

.main {
padding:10px 0 0 0;
}

.footer .container {
padding:20px 0;
border-top:1px dotted #ddd;;
margin-top:20px;
font-size:.88em;
color:#777;
}


.left {
border-right:1px dotted #DDDDDD;
float:left;
margin-right:1.5%;
padding-right:1.5%;
width:40%;
}

.right {
float:right;
width:25%;
}

.footer .right {
clear:both;
float:none;
margin:0 auto;
width:960px; 
}

.square li{
float:left;
width:45%;
padding-right:5%;
list-style: none;
margin-top:20px;
min-height:120px;
display:block;
}

.article {
float:left;
width:100%;
display:block;
margin-bottom:12px;
}

/*Default links*/
a:link, a:visited {
color:#82bb13;
text-decoration: none;
}

a:hover {
color:#000;
text-decoration: underline;
}

/*Footer links*/

.footer a:link, .footer a:visited {
color:#444;
}


/*Header overlay button. "Read more..." etc*/

.header_buttons {
top: 460px;
float:left;
position: absolute;
}

.button {
background-image: url(button.png);
background-repeat: no-repeat;
text-align: center;
width:160px;
height:40px;
line-height: 40px;
float:left;
margin:0 10px;
}

.header_buttons a, a:link div.button, a:visited div.button{
color:#444;
text-decoration: none;
}

/*Main Menu*/

.mainmenu ul{
margin-top:30px;
}

.mainmenu ul li {
float:left;
list-style: none;

}

.mainmenu ul li a:link, .mainmenu ul li a:visited {
color:#999;
text-decoration: none;
padding:6px 16px;
display:block;
}

.mainmenu ul li a:hover {
background-image: url(active_tab.jpg);
background-repeat: repeat-x;
background-position: bottom;
background-color: #d0fd01;
color:#fff;
}

.mainmenu ul li.active a {
background-color:#242424;
}

/*right column submenu */

ul.submenu {
margin-bottom:10px;
}

ul.submenu li {
list-style: none;
}

ul.submenu li a:link, ul.submenu li a:visited {
display:block;
width:100%;
background-color: #f5f5f5;
padding:8px 0 8px 12px;
color:#333;
text-decoration: none;
margin-bottom:1px;
border-bottom:1px dotted #ddd;
} 

ul.submenu li a:hover {
background-image: url(active_tab.jpg);
background-repeat: repeat-x;
color:#fff;
}

/*Custom text stylings*/

.small {
font-size:.88em;
color:#888;
font-style: italic;
}

/*Suckerfish classes */
ul#nav { /* all lists */
	padding: 0;
	list-style: none;
	margin:30px 0 0 0;
}

ul#nav li { /* all list items */
	float: left;
	position: relative;
}

ul#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 2px;
	left: 0;

	width:100%;
}

ul#nav li ul li {
width:100%;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
	display: block;
}

#content {
	clear: left;
}
ul#nav li ul li a:link, ul#nav li ul li a:visited {
background-color: #82bb13;
color:#fff;
border-bottom:1px solid #caf811;
}

ul#nav li ul li a:hover {
background-image: none;
background-color: #242424;
}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px dotted #ddd;}
legend {font-weight:bold;font-size:1.2em;}
input {
border:1px solid #ddd;
font-size:2em;
width:90%;
}
input.submit {
width:120px;
background-color: #ddd;
}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #ddd;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:90%;height:250px;padding:5px; font-size:2em;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


.lefttext{
float:left;
height:319px;  
width:454px;
padding-top:90px;
 }
 
 .lefttext h3{
border-bottom:1px solid #E6FFA2 !important;
color:#506D00;
font-size:15px;
margin-left:10px;
padding-bottom:5px;
padding-top:0 !important;
width:426px; 

}

.innertext{
font-size:13px;  
height:85px;
padding-left:10px;

}

.innertext a{
color:#ff1d82;
text-decoration:underline;
}
 

.buttonvisit{
background:url(buttonvisit.jpg);
clear:both;
color:#465901;
display:block;
float:right;
font-family:lucida sans;
font-size:18px;
height:42px;
line-height:43px;
text-align:center;
width:247px;
margin-right:10px;
}

.buttonvisit:hover{
text-decoration:none;
color:#C50C69;
}







.bannerright{
float:left;   
height:419px; 
width:526px;
}

.insideheader{
background:transparent url(myinnerheader.jpg) no-repeat 0px 0px;
height:422px;
margin:1px auto 0;
width:980px;
}

.storydiv h1, .storydiv h2{ 
font-size:16px;
}

.storydiv #b_id{
display:none;
}

.moduletable ul.moduleme{  
color:#E2E2E2;
list-style-type:square;
padding-left:30px;
}   
 

.gebanner4 a img{
border:3px double #c0c0c0;
}

.gebanner4{
 margin-top:20px;
 }

.spantext{
position:relative;
}


.urlspan{
color:#b2b2b2;
}


.geo240 a img{
border:3px double #c0c0c0;
}

.geo240{
margin-top:10px;
}
