/* CSS Document */

html { font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#outer { width:980px; margin: 0 auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

#wrap { width:960px; margin: 0 auto; }

header { height:144px; }
header h1 { margin:0; padding:0; }
header #logo { width:385px; height:144px; float:left; }
header #contact_logo { width:379px; height:99px; float:right; margin:45px 20px 0 0; }

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
/*for IE 6/7 (triger hasLayout) */
.cf { zoom:1; }

nav { background-color:#4C74B9; margin:25px 0 10px 0; }
nav ul,li { margin:0; padding:0; list-style:none; float:left; }
nav ul { background-color:#4c74b9; height:2em; width:100%; }
nav li { position:relative; }
nav ul li a { display:block; line-height:2em; padding:0 1em; color:#fff; text-decoration:none; }
nav ul li a:hover, .topmenu > li:hover > a { background-color:#CCCCFF; color:#333; height:2em; padding-top:0.3em; position:relative; top:-0.3em; border-radius:0.3em 0.3em 0 0;  }

/* Sub menus */ 

nav ul.submenu { float:none; background-color:#4C74B9; width:auto; height:auto; position:absolute; top:2em; left:-9000em; max-height:0; -moz-transition:max-height 0.5s ease-in-out; 	-webkit-transition:max-height 0.5s ease-in-out;
	-o-transition:max-height 0.5s ease-in-out;
	transition:max-height 0.5s ease-in-out;
	overflow: hidden; }
nav ul.submenu li { float:none; }
.topmenu li:hover ul { left:0; max-height:20em; }
nav ul.submenu li a { border-bottom:1px solid white; padding: 0.2em 1em; white-space:nowrap; }
nav ul.submenu li:last-child a { border-bottom:none; } 
nav ul.submenu li a:hover { background-color:#ccccff; color:#333; height: 2em; padding-top:0.2em; top:0; border-radius:0; }



#main_images { width:960px; height: 300px; background-color:#ccc; clear:both; }

#main_text {  width:918px; margin-top:10px; background-color:#C6E0B8; padding:20px; border: 1px solid #666; border-radius:0.2em; }
#main_text h1 { font-weight:normal; color:#4C74B9; }

#links { background-color:#D8D8D8; color:#000; margin-top:10px; padding:10px 10px 20px 10px; padding-left:9%; border: 1px solid #666; border-radius:0.2em; width:862px; float:left; }
#links h1 { font-weight:bold; font-size:1em; }
#links .link_columns { width:30%; float:left; }
#links ul { margin:0; padding:0; }
#links ul li { float:none; }
#links ul li a { text-decoration:none; color:#333; }
#links ul li:hover, li:focus { text-decoration:underline; }

footer { border-radius:0.2em; background-color:#404040; color:#fff; margin-top:10px; padding: 0.25em; padding-left:20px; width:938px; float:left; clear:both; }
footer .red { color:#6491A1; }
footer a { text-decoration:none; }
footer a:hover, a:focus { text-decoration:underline; }