/* RESET */



html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: url(../img/footerbg.jpg);
	font-family: Verdana, arial, times, sans-sarif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* BASE */

#container{

}

#topbg{
margin: auto;
height: auto;
background: url(../img/topbg.jpg) repeat-x bottom #0096ff;

}

#header{
margin: auto;
width: 801px;
height: 217px;
background: url(../img/headerbg.jpg) no-repeat;

}

#nav{
margin: auto;
width: 800px;
height: 20px;
background: url(../img/nav-bg.jpg);
padding-top: 10px;

}

#content{
margin: auto;
width: 800px;
height: 600px;
background: #fff;

}


#footerbg{
margin: auto;
height: 40px;
width: auto;
background: url(../img/footerbg.jpg);
}

#footer{
margin: auto;
width: 800px;
background: url(../img/content-footer-bg.jpg) no-repeat top;
height:40px;

}


h2{
font-size:18px;
font-weight: bold;
color:#333;
padding: 5px;
}


h3{
font-size:14px;
font-weight: bold;
color:#333;
padding: 5px 5px 5px 20px;
}


h4{
font-size:16px;
font-weight: bold;
color:#333;
padding: 5px;
padding-left: 20px;
margin-top: 335px;
margin-bottom: -45px;
}

h5{
font-size:24px;
font-weight: bold;
color:#333;
padding: 5px 5px 5px 25px;

}

body p{
font-size: 12px;
padding: 20px;
line-height: 18px;
text-align: justify;
}

body a{
color:#fff;
text-decoration: none;
font-weight: bold;
text-decoration: underline;
}

body a:hover{
color:#ccc;
}

.centertitle{
text-align: left;
font-weight: bold;
color:#333;
font-size: 24px;
line-height: 30px;
}

.links {
color:#3583BA;
}

.bold{
font-weight: bold;
}

/* IMAGE STYLES */
.center{
width: 800px;
margin:0,auto;

}

.left{
float: left;
padding-right: 10px;
}

.leftvisits{
float: left;
padding-right: 25px;
padding-left: 15px;
}

.rightvisits{
float: right;
padding-right: 25px;
padding-left: 15px;
}

.left-about{
float: left;
padding:0 10px 10px 25px;

}

.left-biohome{
float: left;
padding: 4px 10px 0 0;
}

.learnmore{
float: right;
padding: 10px;
}


/* HEADER */

.headertext{
text-align: right;
font-size:15px;
color:#fff;
padding-top:60px;
line-height: 19px;
font-weight: bold;
}



/* CONTENT STYLES */

.tagline{
font-size: 28px;
color: #3583BA;
text-align: center;
font-family: Verdana, arial, times, sans-sarif;
font-weight: bold;
padding-top: 25px;
}

#maincontentbox{
width: 750px;
margin-left: 22px;
margin-top: 50px;
background-color: #3583BA;
height: auto;
float: left;
}

#maincontentbox p{
height: 155px;
font-size: 12px;
color:#fff;
font-family: Verdana, arial, times, sans-sarif;
padding: 10px;
line-height: 18px;
text-align: justify;
}


#bravobox{
width: 370px;
margin-left: 22px;
margin-top: 50px;
margin-right: 0px;
background-color: #3583BA;
float: left;
height: 125px;
}


#bravobox p{
font-size: 10px;
color:#fff;
font-family: Verdana, arial, times, sans-sarif;
padding: 10px;
line-height: 18px;
text-align: left;
}


#szytelbox{
width: 370px;
margin-left: 12px;
margin-top: 50px;
background-color: #3583BA;
float: left;
height: 125px;
}


#szytelbox p{
font-size: 10px;
color:#fff;
font-family: Verdana, arial, times, sans-sarif;
padding: 10px;
line-height: 18px;
text-align:left;
}

#contentcolleft{
width:400px; 
float:left;
}

#contentcolright{
width:400px; 
float:left;
}


/* LIST STYLES */

.bio{
float: left;
font-size: 10px;
color: #fff;
line-height: 20px;
list-style: disc;
margin-left: 15px;

}

.visits{
font-size:13px;
line-height: 16px;
list-style: disc;
margin-left: 40px;

}

/* MENU */

#menu li{
height:5px;
display: inline;
margin-left: 15px;
font-size: 15px;
font-family: Verdana, arial, times, sans-sarif;

}

#menu a{
color:#fff;
width: auto;
padding: 8px 6px 5px 6px;
text-decoration: none;
font-weight: bold;

}

#menu a:hover{
border-left:solid 1px #043B65;
border-right:solid 1px #043B65;
border-top:solid 1px #043B65;
color:#043B65;
background: #fff;
width: auto;
padding: 4px 5px 4px 5px;
text-decoration: none;
}

#menu .active a{
border-left:solid 1px #043B65;
border-right:solid 1px #043B65;
border-top:solid 1px #043B65;
background: #fff;
color:#043B65;
width: auto;
padding: 5px 5px 4px 5px;
text-decoration: none;

}


/* FOOTER */

#footermenu{
padding-top:35px;
font-size: 10px;
font-weight: bold;
font-family: Verdana, arial, times, sans-sarif;
}

#footermenu li{
float: right;
display: inline;
}

#footermenu a{
text-decoration: none;
color: #043B65;
}

#footermenu a:hover{
text-decoration: underline;
}

.footerlogo{
padding-top:13px;
float: left;
}

.footertext{
padding-top:35px;
float: left;
font-size: 10px;
font-weight: bold;
font-family: Verdana, arial, times, sans-sarif;
color: #043B65;
}