/*

CSS3 File For ACUK.
(C) The Red Design www.thereddesign.co.uk

*/

/* white space reset */
* { padding:0; margin:0; }









/*----------------------
  Structural Elements
----------------------*/

/* Correct a glitch in Safari which renders new HTML5 elements as inline */
header, nav, section, footer, article {display:block;}

body {
  background-color:#F0F7FC;
  
  font:0.9em Verdana;
  line-height:1.4em;
  padding:0 0 50px 0;
  
  background:#F0F7FC url('../images/shapes_bottom.png') 100% 100% no-repeat;
 }
 
body>header {
  padding:120px 16% 10px 16%;
  background-color:#fff;
  background-image:url("../images/logo.png");
  background-position:17% 35px;
  background-repeat:no-repeat;
 }
  body>header h1 {
    font-size:3em;
    line-height:1em;
    color:#001166;
    
    /* image replacement */
    display:none;
   }
  body>header details {
    color:#116699;
   }


body>nav {
  margin:0;
  padding:0 15%;
  
  background:#116699 url('../images/navbg.gif');
  
  overflow:hidden;
 }
  body>nav li {
    display:block;
    float:left;
    list-style:none;
    
    font:1.1em Verdana;
   }
	 body>nav a {
       display:block;
       float:left;
       padding:10px 10px;
       
	   text-transform:lowercase;
       text-decoration:none;
       color:white;
      }
     body>nav a:hover {
       background-color:#116699;
      }
     body>nav a.current {
       background-color:#b8eca4;
       color:#213143;
      }
     /* The Text Bigger/Smaller Buttons */
     body>nav ul:first-child {
       float:right;
      }
     body>nav ul:first-child li {
       display:inline-block;
       padding:5px 0;
      }
     body>nav ul:first-child li a {
       padding:4px;
       margin:0 0 0 5px;
       background:#2277aa -webkit-gradient(linear, left top, left bottom, from(#2277aa), to(#116699));
       background:#2277aa -moz-linear-gradient(#2277aa,#116699);
       border:1px solid #116699;
      -webkit-border-radius:5px;
      -moz-border-radius:5px;
      }
     body>nav ul:first-child li a:hover {
       background:#3388bb -webkit-gradient(linear, left top, left bottom, from(#3388bb), to(#2277aa));
       background:#3388bb -moz-linear-gradient(#3388bb,#2277aa);
       border:1px solid #2277aa;
      }
      
      
body>section {
  margin:30px 15% 0 15%;
  padding:0;
  
  text-align:left;
 }
body>section {
  margin-top:0;
 }
    body>section>header h2 {
      padding:10px 17px 10px 17px;
      z-index:1;
      position:relative;
      top:0;
    
      background-color:#b8eca4;
      background:#b8eca4 -webkit-gradient(linear, left top, left bottom, from(#b8eca4), to(#d5f6c8));
      background:#b8eca4 -moz-linear-gradient(#b8eca4,#d5f6c8);
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     -moz-border-radius-bottomleft:10px;
     -moz-border-radius-bottomright:10px;
    
      text-align:right;
      text-transform:lowercase;
      font-size:3em;
      line-height:1em;
      color:#213143;
      font:2.5em Verdana;
     }
    body>section>header h2.only {
      margin-bottom:30px;
     }
    body>section>header details {
      display:block;
      padding:20px 10px 10px 10px;
      margin:0 0 20px 0;
      position:relative;
      top:-10px;
    
      border:1px solid #c4ebb6;
      background-color:white;
      z-index:0;
      border-top:none;
     -webkit-border-bottom-left-radius:10px;
     -webkit-border-bottom-right-radius:10px;
     -moz-border-radius-bottomleft:10px;
     -moz-border-radius-bottomright:10px;
   
      color:#42513c;
    }
      body>section>header details a {
       color:#61954c;
      }
      body>section>header details a:hover {
       color:#85b871;
      }
 
body>footer {
  margin:30px 15% 0 15%;
  padding:10px 10px;
  clear:both;
  
  background-color:#fff;
  border:1px solid #ccc;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
  
  font-size:0.9em;
  color:#555;
 }
  body>footer a {
    text-decoration:none;
    color:#333;
   }
  body>footer a:hover {
    text-decoration:underline;
   }
   
   
/*--------------------------------------------------
  Regulate Margins of Main Elements Inside Section
----------------------------------------------------*/

section p,
section h3,
section h4,
section h5,
section h6,
section dl {
  margin-left:10px;
  margin-right:10px;
 }
 
section ul,
section ol,
section dl{
  margin-top:20px;
  margin-bottom:20px;
 }
 
section p,
section h4 {
  margin-bottom:10px;
 }

section hgroup * {
  margin:0;
 }
section hgroup {
  margin:10px;
 }
section hgroup h4,
section hgroup h6 {
  margin-left:0;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*--------------------------------------------------
  Typographical Elements in Main Section
----------------------------------------------------*/


section hgroup {
  display:block;
 }
section h3 {
  font:1.5em Verdana;
  color:#345b88;
  margin-top:20px;
  margin-bottom:20px;
 }
section h4 {
  font:1.4em Verdana;
  color:#345b88;
 }
section h5 {
  margin-bottom:5px;
 }
section h6 {
  font:0.9em Verdana;
  color:#777;
 }
 
section p {
  line-height:1.5em;
 }
section a {
  color:#116699;
  text-decoration:none;
 }
section a:hover {
  color:#3399bb;
  text-decoration:underline;
 }
section address {
  padding:0 20px 10px 20px;
 }
 
section ol {
  margin-left:50px;
  margin-right:50px;
 }
section ul {
  margin-left:20px;
  margin-right:20px;
 }

section>footer {
  color:#888;
  margin:0 10px;
  padding:3px;
  border-top:1px solid #ccc;
 }

section ul li, section ol li {
  margin:0 0 5px 0;
 }
section ul li {
  list-style:none;
  background:url('../images/icons/bullet.png') 0 0.2em no-repeat;
  padding:0 0 0 25px;
 }
 
section dl {
  margin-left:40px;
  margin-right:40px;
 }
  section dl dt {
    margin:0;
    font-weight:bold;
   }
  section dl dd {
    margin:0 20px 10px 20px;
   }
  section dl dd:last-child {
    margin:0 20px 0 20px;
   }

/* Calendar Icon */

time.calendar {
  display:inline-block;
  text-align:center;
  padding:0 0 3px 0;
  font-size:0.8em;
  width:5em;
  float:left;
  height:6em;
  margin:0 20px 40px 20px;
  overflow:hidden;
  border:1px solid #5189c7;
 -webkit-border-bottom-left-radius:10px;
 -webkit-border-bottom-right-radius:10px;
 -moz-border-radius-bottomleft:10px;
 -moz-border-radius-bottomright:10px;
  background-color:white;
 }
.meetingslist time.calendar { 
  margin:0 20px;
 }
time.calendar span {
  display:block;
 }
time.calendar span.dayofweek {
  background-color:#5189c7;
  background:#5189c7 -webkit-gradient(linear, left top, left bottom, from(#5189c7), to(#376daa));
  background:#5189c7 -moz-linear-gradient(#5189c7,#376daa);
  color:#fff;
  margin-bottom:3px;
 }
time.calendar span.dayofmonth {
  font:2em Georgia;
  color:#376daa;
 }
 
p.meetingbrief {
  margin-left:7em;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*--------------------------------------------------
  SECTION SPECIFIC   |   MEMBERS LIST
----------------------------------------------------*/

body#members header details nav {
  color:#888;
  text-align:center;
 }
body#members header details nav a {
  font-weight:bold;
 }
  dl.memberslist {
    text-align:center;
   }
  dl.memberslist h4 {
    text-align:center;
    font:3em Verdana;
    margin:20px 0;
    color:#b9cfdd;
   }
  dl.memberslist figure {
    margin:0;
    display:block;
   }
  * html dl.memberslist img {
   position:relative; top:10px; left:0;
  }
  dl.memberslist figure span {
    background-color:white;
    border:1px solid #ddd;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
    padding:5px;
    display:inline-block;
   }
  dl.memberslist dt {
    margin:5px 0;
   }
    
  dl.memberslist dd dl {
    margin:0 0 40px 0;
   }
  dl.memberslist dd dl dt {
    display:none;
   }
  dl.memberslist dd dl dd {
   margin:0;
  }

/*--------------------------------------------------
  SECTION SPECIFIC   |   CONTACT FORM
----------------------------------------------------*/
 
 form {
   text-align:right;
  }
 form fieldset {
   border:1px solid #4488bb;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
   padding:10px 30px 20px 30px;
   text-align:left;
   width:inherit;
 }
 form ol,
 form ul {
   margin:0;
  }
 form>fieldset>ol>li,
 form>fieldset>div>ol>li {
   line-height:1.5em;
   clear:both;
  }
  
 form ol li>label {
   display:block;
   float:left;
   width:34%;
   line-height:1.4em;
   margin:0 2% 0 0;
   padding:10px 0 5px 0;
  }
  
 form ol li textarea,
 form ol li input,
 form ol li select {
   border:1px solid #d7d7d7;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  margin:5px 0;
  }
 form ol li input[type=file] {
   border:none;
  }
 form fieldset textarea {
   padding:3px;
   width:55%;
   font-size:1.1em;
  }
 form fieldset input[type=text],
 form fieldset input[type=name],
 form fieldset input[type=email] {
   width:250px;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:3px;
   padding-right:3px;
   font-size:1.1em;
  }
 form ol li select {
   width:45%;
   padding:5px;
   font-size:1.1em;
  }
 form input[type=radio],
 form input[type=checkbox] {
   position:relative;
   top:3px;
   margin:0 5px;
   height:1.5em;
   border:none;
  }
 
 form p {
   padding:10px 0 0 0;
   margin:0;
  }
  
 form ol li,
 form ul li {
   list-style:none;
   background:none;
   margin:0;
   padding:0;
   overflow:hidden;
  }
 form ol li ul {
   margin:4px 0 0 37%;
  }
 form ol li ul li {
    margin:0 0 5px 0;
    line-height:2.1em;
   }
 form ol li ul li ul {
    margin:0 0 0 25px;
   }
 form ol li ul li ul li {
    padding:5px 0 0 0;
   }
 form ol li ul li ul li label {
    width:20%;
    text-align:right;
   }
 form input[type=text].inline {
    padding:1px 3px;
    height:1.7em;
    margin:0 0 0 10px;
   }
   
 form input[type=submit] {
   color:white;
   margin:10px 0 0 0;
   border:1px solid #2277aa;
   background-color:#3388bb;
   background:#3388bb -webkit-gradient(linear, left top, left bottom, from(#3388bb), to(#116699));
   background:#3388bb -moz-linear-gradient(#3388bb, #116699);
   padding:5px 10px;
   font:1em Georgia;
  -webkit-box-shadow: -2px 2px 3px #aaa;
  -moz-box-shadow:#aaa -2px 2px 3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
   cursor: pointer;
  }
   
 form input[type=button].back {
   color:black;
   margin:10px 0 0 0;
   border:1px solid #999;
   background-color:#ddd;
   background:#ddd -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   background:#ddd -moz-linear-gradient(#fff, #ccc);
   padding:5px 10px;
   font:1em Georgia;
  -webkit-box-shadow: -2px 2px 3px #ccc;
  -moz-box-shadow:#aaa -2px 2px 3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
   cursor: pointer;
   float:left;
  }
  
 form ol.meetingslist {
   padding:20px 0 0 0;
  }
 form ol.meetingslist li {
   padding:15px 30px 15px 0;
   margin:0 0 10px 0;
   border:1px solid #ddd;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  }
 form ol.meetingslist li.checked {
   padding:15px 30px 15px 0;
   border:1px solid #9bc3e0;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
   background-color:#f6fafc;
   background:#f6fafc -webkit-gradient(linear, left top, left bottom, from(#f6fafc), to(#dce9f3));
  }
 form ol.meetingslist li p {
   margin:0 0 0 7em;
   padding:0;
  }
  
 form ol.meetingslist li input {
   float:right;
   position:relative;
   top:0;
   left:20px;
  }
 form #meetings_morepeople ol {
    margin:10px 0 0 0;
   }
 form #meetings_morepeople ol li {
    margin:0 0 5px 0;
   }
 form #meetings_morepeople ol li label,
 form #meetings_needs li label {
   text-align:right;
  }
  
 form ol.meetingslist h5,
 form ol.meetingslist h6 {
   margin:0;
   padding:0;
   line-height:1.2em;
  }
 form ol.meetingslist hgroup {
   margin:0 30px 5px 0;
  }
  
  
  
 .formreview dl,
 .formreview p {
   margin:0;
   padding:0;
  }
 .formreview dl dt {
   font-weight:normal;
   width:27%;
   float:left;
   text-align:right;
   color:#666;
  }
 .formreview dl div {
   clear:left;
   margin:0 0 20px 0;
   overflow:hidden;
  }
 .formreview dl dt {
   margin:0 0 0 0;
  }
 .formreview dl dd,
 .formreview dl dd:last-child {
   margin:0 0 0 27%;
   padding-left:3%;
   text-align:left;
  }
 .formreview .bottomrule {
   border-bottom:1px solid #ccc;
   padding-bottom:20px;
  }
 .formreview dd ul {
   margin:0;
   padding:0;
  }
 .formreview dd ul li ul {
   margin:0 20px;
  }
 .formreview dd ul li {
   margin:0;
   background:none;
   padding:0;
  }
  
  pre {
    padding:20px;
    margin:20px;
    border:1px solid #ccc;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
    background-color:white;
   }
  
/*--------------------------------------------------
  SECTION SPECIFIC   |   PROJECTS PAGE
----------------------------------------------------*/

body#projects article {
  border:1px solid #4488bb;
  padding:20px 20px;
  margin:0 10px 20px 10px;
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
  background-color:white;
 -webkit-box-shadow: -2px 2px 3px #ccc;
 -moz-box-shadow:#ccc -2px 2px 3px;
 }
 
body#projects article hgroup time {
  display:block;
 }
body#projects article details {
  display:block;
 }
body#projects article footer {
  margin:10px;
 }
 
body#projects hgroup h3 {
  margin-top:0;
  margin-bottom:0;
  margin-left:0;
  margin-right:0;
 }
body#projects time {
  color:#777;
 }
body#projects dl {
  margin:10px;
 }

body#projects dl time {
  display:block;
  margin:0 0 10px 0;
 }
 
body#projects dl dd {
  margin:0;
 }
 
#projects footer ul,
#projects dl ul {
  margin:0 0 10px 0;
 }
#projects footer ul li,
#projects dl ul li {
  list-style:none;
  background:none;
  margin:0;
  padding:0;
 }
 
a[type] {
  background-position:0 0.2em;
  background-repeat:no-repeat;
  text-indent:25px;
  display:inline-block;
  padding:0 0 2px 0;
 }
 
a[type='application/pdf'] {
  background-image:url('../images/icons/document_pdf.gif'); }
a[type='application/msword'] {
  background-image:url('../images/icons/document_word.gif'); }
a[type='application/mspowerpoint'] {
  background-image:url('../images/icons/document_powerpoint.gif'); }
a[type='application/excel'] {
  background-image:url('../images/icons/document_excel.gif'); }
a[type*='image'] {
  background-image:url('../images/icons/document_image.gif'); }
a[type*='text'] {
  background-image:url('../images/icons/document_link.gif'); }
  

/* jQuery Alerts CSS */

#popup_container {
    font-size:0.9em;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 800px; /* Dialog will wrap after this width */
	background-color:white;
	border: solid 1px #116699;
   -webkit-border-bottom-left-radius:10px;
   -webkit-border-bottom-right-radius:10px;
   -moz-border-radius-bottomleft:10px;
   -moz-border-radius-bottomright:10px;
    padding:0;
}
#popup_title {
    font:1.1em Georgia;
	font-weight: bold;
	text-align: center;
	line-height: 2.5em;
	color:#fff;
    background-color:#3388bb;
    background:#3388bb -webkit-gradient(linear, left top, left bottom, from(#3388bb), to(#116699));
    background:#3388bb -moz-linear-gradient(#3388bb, #116699);
	border-bottom: solid 1px #116699;
	cursor: default;
	padding:0 10px;
	margin:0;
}
#popup_content {
	padding: 10px;
	margin: 0; }
#popup_content ul {
    margin:0;
    padding:0;
  }
#popup_content ul li {
    margin:0 30px;
    padding:0;
    line-height:1em;
   }
#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em; }
#popup_panel input {
   color:black;
   border:1px solid #999;
   background-color:#ddd;
   background:#ddd -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
   background:#ddd -moz-linear-gradient(#fff, #ccc);
   padding:5px 20px;
   font:1em Georgia;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
   cursor: pointer;
  }
#darkenbackground {
  display:none;
  background-color:#000;
  background-repeat:repeat;
  height:100%;
  width:100%;
  position:fixed;
  z-index:5;
  top:0;
  left:0;
  opacity: 0.7;
 -moz-opacity:0.70;
  filter: alpha(opacity=70);
 }