/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
},
button,
input,
select,
textarea {
color: #222;
}
body {
width:100%;
height:100%;
background: url('../img/dunf3.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0;
margin:0;
padding:0;
outline:0;
vertical-align:baseline;
}
.buttonmtop{
width:200px;
}
.buttonmbot{
}
.mbody{
width:100%;
height:100%;
background: #646464;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
border:0;
margin:0;
padding:0;
outline:0;
vertical-align:baseline;
}
.mcon1{
box-shadow: 0px 0px 0px 0px #cccccc;border-color: rgba(255,255,255,0.6);border:0px solid;border-radius:5px;z-index:1;margin-top:10px; margin-left: auto;margin-right:auto;width:400px; height:1500px; background-color: rgba(255,255,255,0.9);color: #fff;}
}
.form1{color:#000000;}
.container { box-shadow: 0px 0px 0px 0px #cccccc;border-color: rgba(255,255,255,0.6);border:0px solid;border-radius:5px;z-index:1;margin-top:0px; margin-left: auto;margin-right:auto;width:900px; height:950px; background-color: rgba(255,255,255,0.9);color: #fff; }
.container1 { box-shadow: 0px 0px 0px 0px #cccccc;border-color: rgba(255,255,255,0.6);border:0px solid;border-radius:5px;z-index:1;margin-top:10px; margin-left: auto;margin-right:auto;width:900px; height:950px; background-color: rgba(255,255,255,0.9);color: #fff; }
#verse{ height:380px}
#tab1{margin-left:-10px;
}
.mtopictitle{
font-size:24px;
color:#0077CC;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
}
#par1{
margin-left:60px; color:black;
}
.containernav {margin-top:0px;font:sans-serif;width:100%; height:60px; background-color: rgba(000,000,000,0.7);color: #fff; }
.bannertable{margin:0 auto;font:sans-serif; background-color: rgba(000,000,000,0.0);color: #fff; width: 700px;height: 35px; }
.container2{margin:0 auto; border-top:15px solid rgba(000,000,000,0.0);background-color: rgba(000,000,000,0.7);min-width:980px; height:35px; font-family: Arial, Helvetica, sans-serif;}
.container3{margin:0 auto; border-top:15px solid rgba(000,000,000,0.0);background-color: rgba(000,000,000,0.7);min-width:980px; height:60px; font-family: Arial, Helvetica, sans-serif;}
.tab1{margin:auto; width:900px; height:50px; font-family: Arial, Helvetica, sans-serif; }
.tab2{margin:auto; border:0; }
.tabtopics{margin-top:0px; margin-left:25px;}
.contacttab{
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
color:#646464;
font-size:13px;
background-colour:rgba(000,000,000,0.0);
}
.formcell{
border-bottom:1px solid;
border-color: #ffffff;
}
.CFTitle{
font-family:Arial, Helvetica, sans-serif;
color:rgb(85,142,213);
font-size:22px;
}
.CFSectionTitle{
font-family:Arial, Helvetica, sans-serif;
color:#646464;
font-size:18px;
}
.formbutton{
width:150px;
height:30px;
color:white;
background:#646464;
text-align:center;
border-top:#646464 12px solid;
font-size:16px;
cursor: hand;
cursor: pointer;
border-radius:3px;
}
.formbutton:hover{
background:rgb(85,142,213);
cursor: hand;
border-top:rgb(85,142,213) 12px solid;
}
.contactdiv{
width:800px;
margin:0 auto;
}
.inputform{
margin-top:10px;
width:200px;
background-colour:rgba(000,000,000,0.0);
text-align:left;
}
.verse2{margin-left:0px; margin-top:50px; width:900px; height:50px; font-family: Arial, Helvetica, sans-serif;background-colour:rgba(000,000,000,0.0);}
.verse3{margin-left:0px; margin-top:-40px; width:900px; height:50px; font-family: Arial, Helvetica, sans-serif;background-colour:rgba(000,000,000,0.0);}
.AHHeader2{font-family: Arial, Helvetica, sans-serif;font-size:18px;color:#646464;margin-left:20px;}
.AHHeader3{font-family: Arial, Helvetica, sans-serif;font-size:22px;color:rgb(85,142,213);margin-left:20px;}
.hyper{
border-style:none;
}
.con1 {color:#000000;height:80px;box-shadow: 0px 0px 0px 0px #cccccc;border-color: #ffffff;border:0px solid;border-radius:10px;z-index:1;margin-top:10px; margin-left: auto;margin-right:auto; }
.img1{ text-align:left; border-style:none;text-align:left;vertical-align:middle;width:auto; height:80px;margin-left:-30px; horizontal-align:middle;border:none;}
.img3{margin-left:20px; height:60px;border-style:none;}
.img4{margin-top:-8px;border-style:none;}
.img5{width:800px;}
.imgAH1{border-style:none;text-align:left;vertical-align:middle;width:auto; height:100px;margin-left:20px; margin-top:20px;horizontal-align:middle;border:0;background:transparent;}
.imgAH2{border-style:none;text-align:left;vertical-align:middle;width:auto; height:70px;margin-left:20px; margin-top:20px;horizontal-align:middle;border:0;background:transparent;}
#img2{height:40px; width:150px;border-style:none;}
.con2 { height:160px;box-shadow: 0px 0px 0px 0px #cccccc;border-color: #ffffff;border:0px solid;border-radius:10px;z-index:1;margin-top:40px; margin-left: 30px;margin-right:auto; color:#000; }
.con5 {margin-top:0px; width:350px; height:80px;color:#646464;background-color:rgb(55,96,146);font-size:12px;vertical-align:top;text-align:justify;border-bottom:3px solid;border-top:3px solid;border-left:0px solid;border-right:0px solid;border-radius:5px;border-color:rgb(55,96,146);}
.con5.2 {margin-top:0px; width:350px; height:80px;color:#646464;background-color:rgb(85,142,213);font-size:12px;vertical-align:top;text-align:justify;border-bottom:3px solid;border-top:3px solid;border-left:0px solid;border-right:0px solid;border-radius:5px;border-color:rgb(55,96,146);}
.topiccell1{
border-right:#646464 solid 0px;
vertical-align:top;
}
.resourcetable{margin-left:35px;margin-right:15px;margin-top:15px;vertical-align:top;}
.eventstable{margin-left:15px;margin-right:15px;margin-top:15px;vertical-align:top;}
.resourcetablep{color:#646464;font-size:12px;font-family: Arial, Helvetica, sans-serif; margin:10px;vertical-align:top;}
.topicimg1{
vertical-align: top;
}
.topiccell2{
vertical-align:top;
}
.topiccont{
margin-top:10px;
margin-right:10px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
color:#646464;
font-size:14px;
vertical-align:top;
border-right:10px solid rgba(0,0,0,0);
}
.contactcont{
margin-top:-110px;
}
.topicimg{text-align:right;
}
.contactimg{text-align:right;
}
.topicstitle{position:relative;
font-size:24px;
color:#0077CC;
font-family:Arial, Helvetica, sans-serif;
margin-left:30px;
}
.topictabadj{
margin-top:-5px;
}
.resourcetitle{position:relative;
font-size:24px;
color:#0077CC;
font-family:Arial, Helvetica, sans-serif;
}
.topicstitle2{position:relative;
font-size:24px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
}
.thankstitle{position:relative;
font-size:26px;
color:#0077CC;
font-family:Arial, Helvetica, sans-serif;
margin-left:15px;
}
.topicmenu{
font-size:15px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.topicmenus{
font-size:15px;
color:#0077CC;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.topicverse{
font-size:13px;
color:rgb(#646464);
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-left:0px;
vertical-align:top;
}
.topicverse3{
font-size:13px;
color:rgb(192,0,0);
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:10px;
margin-right:40px;
margin-left:20px;
}
.topicverse3:hover{
font-size:13px;
color:black;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:10px;
margin-right:40px;
margin-left:20px;
}
.topicverse4{
font-size:13px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:10px;
margin-right:0px;
margin-left:0px;
}
.topicverse4:hover{
font-size:13px;
color:blue;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:10px;
margin-right:0px;
margin-left:0px;
}
.topicverse5{
font-size:13px;
color:rgb(192,0,0);
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:0px;
margin-right:40px;
margin-left:20px;
}
.topicverse5:hover{
font-size:13px;
color:black;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-top:0px;
margin-right:40px;
margin-left:20px;
}
.topicmenu:hover{
color:#0077CC;
}
.address{margin-left:20px;
font-size:17px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.formtable{
font-size:18px;
color:#646464;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
margin-left:50px;
vertical-align: top;
text-align: left;
}
.formtext{
width:250px;
}
.formtab{
margin-left:50px;
}
.btnSubmit{
color:white;
font-size:14px;
background-color:#646464;
width:400px;
height:40px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:middle;
border-top:0px solid #646464;
text-decoration:none;
}
.btnSubmit:hover{
color:white;
font-size:14px;
background-color:green;
width:400px;
height:40px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
border-top:0px solid green;
text-decoration:none;
}
.btnSubmit a {
text-decoration:none;
}
.btnReset{
color:white;
font-size:12px;
background-color:#646464;
width:150px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:middle;
border-top:5px solid #646464;
text-decoration:none;
}
.btnReset:hover{
color:white;
font-size:14px;
background-color:#0077CC;
width:150px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
border-top:5px solid #0077CC;
text-decoration:none;
}
.btnReset a {
text-decoration:none;
}
.btnNext{
color:white;
background-color:#646464;
width:200px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:middle;
border-top:10px solid #646464;
text-decoration:none;
}
.btnNext:hover{
color:white;
background-color:#0077CC;
width:200px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
border-top:10px solid #0077CC;
text-decoration:none;
}
.btnNext a {
text-decoration:none;
}
.btnBack{
color:white;
background-color:#646464;
width:200px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
vertical-align:middle;
border-top:10px solid #646464;
text-decoration:none;
}
.btnBack:hover{
color:white;
background-color:#DDAA00;
width:200px;
height:30px;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
border-top:10px solid #DDAA00;
text-decoration:none;
}
.btnBack a {
text-decoration:none;
}
.btntext{
color:white;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
.socialimg {
border:0px solid rgba(000,000,000,0.3);
}
.socialimg2 {
border:0px solid rgba(000,000,000,0.3);
margin-bottom:7px;
}
.socialimg:hover{
border:0px solid #528CE0;
}
.social {
position: fixed;
right: 215px;
top: -5px;
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
}
.social:hover{
background:#528CE0;
}
.social2 {
position: fixed;
right: 170px;
top: -5px;
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
}
.social2:hover{
background:#528CE0;
}
.social3 {
position: fixed;
right: 125px;
top: -5px;
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
}
.social3:hover{
background:#528CE0;
}
.social4 {
position: fixed;
right: 80px;
top: -5px;
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
border:1px solid rgba(000,000,000,0.3);
}
.social4:hover{
background:#528CE0;
border:0px;
text-decoration:none;
display: block;
border:1px solid #528CE0;
}
.social5 {
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
}
.social5:hover{
background:#528CE0;
}
.social6 {
background:rgba(000,000,000,0.3);
width: 30px;
height: 30px;
}
.social6:hover{
background:#528CE0;
}
.img2{ text-align:left;vertical-align:middle;width:auto; height:130px;margin-left:0px; horizontal-align:middle;}
.slide{ border-left:10px solid;border-top:0px solid;border-color:rgba(255,255,255,0);margin-left: 30px;width:800px; height:300px; background:rgba(255,255,255,0);color: #000; }
#AH{
width:150px;height:40px;
}
.AH {
background-image: url('../img/AHLogo 2 Grey.png');
background-repeat: no-repeat;
background-size:cover;
}
.AH:hover {background-image: url('../img/AHLogo 2 white.png');
background-repeat: no-repeat;
background-size:cover;
}
.frontp{color:#646464;font-size:11px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;}
.frontp{color:#646464;font-size:11px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;}.frontp{color:#646464;font-size:11px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;}.frontptab{color:#646464;font-size:11px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;height:400px;}
.frontp1{color:#646464;font-size:15px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;}
.frontp1a{background: url('../img/bg_ev1.png') repeat center ; color:#ffffff;font-size:15px;vertical-align:top;text-align:justify;margin-right 20px; border-right:0px #000000 dotted;}
.frontp1b{background: url('../img/bg_ev2.png') repeat center ; color:#ffffff;font-size:15px;vertical-align:top;text-align:justify;margin-right 20px; border-right:0px #000000 dotted;}
.frontp2{color:#646464;font-size:12px;vertical-align:top;text-align:justify;border-right:30px solid;border-color:#FFFFFF;margin-left:10px;border-left:10px solid #ffffff}
.frontp6{color:#646464;background-color:#e5e5e5;font-size:12px;vertical-align:top;text-align:justify;border-left:30px solid;border-radius:10px;border-color:#FFFFFF;}
.frontp7{color:#646464;font-size:12px;vertical-align:top;text-align:justify;border-color:#FFFFFF;}
.frontp8{color:#646464;font-size:15px;vertical-align:top;text-align:justify;border-color:#FFFFFF;background-color:white;}
.frontp9{color:#646464;font-size:15px;vertical-align:top;text-align:justify;border-color:#FFFFFF;background-color:white;}
.frontp10{color:#646464;font-size:15px;vertical-align:top;text-align:justify;border-color:#FFFFFF;background-color:white;margin-left:20px;}
.frontp11{color:#646464;font-size:11px;vertical-align:top;text-align:justify;border-color:#FFFFFF;}.frontpSol{text-align:right;text-decoration:none;color:rgb(85,142,213);font-size:17px;vertical-align:top;border-color:#FFFFFF;background-color:white;}.frontpadd{color:#646464;font-size:12px;vertical-align:top;text-align:justify;border-color:#FFFFFF;border-left:#ffffff 30px solid;}
.tab5{margin-top:0px;border-color:rgba(000,000,000,0.0);width:800;background-colour:rgba(000,000,000,0.0); vertical-align:top; margin-left:30px; color: black; text-align:left;}
.tabevents{margin-top:0px;border-color:rgba(000,000,000,0.0);width:800;background-colour:rgba(000,000,000,0.0); vertical-align:top; margin-left:40px; color: black; text-align:left;}
#full-page-container
{
overflowauto;
}
.scroll-pane
{
width:850px;
max-height: 800px;
overflow: auto;
}
.horizontal-only
{
height: auto;
max-height: 800px;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* MENU */
.nav {
height:35px;
width:900px;
color: #BBBBBB;
z-index:100;
margin:0 auto;
}
#nav {
background-color:rgba(255,255,255,0);
float: left;
margin: 0; padding: 0;
border: 0px solid white;
border-bottom: none;
border-top:none;
z-index:100;
color: #bbbbbb;
font-weight: normal;
font-size:12px;
}
#nav li a, #nav li {
float: left;
}
#nav li {
list-style: none;
position: relative;
}
#nav li a {
padding: 5px 20px;
text-decoration: none;
color: #bbbbbb;
Font:Helvetica neue,Arial, sans-serif;
font-style:bold;
background-color:rgba(255,255,255,0.0);
font-size:14px;
border-left: 0px dotted #ffffff;
border-right: 0px solid #000000;
/*opacity:0.95;
background: -moz-linear-gradient(top, black, #3c3c3c 0px, #ffffff 25px);
background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #ffffff), to(#ffffff));
border-right: 0px solid #646464;
border-left: 0px solid #fffffff;
border-bottom: 0px solid #ffffff;
border-top: 0px solid #ffffff;*/
}
#nav li a:hover {
background: none;
color: #fff;
font-style:bold;
/* background: -moz-linear-gradient(top, #646464, #00000);
background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#646464));*/
}
/* Submenu */
.hasChildren {
position: absolute;
width: 5px;
font-size:12px;
right : 0;
bottom: 0;
z-index:100;
color: ffffff;
background-color:rgba(0,0,0,0.4);
}
#nav li ul {
display: none;
position: absolute;
left: 0;
top: 100%;
padding: 0; margin: 0;
z-index:100;
color: #ffffff;
background-color:rgba(0,0,0,0.4);
}
#nav li:hover > ul {
display: block;
color: #528CE0;
background-color:rgba(0,0,0,0.4);
}
#nav li ul li, #nav li ul li a {
float: none;
background-color:rgba(0,0,0,0.4);
}
#nav li ul li {
_display: inline; /* for IE6 */
}
#nav li ul li a {
width: 200px;
display: block;
color: #ffffff;
text-align:left;
background-color:rgba(0,0,0,0.4);
}
/* SUBSUB Menu */
#nav li ul li ul {
display: none;
}
#nav li ul li:hover ul {
left: 100%;
top: 0;
}
#nav li ul
#news-container1
{
width: 300px;
margin: auto;
margin-top: 30px;
border: 5px solid #333333;
}
#news-container1 ul li div
{
border:0px solid #aaaaaa;
background: #ffffff;
}
#news-container4
{
width: 900px;
margin: auto;
margin-top: 10px;
border: 3px solid #E5E5E5;
border-radius:5px;
}
#news-container4 ul li div
{
border:0px solid #aaaaaa;
background: #ffffff;
}