/* CSS Document */

html {	height: 100%; }

body { background: url(images/homepage01.jpg) repeat left top; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #7B7B7B;}

#wrapper {position: absolute; width:960px; height: 680px; left: 50%; top: 50%; margin-left: -480px; margin-top: -330px; background: #1e4773 url(/images/_wrapper_background.jpg) no-repeat;}

#langMenu {position:absolute; right:5px; top: 68px;}
#langMenu li{list-style: none; float:right; padding-left: 10px; text-align: right;}
#langMenu a{color: #fff;}

#container {position: absolute; width:960px; height: 480px; left: 50%; top: 50%; margin-left: -480px; margin-top: -240px; background: #FFF;}

#navigation {position: absolute; width: 22%; left: 22%; height: 100%; background: #FFF;}
#navigation-inner {margin-top: 5px; height: 470px; background: #1e4773 url(/images/_navigation_background3.jpg) right top no-repeat;}
#navigation-content {padding: 10px; margin:0;}
#mainMenu {list-style: none; padding:15px 10px 15px; margin:0;}
#mainMenu li {padding: 10px 2px 10px 2px; margin: 0; border-bottom: 1px solid #000033; border-top: 1px solid #306dab;background: url(/images/_navigation_bullet.gif) right no-repeat;}
#mainMenu li.first {border-top: none;}
#mainMenu li.last {border-bottom: none;}
#mainMenu a {display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; width: 100%;}

#content {height: 476px; margin-top: 2px; margin-left: 44%; margin-right: 2px; overflow: auto; background: url(/images/_content_background.gif) right top;}
#content-inner {margin: 2px; padding: 20px 25px 15px 25px; text-align: justify;}
#breadCrumbs {margin-bottom: 15px;}
#box1 { }
#box2 { float: left; width: 47%;  padding: 15px 0; }
#box3 { float: right; width: 47%;  padding: 15px 0; }

#logo {position: absolute; top: 5px; left: 5px; background: url(/images/_logo_background.jpg) 0 0 no-repeat; width: 205px; height: 470px; color: #fff;}
#logo-content{ text-align: center; margin-top: 30px;}
#logo-content h1{font: normal normal normal 18px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #fff; letter-spacing: -1px; margin-bottom: 3px;}

#footer {position: absolute; top: 590px; left: 0; width: 100%; text-align: center; color: #688FB7; }
#footer a {color: #ddd; text-decoration: none;}
#footer a:hover {color: #eee;}

h1,h2,h3,h4,h5 { margin: 0.2em 0 0.2em 0; color: #234D77; }
h1 { font-size: 16px; }
h2 { font-size: 13px; }
h3 { font-size: 11px; }

a { color: #0053A7; }
a:hover { text-decoration: none; }

a.readMore {
	display: block;
	padding-left: 16px;
	background: url(/images/readMore.gif) no-repeat left center;
}

input, textarea, ceckbox, label {font-size: 11px;}

.imgLeft {float:left; padding: 5px; margin: 0 10px 5px 0; border: 1px solid #ddd; background: #FFF;}
.imgCenter {float: none; padding: 5px; margin: 5px; border: 1px solid #ddd; background: #FFF;}
.imgRight {float:right; padding: 5px; margin: 0 0 5px 10px; border: 1px solid #ddd; background: #FFF;}