@import "ajax_tabs.css";

* { padding: 0; margin: 0; }

html,body{height:100%}

body {

 background:#E8E8E8 url('bodybackground.gif') repeat-x right top;
font-size: 13px;
}

 a:link {text-decoration: none}

img {border:0;}

p

{

 font-family: Arial, Helvetica, sans-serif;
 line-height: 20px;
 color: #575757;
 margin: 10px;
 font-size: 13px;
}

.clean-gray dl, .clean-gray dt, .clean-gray dl li

{

 font-family: Arial, Helvetica, sans-serif;
 line-height: 20px;
 color: #575757;
 margin: 10px;
 font-size: 13px;
}

table 
{

 font-family: Arial, Helvetica, sans-serif;
 line-height: 20px;
 color: #575757;
  margin: 0;
  padding: 0;

}

div#shadowBg {
background: url(siteShadow.png) repeat-y 0 0;
width: 1040px;
margin: 0 auto;
height:100%;
min-height:100%;
}


html>body #shadowBg{height:auto}/* not ie6- */

#wrapper { 
 margin: 0 auto;
 width: 1000px;
/* background:#F2F2F2;*/
}



#header {
 position:relative; 
 color: #333;
 background: url(hf_leaf_bg.jpg) repeat-y 0 0;
 background-position: bottom right;

 width: 1000px;
 height: 240px;
 float: left;
 padding: 0px;
 border: 1px none #ccc;
 margin: 0px 0px 0px 0px;

  
}

#header  a:link {text-decoration: none}


div#leaderBoard {
text-align: center;
padding: 3px 0 3px 0;
font: 11px verdana,sans-serif;
color: gray;  
}


div#leaderBoardBox {
margin:0 auto;
border: none;
width:728px;
}


#logo {
	    display:block;
	    height:120px;
	    text-indent:-1000px;
	    width:470px;
		float:left;
	}



#logo1 {
	    display:block;
	    height:120px;
	    width:150px;
		float:left;
	}

	
	
	
	

#partner1 {
position: absolute;
display:block;
left: 10px;
bottom: 0px; 
height:55px;
width:85px;

	}
	
#partner2 {
position: absolute;
display:block;
left: 95px;
bottom: 0px; 
height:55px;
width:120px;

	}

#partner3 {
position: absolute;
display:block;
left: 220px;
bottom: 0px; 
height:55px;
width:55px;

	}

#partner4 {
position: absolute;
display:block;
left: 285px;
bottom: 0px; 
height:55px;
width:100px;

	}

#partner5 {
position: absolute;
display:block;
left: 400px;
bottom: 0px; 
height:55px;
width:70px;

	}

#partner6 {
position: absolute;
display:block;
left: 485px;
bottom: 0px; 
height:55px;
width:100px;

	}
	
	
#partner7 {
position: absolute;
display:block;
left: 585px;
bottom: 0px; 
height:55px;
width:150px;

	}	
	
	
#partner8 {
position: absolute;
display:block;
left: 740px;
bottom: 0px; 
height:55px;
width:80px;

	}	
		
	
	
	
	
	
	

#googlesearch { 
position: absolute;
right: 100px;
bottom: 120px; 
/* border: solid 1px red; */}


#leftcolumn { 
 border: 1px none  #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 795px;
 float: left;
}
#rightcolumn { 
 float: right;
 border: 1px none  #ccc;
 margin: 0px 0px 0px 0px;
 padding: 0px;

 width: 200px;
 display: inline;
 position: relative;
}

.clear{
clear:both;
}

#topmenu { 
 clear: both;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 0px 0px;
 font: 13px arial,verdana,sans-serif white; 
 font-weight: bold;
 text-align: right;

}

#footer { 
 width: 980px;
 clear: both;
 border: 1px none  #ccc;
 background: #035115;
 padding: 10px;
 text-align: center;
 font: 12px arial,verdana,sans-serif 
 
}
.copyrighttext {margin: 10px; font: 11px verdana,sans-serif;
color: silver;  }

}
.copyrightprint {margin: 10px; font: 11px verdana,sans-serif;
color: #575757;  }

ul.navTextLinks {
margin: 0 0 0 0;
}

ul.navTextLinks li {
display: inline;
border-right: 1px solid white;
padding: 0 10px 0 8px;
}

ul.navTextLinks li a {
color: #fff;
text-decoration: none;
}

ul.navTextLinks li a:hover {
color: silver;
text-decoration: underline;
}

ul.navTextLinks li.last {
border-right: none;
}

.clean-gray ul {
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
line-height: 0px;
color: #575757;
margin-left: 20px; margin-bottom: 10px; margin-top: 10px;
}


.clean-gray h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
margin:0;
padding: 4px; 
color: white;
background: url(/layout/fback.jpg) repeat-x bottom left #667079;
}









.clean-gray ol {
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
line-height: 0px;
color: #575757;
margin-left: 20px; margin-bottom: 15px; margin-top: 15px;
}

.clean-gray li {
background: url(../img/bullet.gif) no-repeat top left;
padding: 0px 0px 10px 0px;
font-family: Arial, Helvetica, sans-serif;
line-height: 20px;
color: #575757;
margin-left: 35px;
}

.clean-gray{
border:solid 1px #DEDEDE;
background:white;
padding:5px;
margin:  5px 5px 5px 0px;
}


h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	color:#333;
	line-height:30px;
	margin: 20px 0px 10px 7px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	color:#333;
	line-height:30px;
	margin: 10px 0px 10px 7px;
	padding:0;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#333;
	line-height:24px;
	margin: 10px 0px 10px 7px;
}


.breadcrumb {

 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 line-height: 10px;
 color: #575757;
 margin: 10px 10px 10px 10px;
 
}
.breadcrumb a {

 font-family: Arial, Helvetica, sans-serif;
  color: #575757;
 
}


 .completionlist {
	z-index: 30;
	padding: 5px;
	border: 1px solid gray;
	background-color: white;
	list-style-type: none;
	}
	
	 .hiddencol
    {
        display:none;
    }

.card {
min-width: 150px;
float:left;
padding: 6px; 
margin: 0px 10px 5px 0px;
text-align:center;
border: solid 1px #005C86; 
background-color: #F5F5F5; 
z-index:1000;

 }


.videothumb {
min-width: 150px;
float: left;
padding: 0px; 
margin: 0px 5px 5px 5px;
text-align:center;
 }


.profilepicture {
min-width: 150px;
float: right;
padding: 6px; 
margin: 5px;
text-align:center;
border: solid 1px #005C86; 
background-color: #F5F5F5; 
 }
 
.articleimageright {
float: right;
margin: 5px 0px 5px 10px;
 
}
 
.articleimageleft {
float: left;
margin: 5px 10px 5px 0px;

}

.articleimagerightb {
float: right;
margin: 5px 0px 5px 10px;
border: solid 1px #000000; 
}
 
.articleimageleftb {
float: left;
margin: 5px 10px 5px 0px;
border: solid 1px #000000; 
}

.articlecaptionright{
float: right;
margin: 5px 0px 5px 10px;
min-width: 150px;
max-width: 250px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}
.articlecaptionright350{
float: right;
margin: 5px 0px 5px 10px;
min-width: 200px;
max-width: 350px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.articlecaptionright300{
float: right;
margin: 5px 0px 5px 10px;
min-width: 200px;
max-width: 300px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.statecaptionright{
float: right;
margin: 5px 0px 5px 10px;
min-width: 150px;
max-width: 500px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.articlecaptionleft{
float: left;
margin: 5px 12px 5px 0px;
min-width: 150px;
max-width: 250px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.articlecaptionleft350{
float: left;
margin: 5px 10px 5px 0px;
min-width: 200px;
max-width: 350px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.articlecaptionleft300{
float: left;
margin: 5px 10px 5px 0px;
min-width: 200px;
max-width: 300px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.articlecaptionleft720{
float: left;
margin: 5px 0px 5px 10px;
min-width: 200px;
max-width: 740px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
color: #999999;
font-size: .85em;
line-height: normal;
text-align: left;
}

.imageborder {
border: solid 1px #000000; 
}

.imagestep {
border: solid 1px #000000; 
}

div.dec {
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;
padding: 8px; 
background-color: #D8ECC6; 
border: dotted 1px #A8D580;
}


.logo {
float: left;
padding: 6px; 
margin: 0px 5px 5px 5px;
text-align:center;
 }
 
.card   a:link        {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:visited {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:active   {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.card   a:hover     {font-size: 11px;  font-weight: normal; text-decoration: underline; }

.logo   a:link        {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:visited {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:active   {font-size: 11px;  font-weight: normal; text-decoration: none; }   
.logo   a:hover     {font-size: 11px;  font-weight: normal; text-decoration: underline; }


.GridItemStyle
{
      border-bottom: 1px solid #e8e8e8; padding:10px;
      font-family: Arial, Helvetica, sans-serif;
 line-height: 20px;
 color: #575757;

}
/* Form elements */
input, select, textarea {
border : 1px solid silver;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;

} 



input.ABform, select.ABform {
border : 1px solid silver;
padding:1px;
font-size : 12px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
width: 200px;
} 
textarea.ABform {
border : 1px solid silver;
padding: 2px;
font-size : 12px;
font-family : Arial, Verdana, Geneva,  Helvetica, sans-serif;
height: 250px; /* replace 2em with your chosen value, in px or whatever */
width: 400px;

} 

input.ABform:focus{background: #f8f8f8;}
textarea.ABform:focus{background: #f8f8f8;}

 input[type="radio"]{
border : 1px none silver;
margin: 2px;
padding: 2px 0 0 0;
}

 input[type="button"]{
margin: 2px;
padding: 2px 5px 2px 5px;
border : 1px gray silver;
}

 .clean-gray  a:link    {text-decoration: none; color: #4E8A4D; font-weight: bold;}
 .clean-gray  a:visited {text-decoration: none; color: #4E8A4D; font-weight: bold;}
 .clean-gray  a:active  {text-decoration: none; color: #4E8A4D; font-weight: bold;}
 .clean-gray  a:hover { text-decoration: none; color: #62B043;}


 
ul.glossary

{

 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 line-height: 25px;
 color: #575757;
 margin-left: 0px;
 padding-bottom: 0px; padding-left: 0px;
 
}


.specialalek {display:none;}


.gridview1 tr td
{
    padding:0;
	margin:0;
    border: 1px solid #ddd;
}
.gridview1 tr th
{   margin:0;
    padding: 0;
}

hr
{
 clear: both;
 height: 0;
 padding-bottom: 5px;
 padding-top: 5px;
 border-style: dotted;
 border-color: #4E8A4D;
 border-width: 2px 0 0 0;
}