/* CSS Document */

body {
font-size: 12pt; /*Sets all fonts to 10px*/	
font-family: Verdana, Geneva, Arial, sans-serif;
padding: 0;
margin: 0px; 
background-color: #deeff6; 
}







h1 {font-size: 2.2em; color: #000; font-family: Trebuchet MS, Arial, Tahoma, Verdana;}
h2 {font-size: 2em; color: #2d4492;  font-family: Trebuchet MS, Arial, Tahoma, Verdana;}
h3 {font-size: 1.4em; color: #2d4492; font-family: Trebuchet MS, Arial, Tahoma, Verdana;}
h4 {font-size: 1.3em; color: #2d4492; font-family: Trebuchet MS, Arial, Tahoma, Verdana; cursor: hand;}

.info {border-bottom: 0px solid #000; }

#main ul {font-size: 1.2em;
line-height: 1.7em;	}

/* Layout elements */
.links {float: right; width: 45%; text-align: right; padding-right: 10px; padding-top: 8px; font-size: 12px; font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; color: #000000;}
.links a {color: #41687c;}
.links a:hover {color: #2d4492;}


.sidebar {
	display: none;
}

.login {
float: left;	
}

input.btn{
   color:#000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#ffffff;
   border:1px solid;
   border-color:#7f9db9;
   height: 22px; }
   
#head {
background-image:url(../images/bg_head.jpg);
background-repeat: repeat-x;
height: 88px;
border-bottom: 1px solid #73add5;
}

.awards {
	border: 1px;
}

.footer {
clear: both;
background-color: #ededed;
border-bottom: #dbdbdb 2px solid;	
font-size: 1.2em;
font-family: Trebuchet MS, Arial, Tahoma, Verdana;
padding: 4px; 
margin-top: 10px;

text-align: right;
}

.more {width:800px; height: 40px; margin: 0 auto; background-color:#dbdbdb; text-align: left; font-size: 11px; color: #FFFFFF; line-height: 16px; font-family: sans-serif;}
.more a {color: #ccc;}
.more a:visited {color: #ccc;}

.footer a {color: #86a62e;}
.footer a:visited {color: #2d4492; text-decoration: none;}
.footer a:hover {color: #000000; text-decoration: underline;}

/* Submenu elements */

#menu {
background: #abcb42;
padding: 1px;
}

.menutitle {
font-size: 1.6em;
}



.divStrap, .divStrap2 {
    position: absolute;
    top:10px; 
    left:10px;
    color: #000; 
    z-index:3;

}
.divStrap2 {
    top:11px; 
    left:11px;
    color: #86a62e; 
    z-index:4;
}


#title {
	position:relative;
	left:10px;
	top:18px;
	font-family: Trebuchet MS;
	font-size: 36px;	
	color: #2d4492;
}

#breadcrumb { 
	position:relative;
    left: 15px;
    top: 15px;
    z-index:1;	
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	font-weight: normal;
}	

#error {color: red;}

#breadcrumb a {color: #41687c;}
#breadcrumb a:visited {color: #41687c; text-decoration: none;}
#breadcrumb a:hover {color: #000000; text-decoration: underline;}


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

#ddcolortabs{
margin: 0 auto;
margin-top: 9px;
padding: 0;
width: 800px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: 1.2em Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;

}


#ddcolortabs a{
float:left;
color: #003366;
background: #b5d4e6 url(../images/nav/color_tabs_left.gif) no-repeat left top;
margin:0 4px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(../images/nav/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #bddaec;
color: #595959;
}

#ddcolortabs a:hover span{
background-color: #bddaec;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #a8cc45;
}

#ddcolortabs #sub a, #ddcolortabs #sub span{ /*currently selected tab*/
background-color: #ccc;
margin-left: 10px;
}

#ddcolortabsline{
clear: both;
margin: 0 auto;
padding: 0;
width: 800px;
height: 4px;
background: #a8cc45;
border-bottom: 0px solid #73add5; /*Remove this to remove border between bar and tabs*/
}

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

.wireframemenu{
width: 150px;
padding: 10px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 144px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
border-top: 0px solid #86a62e;
}

.wireframemenu a{
font-size: 1.4em; font-family: Trebuchet MS;
padding: 4px 3px 4px 20px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
border-bottom: 0px solid #86a62e;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #bddaec;
color: black;
}

.wireframemenu #current a, .wireframemenu #current span{ /*currently selected button*/
background: #d1e482 url('../images/nav/current_arrow.gif') no-repeat;
background-position: 2% 50%; 
padding: 4px 3px 4px 20px;
border-top: 1px solid #86a62e;
border-bottom: 1px solid #86a62e;
}

/* news */
.newstitle {font-family: Verdana; font-weight: normal; font-size: 1.4em; margin-top: 10px; font-weight: bold; text-align: left;}
.newstitle A:link, p A:active {
	color: #0040b6;
	border-bottom: dotted #cccccc 0px;
}
.newstitle A:visited {
	color: #0040b6; 
	border-bottom: dotted #cccccc 0px;
}
.newstitle A:hover {
	color: #000000; text-decoration: none;
	border-bottom: dotted #999999 0px;
}
.newsdate {font-family: Verdana; font-size: 1em; color: #666666;} 

.demo-show {
  
  margin: 1em .5em;
}
.demo-show h3 {
  margin: 0;
  padding: .25em;
  background: #bfcd93;
  border-top: 1px solid #386785;
  border-bottom: 1px solid #386785;
}
.demo-show div {
  padding: .5em .25em;
}