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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body {
	background-color: #FEFEFE;
	
		font: 14px "Lucida Grande", "Trebuchet MS", Arial, sans-serif;
	color: #000000;
	overflow-x: hidden;
}

p {
	text-align: justify;
	line-height: 23px;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}


.ul1{
list-style-type: disc;
padding-left:20px;
}

.ul2{
list-style-type: circle;
padding-left:30px;
}

a:link

{

color: #4f4f4f;

}

a:visited

{

color: #4f4f4f;

}

a:hover

{

color: #000000;
text-decoration:none;

}

a:active

{

color: #4f4f4f;


}

a.pages:link

{
color: #4f4f4f;
text-decoration:none;
border: 1px dotted #4f4f4f;
padding-left:3px;
padding-right:3px;
}
a.pages:visited
{
color: #4f4f4f;

border: 1px dotted #4f4f4f;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

a.pages:hover

{
color: #000000;
text-decoration:none;
border: 1px solid #4f4f4f;

padding-left:3px;
padding-right:3px;
}

a.pages:active

{

color: #4f4f4f;

border: 1px dotted #4f4f4f;
text-decoration:none;
padding-left:3px;
padding-right:3px;
}

#selected
{
font-weight:bold;
color:#000000;
background-color:#DDDDDD;
}

#no_underline
{
text-decoration:none;
}



/*************************             Tomas ************************************************************/

#wrapper-header {
	width: 100%;
	height: 201px;
	background: url(../images/header-background.jpg) repeat-x;
}

#header-main {
	width: 960px;
	height: 149px;
	background: url(../images/header-main-background.jpg) no-repeat;
	margin: auto;
}

#header-main .left {
	float: left;
	width: 700px;
	padding-top: 30px;
}

#header-main .left_flash {
	float: left;
	width: 700px;
	height: 149px;
	padding-top: 0px;
	
}


#header-main .left img {
	display: block;
	float: left;
	margin-right: 20px;
}

#header-main .left div {
	padding-top: 10px;
	width: 601px;
	text-align: right;
}

#header-main .left h1 {
	color: white;
	font-family: "Anivers", Arial, sans-serif;
}

#header-main .left span.tagline {
	color: white;
	font-size: 18px;
	font-family: "Anivers", Arial, sans-serif;
}

#header-main .right {
	float: left;
	width: 260px;
}

#header-main .right .login-button {
	margin: 50px 10px 0px 0px;
	width: 160px;
	height: 50px;
	background: url(../images/header-login.png) no-repeat;
	float: right;
	cursor: pointer;
}



.login-form {
	display: none;
	margin-top: 50px;
	width: 230px;
	float: right;
}

.login-form fieldset {
	width: 230px;
}

.login-form label {
	float: left;
	color: white;
	line-height: 22px;
}

.login-form .input-text, .login-form .input-pass {
	width: 150px;
	height: 14px;
	float: right;
	background-color: #7fd242;
	color: #444;
	border: 1px solid white;
	padding: 3px;
	margin-bottom: 2px;
}

.login-form .submit {
	clear: both;
	float: right;
	width: 80px;
	color: #444;
	cursor: pointer;
	height: 23px;
	background-color: #7fd242;
	border: 1px solid white;
	padding: 2px;
}

.login-button a{
color:#FFFFFF;
font-size: 17px;
text-decoration: underline;
}


#menu {
	background: url(../images/menu-background.jpg) no-repeat;
	width: 960px;
	margin: 1px auto 0px;
	font-family: "Anivers";
	font-size: 18px;
	height: 51px;
	overflow: hidden;
}

#menu a {
	color: #2a2a2a;
	
}

#menu ul {
list-style:none;	
}

#menu ul li {
	display: block;
	float: left;
	margin-top: 7px;
}

#menu ul li span {
	display: block;
	height: 45px;
	float: left;
}

#menu ul li span.center img {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	position: relative;
	top: -7px;
	margin-right: 10px;
}

#menu ul li span.left {
	background: url(../images/menu-tab-left.png) no-repeat;
	width: 20px;
}

#menu ul li span.center {
	background: url(../images/menu-tab-center.png) repeat-x;
	padding: 20px 7px 0px;
	height: 25px;

}

#menu ul li span.right {
	background: url(../images/menu-tab-right.png) no-repeat;
	width: 20px;
}

#menu ul li.active span.left, #menu ul li:hover span.left {
	background: url(../images/menu-tab-active-left.png) no-repeat;
}

#menu ul li.active span.center, #menu ul li:hover span.center {
	background: url(../images/menu-tab-active-center.png) repeat-x;
}

#menu ul li.active span.right, #menu ul li:hover span.right {
	background: url(../images/menu-tab-active-right.png) no-repeat;
}

#wrapper-main {
	background: url(../images/main-background.jpg) repeat-x bottom;
	padding-top: 30px;
}

#billboard {
	margin: auto;
	background: url(../images/billboard-background.png) no-repeat;
	width: 960px;
	height: 330px;
}

#billboard img {
	margin: 11px 0px 10px 11px;
	display: block;
	float: left;
}

#billboard .right {
	width: 450px;
	padding-top: 40px;
	float: left;
}

#billboard h2 {
	font-size: 30px;
}

#billboard .divider {
	border-top: 1px dashed #373737;
	font-size:16px;
	width: 100%;
	height: 0px;
	clear: both;
	margin: 20px 0px;
}

#billboard #learn-more-button {
	height: 40px;
	width: 130px;
	display: block;
	background: url(../images/learn-more-button.gif) no-repeat;
	float: right;
	margin-top: 20px;
}

#content {
	margin: 20px auto 0px;
	width: 1000px;
}

#content div.section, #content div.section_big, #content div.section_small{
	margin-top: 10px;
	width: 482px;
	float: left;
	margin-right: -18px;
	margin-left: -10px;
	padding-left: 38px;
}

#content div.section h2 {
	display: block;
	width: 432px;
	height: 47px;
	background: url(../images/section-heading-background.jpg) no-repeat;
	color: #f3f3f3;
	padding: 15px 0px 0px 20px;
	margin-bottom: 20px;
}

#content div.section .flash_section {
	margin-bottom: 20px;
}

#content div.section h2 {
	display: block;
	width: 432px;
	height: 47px;
	background: url(../images/section-heading-background.jpg) no-repeat;
	color: #f3f3f3;
	padding: 15px 0px 0px 20px;
	margin-bottom: 20px;
}


#content div.section_big h2 {
	display: block;
	width: 722px;
	height: 47px;
	background: url(../images/section-heading-background_big.jpg) no-repeat;
	color: #f3f3f3;
	padding: 15px 0px 0px 20px;
	margin-bottom: 20px;
}

#content div.section  h2 img, #content div.section_big  h2 img, #content div.section_small  h2 img {
	display: block;
	width: 48px;
	height: 48px;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}


#content div.section_big{
	width: 722px;
	padding-right: 38px;
	
}

#content div.section_small{
	width: 180px;
	padding:0px;
	margin:0px;

}

#content div.section_big h2 {
	
	width: 722px;
	
	background: url(../images/section-heading-background_big.png) no-repeat;
	
}

#content div.section_small h2 {
	
	width: 172px;
	
	background: url(../images/section-heading-background_small.png) no-repeat;
	
}

#content div.section a.subject {
	display: block;
	background: url(../images/main-subject.png) no-repeat;
	width: 210px;
	height: 120px;
	float: left;
	color: #fafafa;
	text-decoration: none;
	text-align: center;
	font-size: 19px;
	font-family: "Anivers";
	margin: 0px 30px 30px 0px;
}

#content div.section a.subject span.img-wrapper {
	clear: both;
	width: 98px;
	display: block;
	margin: auto;
}

#content div.section a.subject img {
	display: block;
	width: 90px;
	height: 90px;
	margin: auto;
}

#content .section .sub-section {
	margin-bottom: 30px;
	height: 120px;
	overflow: hidden;
}

#content .section .sub-section img {
	display: block;
	float: left;
	margin-right: 20px;
}

#content .section .sub-section div {
	width: 450px;
}

#content .section .sub-section div.img-wrapper-left {
	width: 150px;
	float:left;
}

#content .section .sub-section p {
	margin-top: 10px;
}

#content .section img.full {
	width: 450px;
	height: 120px;
	overflow: hidden;
}

#content .section h3 {
	margin: 0px 0px;
}

#content .section p {
	width: 450px;
}

#content .section .bubble-top {
	background: url(../images/section-bubble-top.gif) no-repeat;
	width: 410px;
	height: 120px;
	padding: 20px;
}

#content .section .bubble-top p, #content .section .bubble-left p {
	width: auto;
	font-family: "Lucida Grande", "Tahoma MS", Arial, sans-serif;
	line-height: 24px;
	font-size: 14px;
	color: white;
	
}

#content .section .bubble-left {
	background: url(../images/section-bubble-left.png) no-repeat;
	width: 260px;
	height: 120px;
	padding: 20px 60px 20px 20px;
	float: left;
}

#content .section img.section-man {
	display: block;
	position: relative;
	left: 30px;
	top: -30px;
}

#wrapper-footer {
	background: url(../images/wrapper-footer-background.jpg) repeat-x;
	width: 100%;
	padding-top: 2px;
}

#footer {
	background: url(../images/footer-background.jpg) no-repeat;
	width: 950px;
	padding-top: 35px;
	height: 50px;
	margin: auto;
	color: white;
}

#footer a {
	color: white;
}

.clear {
	clear: both;
}

.img-wrapper-left {
	float: left;
}