body {

	margin:0;

	padding:0;

	background:#fff url(repeat5.jpg) repeat-y top center;
	background-attachment:fixed;

	font-size:78%;

	font-family:Mako;

}	

/****************       COMMON ELEMENTS           *******/

/****************           LINKS           ********/

a {

	color:#4290B8;

}

#notify { width: 540px ;
margin: auto;
height: 30px;
background-color:#FF9;
font-size: 16px;
text-align:center;
color: black !important;
font-style:normal !important;
text-decoration:none !important;
}

a.notify {color: #FF9 ; font-style:normal !important;}

a.notify:hover {text-decoration:underline !important;}

.homepagenews { font-size: 13px }

img
{
	border-style:none;
}


a:hover {

	color:#59806F;

	text-decoration:none;

}	

/****************          HEADINGS          *******/

h1, h2 {

	margin:0;

	padding:10px 0 0 40px;

	font-family:Mako, "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight:normal;

	font-size:1.6em;

	color:#333;

}

/**********                         PARAGRAPHS         ******/

p {

	padding-left:10px;

}

.nopadding { padding:0px; }

/***********                        TABLES                     ******/

table {

	width:100%;

	border:1px solid #ccc;

	border-collapse:collapse;

	margin-left:10px;

}



td {

	border-right:1px solid #ccc;

	border-bottom:1px solid #ccc;

}



th {

	background:#e5e5e5;

}	



/******************           INDEPENDANT DIVS AND CLASSES            ****/

/*****                    MAIN CONTAINER      *****/

#container {

	width:776px;

	margin:0 auto;

	position:relative;

	height:auto;
	
	background: #FFF !important;
	

}

#footerdiv { dispay: none;
}


#container2 {

	width:762px;

	margin:0 auto;

	position:relative;

	height:870px;

}

/*********                    HEADER                          *******/

#header {

	background:url(newheader.jpg) no-repeat top center;

	height:185px;

	border-bottom:1px solid #fff;

	overflow:hidden; /* Keeps header from blowing up when text size is incresased  **/

}



#header h1, #header h2 {

	color:#FFFFFF;

	padding:50px 0 0 300px;

	font-size:3em;

}	



#header h2 {

	font-size:1.2em;

	padding:0 0 0 300px;

	margin-top:-6px;

}	

/***********                      LEFT COLUMN           *****/

#leftcol {

	float:left;

	width:744px;
	
	padding-left: 4px;

}



/***********                      LEFT COLUMN           *****/

#leftcol2 {

	float:left;

	width:560px;

}

/************                    RIGHT COLUMN         ****/

#rightcol {

	width:200px;

	float:right;
	
	margin-right: 10px;

}



#rightcol h1 {

	font-size:1.3em;

	padding-left:20px;

	font-weight:bold;

	font-family:Mako;

}	



img.portrait {   /**        The main image in the sidebar     **/

	background:#fff;

	padding:4px;

	border:1px solid #ccc;

	display:block;

	margin:10px auto 0 auto;

}	



#rightcol li {

	line-height:1.5em;

	list-style:none;

}	

/****************                NAVIGATION IN RIGHT COLUMN         *******/

#nav {

	list-style:none;

	padding-left:17px;

	margin:0 auto;

}



#nav li {

	background:#fff;

	width:210px;

	height:1.8em;

	line-height:1.8em;

	text-align:center;

	font-size:1.2em;

	margin:5px 0;

	border-bottom:1px solid #ccc;

	border-right:1px solid #ccc;

	border-left:1px solid #ccc;

	border-top:1px solid #ccc;

}	



#nav li a {

	color:#333;

	text-decoration:none;

	display:block;

	width:210px;

}	



#nav li a:hover {

	background:#4C83BA;

	color:#fff;

}	

/******************                  FOOTER                 ****/

#footer {

	text-align:center;

	background:#fff;
	
	clear: both;
	
	border-top: 1px solid #CCC;

}	





/************************ IMAGE SPANS *********************************/

/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: white;

left: -100000px;

border: 2px solid #000;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 25px;

left: 0px; /*position where enlarged image should offset horizontally */



}



/****************************** Floating Div's *************************/

div.floating1 {

	background:transparent;

	position:absolute;

	top: 192px;

	left: 52px;

	width: 300px;

	height: 133px;

}

div.floating2 {

	background:transparent;

	position:absolute;

	top: 346px;

	left: 19px;

	width: 300px;

	height: 133px;

}

div.floating3 {

	background:transparent;

	position:absolute;

	top: 640px;

	left: 377px;

	width: 300px;

	height: 133px;

}

div.floating4 {

	background:transparent;

	position:absolute;

	top: 494px;

	left: 472px;

	width: 300px;

	height: 133px;

}

div.floating5 {

	background:transparent;

	position:absolute;

	top: 346px;

	left: 463px;

	width: 300px;

	height: 133px;

}

div.floating6 {

	background:transparent;

	position:absolute;

	top: 200px;

	left: 370px;

	width: 300px;

	height: 133px;

}

div.floating7 {

	background:transparent;

	position:absolute;

	top: 519px;

	left: -2px;

	width: 300px;

	height: 133px;

}



div.floating8 {

	background:transparent;

	position:absolute;

	top: 646px;

	left: 120px;

	width: 300px;

	height: 133px;

}

div.floatingkarel {

	background:transparent;

	position:absolute;

	top: 364px;

	left: 293px;

	width: 162px;

	height: 249px;

}

div.floatingfooter {

	background:transparent;

	position:absolute;

	top: 846px;

	left: 0px;

	width: 762px;

	height: 21px;

}


/**************** COMMENTBOX *******************/

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
margin-left: 15px;
margin-top: 15px;
}

.commentboxbig{
background-color: #ececec;
width: 513px;
padding: 10px;
margin-left: 15px;
margin-top: 15px;
}

.commentfooter{
background: url(arrow.gif) 35px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 78px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.commentheader{
background: url(arrowup.gif) 35px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 78px;
padding-top: 1px;
margin-bottom: -17px;
font-size: 100%;
color: #4A4A4A;
}