html, body { 
margin : 0;
padding : 0;
} 
body {
	font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: center top;
	text-align: left;
} 
			/*WRAP*/ 
#container {
	width : 800px;
	margin : 0 auto;
	border : 10px solid #fff;
	line-height : 2em;
	color : #666;
	background-color: #CFECEC;
	background-repeat: no-repeat;
	background-position: top;
} 
#top h1 {
	margin : 0;
	font-size : 140%;
	letter-spacing : 5px;
	background-color: #8FB8CC;
	height: 120px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
	background-repeat: no-repeat;
}
			/*TOP NAVIGATION*/ 
#navcontainer { 
border-bottom : 10px solid #fff;
} 
#navcontainer ul { 
text-align : center;
padding-bottom : 5px;
padding-top : 5px;
padding-left : 0;
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
background : #036;
color : white;
width : 100%;
font-family : Arial, Helvetica, sans-serif;
line-height : 18px;
} 
#navcontainer ul li { 
display : inline;
padding-left : 0;
padding-right : 0;
padding-bottom : 5px;
padding-top : 5px;
} 
#navcontainer ul li a { 
padding-left : 10px;
padding-right : 10px;
padding-bottom : 5px;
padding-top : 5px;
color : white;
text-decoration : none;
border-right : 1px solid #fff;
} 
#navcontainer ul li a:hover {
	color : white;
	background-color: #369;
} 
#navcontainer #active { 
border-left : 1px solid #fff;
}  
			/*LEFT SIDEBAR*/ 
#leftnav {
	float : left;
	width : 195px;
	margin : 0;
	padding : 1em;
} 
#leftnav p { 
margin : 0 0 1em 0;
} 
#leftnavmenu {
	list-style : none;
	float : left;
	width : 185px;
	margin : 30px 0 30px 0;
	padding : 0;
	font-size : 0.9em;
} 
#leftnavmenu ul { 
list-style : none;
width : 150px;
margin : 0 0 20px 0;
padding : 0;
font-size : 1.1em;
} 
#leftnavmenu li { 
margin-bottom : 2px;
} 
#leftnavmenu li a { 
font-weight : bold;
height : 20px;
text-decoration : none;
color : #505050;
background : #eaeaea url(images/up.gif) no-repeat left center;
display : block;
padding : 4px 0 0 30px;
border-left : 0 solid #8fb8cc;
} 
#leftnavmenu li a:hover { 
background : #8fb8cc url(images/right.gif) no-repeat left center;
color : #fff;
border-left : 0 solid #003366;
} 
			/*MAIN CONTENT*/ 
#content {
	margin-left : 200px;
	border-left : 10px solid #fff;
	padding : 1em;
	background-color: #FFFFFF;
	background-image: url(images/gabkulmap.png);
	background-repeat: no-repeat;
} 
#content p {
	padding : 0 2em 0 2em;
	text-align: justify;
} 
			/*FOOTER*/ 
#footer {
	clear : both;
	margin : 0;
	padding : 0;
	font-size : 0.9em;
	border-top : 10px solid #fff;
	color : #fff;
	background-color: #8FB8CC;
}
* > html #footer img { 
margin : 0;
} 
#footer p { 
padding : 0 0 0 5px;
} 
			/*TYPOGRAPHY*/ 
h2 { 
margin : 1em 0 0.5em 0;
font-size : 130%;
letter-spacing : 5px;
}
blockquote {
padding : 5px;
font-weight : bold;
font-style : italic;
color : #b29b35;
} 
 
.quote { 
border-top : 1px solid #8fb8cc;
padding : 10px;
color : #036;
} 
			/*SEARH BAR*/
form { 
float : right;
margin-bottom : 20px;
margin-right : 15px;
} 
input.search { 
width : 100px;
border : none;
background : url(images/input.gif);
padding : 4px;
} 
input.login { 
width : 75px;
border : none;
background : url(images/logininput.gif);
padding : 4px;
} 
 			/*LINKS*/
a:link, a:visited { 
color : #2480ad;
background : transparent;
text-decoration : none;
} 
a:hover { 
color : #036;
background : #8fb8cc;
text-decoration : none;
} 
a img { 
border : none;
} 
			/*IMAGESS*/
.imgleft { 
float : left;
padding : 5px;
margin-right : 10px;
}

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


			/*CLASS*/
.post {
	background-color : #B5DBEB;
	padding : 3px;
	border : 0 dashed #8a795d;
	font-size : 90%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
} 
.post .date { 
background : url(images/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(images/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(images/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.floatimgleft {
	float:left;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:0px;
    }
     .floatimgright {
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    }
    img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

<style type="text/css">

/*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: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

</style>

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #b29b35;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}

</style>
#container #content #oli {
	background-image: url(slide1.jpg);
}

.post1 {
	background-color : #48CCCD;
	padding : 3px;
	border : 0 dashed #8a795d;
	font-size : 90%;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
} 

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7; /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url('images/aeroleft.gif') no-repeat top left;
display: block;
float: right;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('images/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url('images/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('images/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

</style>

style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a:link {
	color: #2480ad;
	white-space: nowrap;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #2480ad;
}

a:hover {
	text-decoration: none;
	background-image: url(media/animated_underline.gif);
	background-repeat: repeat-x;
	background-position: 100% 100%;
	padding-bottom: 3px;
	color: #2480ad;
}

a:active {
	text-decoration: none;
}

</style>

#container #content #slideshow {
	height: 300px;
	width: 500px;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
position: absolute;
top: 0;
left: 700px; /*position where enlarged image should offset horizontally */
z-index: 150;
}

</style>

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
#container #content #web {
	border: thin solid #0066CC;
}
#container #content #WEB2 {
	border: thin solid #0066CC;
}
#container #content #web3 {
	border: thin solid #0066CC;
}
#container #content #WEB4 {
	border: thin solid #0066FF;
}
#container #content #td1 {
	background-image: url(images/bck1.png);
	background-repeat: repeat;
}
#container #content #contact {
	top: auto;
	vertical-align: top;
}