/* Css document by Svein Erik Storkaas - CssTemplatesWeb.com | 2008 */

* {
 padding: 0;
 margin: 0;
}
body {
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
	color: #0A142B;
	background-color: #ffffff; 
	margin: 0;
	padding: 0;
	text-align: left !important;
}

/*
body {
 font-family:"Courier New", Courier, mono; : Arial, Helvetica, sans-serif;
 color:#000033;
 font-size: 10px;
 font-weight:800;
 background-image:url(images_tpl/bg-tile.gif);
 background-repeat:repeat;
}
*/
#wrapper {
 width: 782px;
 margin: 0 auto;
}
#border {
 border: 1px solid #8ECE5F;
 margin: 20px 0px 5px 0px;
 background-color: #fffffe;
 min-height: 776px;
 float: right;
 width: 780px;
}
* html #border {height:776px} /* IE Min-Height Hack */ 

#header {
 margin: 2px 5px 2px 5px; 
 background-image:url(images_tpl/teelila_header.gif);
 background-repeat:no-repeat;
 height:140px;
}

#headertext
{
	width:180px;
	height:40px;
	font-family:"Trebuchet MS";
	font-size:33px;
	color:#aaf; /*#71c15c;*/
	margin:5px 0px 0px 20px;
	float:left;
	clear:none;
}

#xheadertextsmall
{	
	width:200px;
	height:10px;
	margin:45px 1px 1px 1px;
}

#headertextsmall
{	
	width:250px;
	height:10px;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#000;			
	/*
	padding-right:2px;
	padding-top:2px;
	*/
	margin-left: 2px;
	margin-top: 45px;
	float:left;
}

/* ------------------------ Start Navigation Bar -----------------*/
#topmenu
{
height:46px;
width: 770px;
padding-top:0px;
padding-left:5px;
background-repeat:no-repeat;
}

/*MEUNU*/
.glossymenu{
	position: relative;
	padding: 0 0 0 5;/*34px;*/
	margin: 0 auto 0 auto;
	/*background-image:url(images_tpl/header.jpg);*/
	background: url(images_tpl/menug_bg1.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover {
	color: #fff;
	background: url(images_tpl/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	
	background: url(images_tpl/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* ------------------------ End Navigation Bar -----------------*/


/* ------------------------ Start Images -----------------*/
img {
 display: inline;
 border: none;
}
img.block {
 display: block;
}
img.float {
 float: left;
 margin: 0px 14px 10px 0px;
}
/* ------------------------ End Images -----------------*/


/* ------------------------ Start Main Columns -----------------*/
#leftcolumn { /* Parent Wrapper for inside boxes */
 border: 1px solid #8ECE5F;
 margin: 6px 0px 0px 4px;
 display: inline; /* IE Hack */
 width: 200px;
 float: left;
 background-image:url(images_tpl/teelila_leftbg.gif);
 background-repeat: no-repeat;
 min-height: 600px;
 padding: 0;

}
* html #leftcolumn {height:600px} /* IE Min-Height Hack */

.leftcolumn-inner { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 200px;
 float: left;
 background-image:url(images_tpl/teelila_leftbg.gif);
 background-repeat: no-repeat;
 min-height: 40px;
 padding: 10px;
 margin-bottom: 7px;
}
* html .leftcolumn-inner {height:40px} /* IE Min-Height Hack */

.in-the-news { /* Parent Wrapper for inside boxes */
 display: inline; /* IE Hack */
 width: 200px;
 float: left;
 min-height: 125px;
 margin-bottom: 7px;
 background-image:url(images_tpl/teelila_leftbg.gif);
 background-repeat: no-repeat;
}
* html .in-the-news {height:125px} /* IE Min-Height Hack */


#rightcolumn {
/* border: 1px solid red;*/
 margin: 6px 0px 0px 0px;
 display:inline; /* IE Hack */
 width: 513px;
 float: left;
 padding: 5px 14px 10px 14px;
 min-height:300px;
}
* html #rightcolumn {height:300px} /* IE Min-Height Hack */ 

#highlightnews {
 background-image:url(images_tpl/highlightad.jpg); 
 height:auto;
 font-family:Arial;
 font-size:14px;
 background-repeat: repeat;
 text-align: left;
 padding: 17px 10px 10px 13px;
 display: inline; /* IE Hack */
 float: left;
 width: 510px; 
}


#highlightnews img
{
	float:left;
	padding-right:10px;	
}

* html .sponsor {height:80px} /* IE Min-Height Hack */
.rspace{
 margin: 6px 0px 0px 0px;
 width: 10px;
 float: left;
 background:#fff;
 background-repeat: no-repeat;
 min-height: 600px;
}

.maincontent {
 min-height: 80px;
 display: inline; /* IE Hack */
 float: left;
 margin-bottom: 7px;
 margin-left:10px;
 width: 530px;
 padding: 5px 14px 10px 14px;
}
* html .maincontent {height:80px} /* IE Min-Height Hack */

.content-mid {
 background-image:url(images_tpl/content-mid.gif);
 background-repeat: repeat;
 padding: 5px 14px 5px 14px;
}
.content-mid img
{
	float:left;
	margin:3px 10px 14px 0px;
}
.left-mid {
 background-image:url(images_tpl/teelila_leftbg.gif);
 background-repeat: no-repeat;
 padding: 5px 14px 0px 14px;
}
.randompicture
{
background-image:url(images_tpl/left-mid.gif);
background-repeat: repeat;
text-align:center;
padding:5px 0px 5px 0px;
overflow:hidden;	
}

.left-heading {
 background-image:url(images_tpl/left-heading.gif);
 background-repeat: no-repeat;
 padding: 9px 14px 5px 10px; 
}
.left-heading h3
{
	font-size: 16px;
 color: #fff;
 min-height: 11px;
 font-weight: bold;
}

* html .left-heading {height:11px} /* IE Min-Height Hack */
/* ------------------------ End Main Columns -----------------*/

/* ------------------------- Start Headings ---------------------*/
h1 {
 font-size: 16px;
 color: #72C236;
}
/* ------------------------- End Headings ---------------------*/
/*
input {
 border: 1px solid #8ECE5F;
 width: 150px;
}
*/
.menubtns {
	font-size: 12px;
	font-weight: bold;
	height:18px;
	width:100px;
	text-align: left;
	color: #43671B;
	background-color: #CCFFFF;
	text-align:center;
	vertical-align: middle;
	text-transform: capitalize;
	padding: 0px 5px;
	border-color: #AAD17F #6EB025 #6EB025 #AAD17F;
	border-style: solid;
	border-width: 1px;
 }


#footer {
 font-size: 10px;
 clear: both;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-bottom: 5px;
 text-align:center;
}


ul#daily-links li {
 list-style: none;
 margin-left: 2px;
}
ul#nav-links li {
 display: inline;
 margin-left: 0px;
 padding-left: 12px;
 
}

ul#daily-links li a:link{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:visited{
 color: #333;
 text-decoration: none;
 font-weight: bold;
}
ul#daily-links li a:hover{
 color: #999;
 text-decoration: none;
 font-weight: bold;
}




a:link {
 color: #006600;
 text-decoration: none;
}
a:visited {
 color: #006600;
 text-decoration: none;
}

.valid {
 margin: 10px 0px 0px 10px;
}

.tdhint { border: outset 3px #eeeec0; font-size: 9pt; line-height: 13pt; BACKGROUND-IMAGE: url(images_tpl/stickynote.gif); background-position: 100% 100%; background-repeat: no-repeat; background-color: #ffffc0; padding-bottom: 60px }
.divhint { border: outset 3px #eeeec0; font-size: 9pt; line-height: 13pt; BACKGROUND-IMAGE: url(images_tpl/stickynote.gif); background-position: 100% 100%; background-repeat: no-repeat; background-color: #ffffc0; padding: 3px; padding-bottom: 60px}
	td {font-size: 10pt; vertical-align: top}
	.spanHintYellow {position: relative; top: -7px; left: -4px; display: block; padding: 2px; FONT-SIZE: 8pt; COLOR: red; BACKGROUND-COLOR: yellow; FONT-VARIANT: small-caps; border: solid 1px #eeeec0; font-weight: bold; font-style: italic; margin-right: -8px}
	.spanHintGreen {position: relative; top: -7px; left: -4px; display: block; padding: 2px; FONT-SIZE: 8pt; COLOR: white; BACKGROUND-COLOR: #093; FONT-VARIANT: small-caps; border: solid 1px #eeeec0; font-weight: bold; font-style: italic; margin-right: -8px}
	.spanHint {position: relative; top: -7px; left: -4px; display: block; padding: 2px; FONT-SIZE: 8pt; COLOR: black; BACKGROUND-COLOR: #80eea8; FONT-VARIANT: small-caps; border: solid 1px #eeeec0; font-weight: bold; font-style: italic; margin-right: -8px}
	.spanButton {display: inline-block; padding: 5px; margin: 5px; margin-left: 20px; vertical-align: normal; border: outset 2px; height: 20px}
	.tableToolbar {border: solid 1px black; border-collapse: collapse}
	.tableToolbar td {border: solid 1px black; padding-left: 5px; padding-right: 5px}
	h5 {margin-bottom: 5px}
	.spanLink {COLOR: blue; TEXT-DECORATION: underline; cursor: hand}
	.spanLink2 {COLOR: blue; cursor: hand; text-indent: -20px; display: block; margin-bottom: 5px; font-size: 0.9em}