body {font-family:Tahoma, Geneva, sans-serif; font-size:100%; background:#e8e8e8 url(../images/body-bg.jpg) repeat-x; padding:0; margin:0;}
header, footer {display:block; margin:0 auto; }
#wrapper {margin:0 auto; width:990px; }
.content {position:relative; padding:10px; font-size:0.9em;  margin-top:10px; border:1px  #dbdbdb solid; background:#FFF;}
#cookiebar {display:none; background:#f9ea01; text-align:center; padding:15px; font-size:90%; border:1px #228723 solid; border-top:0;}
#cookiebar img  {vertical-align:middle; margin-right:8px;}

.csl, .csr {position:absolute; top:0; width:12px; height:196px; }
.csl {left:-12px; background:url(../images/content-shadow-left.png) no-repeat;}
.csr {right:-12px; width:12px; height:196px; background:url(../images/content-shadow-right.png) no-repeat;}

header {border:#ed1c24 0px dashed; position:relative; margin-top:8px;}
#telno {float:right; font-size:2.1em;}
footer {border:#dbdbdb 1px solid;  font-size:0.7em; margin-top:10px; background: #228723; padding:10px; color:#FFF}

h1 {margin:0; padding:0px 0px 5px 0px; font-size:1.6em;}

.curv-10 {-moz-border-radius: 10px; 	border-radius: 10px;	-webkit-border-radius: 10px;    -khtml-border-radius: 10px;}

.img-shaddow { margin:0px 10px 10px 15px; -webkit-box-shadow: 5px 5px 5px 0px #afafaf;
box-shadow: 5px 5px 5px 0px #afafaf;  border:6px #f1f1f1 solid;}

.temp h2 { color:#FFF;}
.temp {border:#ed1c24 2px solid; padding:4px; text-align:center; background:#00adef;}
.fright {float:right;}
.imgright {float:right; margin-left:10px;}
.acenter {text-align:center;}
.green {color:#228723;}
.qual {color:#696969; font-size:0.8em;}
.subheading {margin:0; font-weight:bold;}

.grid-wrapper {overflow:hidden; clear:both;margin-bottom:10px;}
.grid-2, .grid-3, .grid-4 {border:1px #a1a1a1 solid; float:left; background:#f7f6f6 url(../images/box-bg.jpg) repeat-x top;
-webkit-box-shadow: 4px 4px 2px 0px #afafaf;
box-shadow: 4px 4px 2px 0px #afafaf; }
.grid-2 {width:470px;  margin-left:20px;}
.grid-3 {width:307px;  margin-left:18px; margin-bottom:4px; min-height:215px;}
.grid-4 {width:228px; margin-left:15px; margin-bottom:10px;} 

.grid-2:first-child, .grid-3:first-child, .grid-4:first-child{margin:0;}

.grid-2 h2, .grid-3 h2 {background: #228723; text-align:center; margin:0; padding:10px; border-bottom:1px solid  #1f409a; color:#fff; text-shadow: 1px 1px 0px #333333;
        filter: dropshadow(color=#333333, offx=1, offy=1);}
.grid-1 p, .grid-3 p {margin:0; padding:10px 20px}
 .grid-4 p {margin:0; padding:10px 10px}
.grid-4 h2 {margin:0; padding:10px; font-size:1.2em;}

.members {border:1px #a1a1a1 solid; overflow:hidden; clear:both;margin-bottom:10px; background:#f8f8f8;
-moz-border-radius: 10px; 	border-radius: 10px;	-webkit-border-radius: 10px;    -khtml-border-radius: 10px;}
.member {float:left;   width:35%; min-height:140px;}
.view-member {margin:8px;}

.members h2 {margin:0; padding:10px; font-size:1.2em;}
.members p {margin:0; padding:10px 10px}
.skills {float:left; width:64.5%; border-left:1px #a1a1a1 solid; min-height:140px;}
.member-details {display:none; clear:both; border-top:1px #a1a1a1 solid; padding-bottom:10px; overflow:hidden; background: #c2d9c2; }
.member-grid, .member-grid-photo {border:1px #a1a1a1 solid; float:left; width:26.5%; margin-left:1.8%; min-height:120px; background:#f6f6f6; color:#000;}
.member-grid-photo {margin-left:1%; width:12%; min-height:122px; overflow:hidden;}
.member-grid-photo img {vertical-align:top; padding-top:1px;}

#headbanner {position:absolute;top:2px;right:128px;}
.toplinks {position:absolute; top:0; right:0; font-size:0.8em;}
.toplinks a {text-decoration:none; color:#333;}
.toplinks a:hover {text-decoration:underline; color:#000;}
#topmenu {display:block;  margin:0 auto; position:absolute; bottom:5px; right:0; height:36px;  border:1px  #dbdbdb solid;  overflow:hidden}
#topmenu ul { list-style-type:none; margin:0; padding:0;}
#topmenu li {float:left; border-left:1px #333 solid;}
#topmenu li a {padding:9px 40px; line-height:37px;  background:#fbfbfb url(../images/menu-bg.png) repeat-x; text-decoration:none; font-size:1em; color:#333 }
#topmenu li a:hover {background:#badbba url(../images/menu-bg.png) 0px -38px repeat-x; color:#000}
#topmenu li:first-child {border:0px;}
.boxlist {margin:0; padding:0px 0px 0px 30px; list-style-type:square;}
.links {list-style-type:none; margin:0; padding:0;margin-bottom:10px;}
.links li {padding:6px;}

@media screen and (max-width: 960px) {
#wrapper {width:97.4%; margin:0 auto; min-width:320px; }
.grid-3 {width:32%;  margin-left:1.5%; min-height:240px;}
.grid-3 h2 {padding:10px; font-size:110%}
.grid-3 p {font-size:90%;}
#topmenu { position:relative;   background:#fbfbfb url(../images/menu-bg.png) repeat-x;}
#topmenu li {width:19.8%; }
#topmenu li a {display:block; padding:0px 4px; line-height:37px; text-align:center;}
#headbanner {right:5px; top:25px}
}
@media screen and (max-width: 800px) {
#wrapper {width:99%;  }
#headbanner {display:none}
.grid-3 {margin-left:1.3%; min-height:290px;}
.grid-3 h2 {padding:6px; font-size:104%}
.csl, .csr {display:none;}
}
@media screen and (max-width: 600px) {
#topmenu li a {font-size:90%}
#fpimg {width:50%; height:auto;}
.grid-3 {margin-left:1.2%; min-height:340px;}
.member-grid-photo {display:none}
.member-grid {float:none; width:95%; margin:1.8%;  }
}

@media screen and (max-width: 440px) {
#topmenu li {width:19.6%; }
#topmenu li a {font-size:80%}
.grid-3 {margin-left:0; width:98%; min-height:0px; margin-top:18px; float:none;}
}