/*-----------------------------------------------

Name:     ResponsiveNav master styles
Designer: responsive-navigation.com
Copyright 2014 Responsive-Navigation.com, All rights reserved.

----------------------------------------------- */

@font-face {
    font-family: Edwardian;
	src: url(../fonts/ITCEDSCR.ttf);
	src: local('Pointed Brush Regular'), url(../fonts/ITCEDSCR.ttf) format('truetype'), url(../fonts/ITCEDSCR.woff) format('woff') ; 

}

@media screen {

/* ----------------------------------------------- 
//////////////////////////////////////////////////
HTML 5 rules 
//////////////////////////////////////////////////
----------------------------------------------- */

article, aside, button, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

body{ padding:0; margin:0; font-size:16px; min-height:900px; font-family: 'Calibri', sans-serif; color:#05446D;

/* All this just to create a gradient, whew! */
background: #EEE; background-image:url(../images/bg2.gif); background-repeat:repeat; background-attachment:fixed;
}



a{ color:#05446D;}
a:visited{ color:#05446D;}
a:hover{ color:#FFF; }
a:active{ color:#FFF; }

a.top-link:link {
	color:#05446D;
	text-decoration:none;
	
}

a.top-link:visited {
	color:#05446D;
	text-decoration:none;
}

a.top-link:hover {
	color:#fff;
	text-decoration:underline;
	
}

a.top-link:active {
	color:#fff;
	text-decoration:underline;
}

a.link-main:link {
	color:#05446D;
	text-decoration:underline;
	
}

a.link-main:visited {
	color:#05446D;
	text-decoration:underline;
}

a.link-main:hover {
	color:#fff;
	text-decoration:none;
	
}

a.link-main:active {
	color:#fff;
	text-decoration:underline;
}

a.link-footer:link {
	color:#222;
	text-decoration:none;
	
}

a.link-footer:visited {
	color:#222;
	text-decoration:none;
}

a.link-footer:hover {
	color:#fff;
	text-decoration:underline;
	
}

a.link-footer:active {
	color:#fff;
	text-decoration:underline;
}

.transparent_class:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	-webkit-transform: scale(0.98);
   -moz-transform: scale(0.98);
   -o-transform: scale(0.98);
   -ms-transform: scale(0.98);
   transform: scale(0.98);
	
}

.clear-floats{ clear:both;}

#skipTo {
	display: none;
	}
	
#nav a:link {
    font-weight: normal;
    }
	
#nav a:hover {
    
	color: #FFFFFF;
    }		
  
#nav ul li .active {
    
	color: #FFFFFF;
    }	

#header-container{ background:#BFEFFF; margin-bottom:0;}
#header-container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#header{ font-size:40px; font-family: 'Lobster', cursive; margin:auto; padding:20px 0px 0px 0px; color:#FFF; height:80px;}



nav a{ text-decoration:none; font-family: 'Pathway Gothic One', sans-serif; font-size:20px;}

nav ul, nav ul li{ margin:0; padding:0; z-index:100;}


.shadow{-webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 20px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 20px rgba(50, 50, 50, 0.5);
behavior: url(/_scripts/PIE-1.0.0/PIE.htc); padding:0 0 40px 0;}

.main-container{ clear:both; margin:auto; padding:20px 20px 40px 20px; background-color:#aaddFF;  border-bottom-left-radius:15px; border-bottom-right-radius:15px; }


h1{ margin:0px 0 0 0; font-weight:normal; font-family:'Edwardian'; color:#05446D; font-size:65px;}
h2{ font-weight:normal; font-family: 'Calibri', sans-serif; color: #05446D;}
h3{ margin:5px 0; font-family:'Edwardian';}
h4{ margin:15px 0px -5px 0px; font-family:'Edwardian'; }
p{ line-height:120%; text-align:justify; font-size:1.1em;}
.no-justify {text-align:left;}
.centred {text-align:center;}
.italic {font-style:italic; font-weight:bold;}
.small {font-size:0.7em;}
.home-table td{padding-bottom:5px; padding-right:10px;}

.right-column-container{float:right; width:320px;}
.right-column{ padding:10px; margin:20px 0px 20px 20px; background-color:#BFEFFF;	
	border:1px solid #05446D;
	border-radius:15px;
	behavior: url(/_scripts/PIE-1.0.0/PIE.htc);
	text-align:center;
	}
	
.right-column-photo{ padding:0px; margin:20px 0px 20px 20px; 

	behavior: url(/_scripts/PIE-1.0.0/PIE.htc);
	}
	
.subscription{ padding:5px 20px 5px 20px; margin:0; font-size:0.9em; background-color:#EFE; border:1px solid #41B548; -moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px; overflow:hidden; }		

.bottom-box{ padding:20px 20px 20px 20px; margin:0; font-size:0.9em; background-image:url(../images/gb-bg.jpg); background-repeat:repeat;  border:solid 1px #333; -moz-border-radius:15px;
	-webkit-border-radius:15px; border-radius:15px; overflow:hidden; }
	
.contact-form{ padding:20px 20px 20px 0px; margin:0; background-color:#EEE; background: -moz-linear-gradient(top, #eee, #ddd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd)); border:solid 1px #333; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; overflow:hidden; }	

.spacer {
	height:10px;
}

.large-screen {
	display:block;
	
}

.mobile-only {
	display:none;
}

.comment-table {
	padding:15px; background: #eee; background: -moz-linear-gradient(top, #eee, #ddd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ddd)); border:solid 1px #333; border-radius:15px;  margin-top:20px; margin-bottom:20px; width:100%;
}

.pic-note {
	font-size:0.8em;
}

textarea{ width:100%;}


/* Mobile Nav */
nav .touch-btn{ display:none;}


footer{ margin:auto; padding:5px 20px 20px 20px; text-align:center; font-size:12px; background:#aaddFF;}

#tel {
	float:right;
	font-size:13px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color:#05446D;
	padding:0px;
	display:inline-block;
	margin:-10px 0px -10px 0px;
	line-height:120%;
}

#logo {
	position:relative;
	width:500px;
	height:95px;
	float:left;
	top:-10px;
	padding-top:0px;
	display:inline-block;
}

.logo {
	width:100%;
	
}

#rightImage {
	float:right;
	margin-left:15px;
	margin-bottom:15px;

}

#leftImage {
	float:left;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:5px;

}

.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:25px;
	right:20px;
	display:none;
	background: url('../images/arrow_up_red.png') no-repeat 0px 20px;
}
.scrollToTop:hover{
	text-decoration:none;
}

.list-style {
list-style: disc;
margin-left:5px; margin-bottom:0; margin-top:0px; list-style-type:disc; list-style-position:inside;
font-size:1.2em;

}

.facebook {
	margin-top:8px;
	margin-bottom:-5px;
	margin-right:5px;
	background-image:url(../images/facebook-logoSmall.png)
}

.facebook:hover {
	background-image:url(../images/facebook-logoSmall-hover.png)
}

.twitter {
	margin-top:8px;
	margin-bottom:-5px;
	background-image:url(../images/twitter-logo.png)
}

.twitter:hover {
	background-image:url(../images/twitter-logo-hover.png)
}

.comic-button {
	margin-top:8px;
	margin-bottom:-5px;
	margin-right:5px;
	background-image:url(../images/comic-button.png);
}

.comic-button:hover {
	background-image:url(../images/comic-button-hover.png);
	cursor:pointer;
}


.pic-border {
	border-radius:4px;
	border:solid 1px #333;
	box-shadow: 3px 3px 3px #777;
	margin: 15px 15px 10px 0;
	margin-right:15px;
	margin-bottom:5px;
	float:left;
	width:25%;
}

.id-photo {
	border-radius:4px;
	border:solid 1px #333;
	box-shadow: 3px 3px 3px #777;
	margin-right:15px;
	margin-bottom:5px;
	max-width:110px;
}

.main-photo {
	border-radius:4px;
	border:solid 1px #333;
	box-shadow: 3px 3px 3px #777;
	max-width:100%;
}

.banner-holder{ margin:0px auto 0px auto; padding:0 0 0 0; width:100%; overflow:hidden; 
}

.wide-banner {
	width:100%; background:#99CCFF; margin:0px auto 0px auto; 
}



/*  form style  */

.textfield_effect    {   
    border-width: 1px;    
	border-style: solid;    
	border-color: #999999;      
	font-family: Verdana, Geneva, Arial, sans-serif;  
	font-size: 12px;    
	color: #333333;    
	width: 190px;    
	height: 18px; 
	border-radius:3px;
	padding:1px 1px 1px 3px;   
	} 
	
.textfield_effect:hover    {    
	border-color: #64acd8;    
	border-width: 1px;    
	
	} 
	
.textfield_effect:focus    {    
	border-color: #64acd8;    
	border-width: 1px;    
	}
	
.answerbox    {   
    border-width: 1px;    
	border-style: solid;    
	border-color: #999999;      
	font-family: Verdana, Geneva, Arial, sans-serif;  
	font-size: 12px;    
	color: #333333;    
	width: 40px;    
	height: 15px; 
	border-radius:3px;
	padding:1px 1px 1px 3px;   
	} 
	
.answerbox:hover    {    
	border-color: #64acd8;    
	border-width: 1px;    
	
	} 
	
.answerbox:focus    {    
	border-color: #64acd8;    
	border-width: 1px;    
	}	
	
.textarea_effect    {   
    border-width: 1px;    
	border-style: solid;    
	border-color: #999999;   
	font-family: Verdana, Geneva, Arial, sans-serif;  
	font-size: 12px;    
	color: #333333;    
	width: 190px;    
	height:70px;
	border-radius:3px;
	padding:1px 1px 1px 3px;  
	} 
	
.textarea_effect:hover    {    
	border-color: #64acd8;    
	border-width: 1px;    
	
	} 
	
.textarea_effect:focus    {    
	border-color: #64acd8;    
	border-width: 1px;    
	}	

.button {
    border: 1px solid #05446D;
    background: #aaddff;
	padding:1px 20px 1px 20px;
	border-radius:3px;
	height:20px;
}
.button:hover {
    border: 1px solid #fff;
    background: #BFEFFF;
	cursor:pointer;
}
	
}