html, body {
height: 100%;
}
body {
margin:0;
padding:0;
font: 75% verdana, helvetica, arial, sans-serif;
line-height: 1.8em;
color: #999;
background: #fff;
}
				/*HEADER*/	
.header {
	height: 155px;
	width:100%;
	padding-top:0;
	background-color: #007EBB;
	background-image: url(images/Banner_sky.jpg);
	background-repeat: no-repeat;
}
				/*HEADER LOGO*/	
.logo {
	width:500px;
	padding:40px 0 0 0;
	margin: 0 0 0 230px;
	letter-spacing: 5px;
	color:#DCE4F6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
}

.logo2 {
   color: White;
   text-align: center;
   font: italic 1.5em georgia, sans-serif;
   font-family: cursive;
}
				/*TOP NAVBAR*/	
#topnav {
position:relative;
display:block;
height:39px;
margin:0 0 10px 0;
background:transparent url(images/bgOFF.gif) repeat-x top left;
font: bold 1em Arial,Verdana,Helvitica,sans-serif;
}
#topnav  ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#topnav  ul li {
display:block;
float:left;
margin:0;
}
#topnav  ul li a {letter-spacing: 2px;
display:block;
float:left;
padding:11px 20px 0 20px;
height:23px;
text-decoration:none;
color:#666;
background:transparent url(images/bgDIVIDER.gif) no-repeat top right;
}
#topnav  ul li a:hover,#topnav ul li a.current {
color:#993333;
background:#fff url(images/bgON.gif) no-repeat top left;
}

				/*LEFT SIDEBAR*/	
.sidebar {
	float:left;
	width:20%;
	background:transparent;
	height:auto;
	padding-top:0;
	border-right: 1px solid #eee;
}
.sidebar img {
padding-left: 15px;
}
				/*COLUMNS*/	
.gutter {
float : left;
width : 1%;
height : 1px;
}

.gutter2 {
float : right;
width : 1%;
height : 1px;
}

.col1 {
	float:left;
	width: 55%;
	margin-left:1%;
	margin-right:1%;
	height: auto;
}
.col2 {
	float:left;
	width: 20%;
	height: 100%;
}
				/*FOOTER*/			
.footer {
float:left;
width:100%;
padding-top:10px;
padding-bottom:0;
text-align:center;
background:#000 url(images/foot.jpg) repeat-x;
color:#DCE4F6;
}
				/*LINKS*/	
a:link, a:visited {
color:#993333;
text-decoration:none;
}
a:hover {
text-decoration: underline;
color: #aaa;
}
				/*TYPOGRAPHY*/
blockquote {
font-weight : normal;
font-style : italic;
color : #6897C0;
}
h1 {
	font:normal 1.7em georgia, arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color:#003399;
	padding:10px;
}
h2 {
	font:bold 1.7em georgia, arial, Helvetica, sans-serif;
	letter-spacing: 3px;
	color:#8AB3E7;
	padding:10px;
}
p {
	padding-left:10px;
	padding-right:10px;
}
p strong {
color: #993333;
}

p.c1 {
   text-align: justify;
}

p.c2 {
   text-align: center;
}
				/*IMAGES*/	
.imgleft {
float: left;
margin-right: 20px;
padding: 10px;
border: 0px solid #eee;
}
				/*LEFT MENU*/
.navlist {
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid #eee;
width: auto;
}
.navlist li {
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid #eee;
}
.navlist li a { text-decoration: none;
color: #aaa;
background :url(images/arrow.png) left center no-repeat;
padding-left: 20px;
}
.navlist li a:hover {
text-decoration: none;color: #993333;
}

.navlist2{
padding-left: 0;
margin-left: 0;
width: auto;
}
.navlist2 li {
list-style: none;
margin: 0;
padding: 0.25em;
}
.navlist2 li a { text-decoration: none;
color: #aaa;
background :url(images/arrow.png) left center no-repeat;
padding-left: 20px;
}
.navlist2 li a:hover {
text-decoration: none;color: #993333;
}
				/*LOGIN BOX*/
#loginform {
width:auto;
margin:10px 10px 10px 0;
}
#loginform fieldset{
padding:10px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:2em;
background:#ECF2ED;
padding:10px 10px 0;
}
#loginform input {
margin-right:15px;
border:1px solid #999;
float:right;
clear:right;
background:#fff;
color: #96B89D;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333;
}
.error{
color:red;
font-weight:bold;
}

#goog-wm {
  width: 500px;
  padding: 1em;
  border: 3px solid #aebd63;
  background-color: white;
}


#goog-wm h3.closest-match {
  color: #8f2831;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;;
  font-size: 170%;
  margin: 0;
}

#goog-wm h3.closest-match a { }
   
#goog-wm h3.other-things {

  color: #8f2831;
}
   
#goog-wm ul li { }
   
#goog-wm li.search-goog {
  display: none;
}

tr.c1 {
   background: transparent;
   text-align: center;
}

tr.c2 {
background-color: #F0F0F0;
text-align: center;
}

th.c1 {
text-align: center;
color: White;
background-color: Silver;
   
}

span.c1 {
   color: Red;
   font: bold 75% verdana, geneva, arial, helvetica, sans-serif;
}

span.c2 {
   color: Green;
   font: bold 75% verdana, geneva, arial, helvetica, sans-serif;
}

span.c3 {
   color: Blue;
   font: bold 75% verdana, geneva, arial, helvetica, sans-serif;
}

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

.pagination{
padding: 1px;
}

.pagination ul {
margin: 0;
padding: 0;
text-align: left;  
font-size: 16px;
}

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

.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: #FFFF80;
}

.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;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url(images/roundedge-blue-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 14px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
border: none;
}

a:link.boldbuttons, a:visited.boldbuttons {
   color: White; /*button text color*/
}

a:hover.boldbuttons, a:active.boldbuttons {
background: transparent url(images/roundedge-green-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 14px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:hover.boldbuttons span, a:active.boldbuttons span {
background: transparent url(images/roundedge-green-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/

}

a.boldbuttons span{
background: transparent url(images/roundedge-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: none;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
div.img {
	margin: 4px;
	border: 1px solid #A8D4C4;
	height: Auto;
	width: Auto;
	float: left;
	text-align: center;
}
div.img img {
   display: inline;
	margin: 3px;
	border: 1px solid #ffffff;
}
div.img a:hover img {
	border: 1px solid #A8D4C4;
}
div.desc {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	width: 110px;
	margin: 2px;
}
div.img2 {
	height: 80px;
	width: 468px;
	text-align: justify;
	position: relative;
}