/* TYPOGRAPHY STYLES
--------------------------------------------------------------*/

/* RESET
--------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;vertical-align:baseline;background:transparent;margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* BASIC CLASSES */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.rm{position:absolute;left:-999em}
.cl{clear:both}

/* IMAGE CLASSES */
img {vertical-align:middle;}
.imgLeft {float: left; margin: 0 15px 15px 0;}
.imgRight {float: right; margin:0 0 15px 15px; position: relative;}
.imgCentre {margin:15px 0; overflow: hidden; text-align: center;}

/* GENERIC 
--------------------------------------------------------------*/
body {
	line-height: 1.5em;
	font-family: Arial, Verdana, sans-serif;
	}

h1, h2, h3, h4, h5, p, ol, ul, li, table, dl, dt, dd {line-height: 1.5em;}

/* FONTS
--------------------------------------------------------------*/

/* 
 * - The smiley face used in the font face rules below allows the fonts to load when viewing the templates locally in modern browsers such as Firefox
 * - The ?#IEFIX is used to prevent Internet Explorer browsers from loading the ttf file and instead use the eot file.
 */

@font-face {
    font-family: 'Glypha Thin';
    src: url('/media/siteadmin/styleassets/fonts/Glypha35Thin.eot');    
    src: local('☺'), 
    	url('/media/siteadmin/styleassets/fonts/Glypha35Thin.eot?#iefix') format('embedded-opentype'),
        url('/media/siteadmin/styleassets/fonts/glypha_lt_35_thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
    
@font-face {
    font-family: 'Glypha Bold';
    src: url('/media/siteadmin/styleassets/fonts/Glypha65Bold.eot');    
    src: local('☺'), 
        url('/media/siteadmin/styleassets/fonts/Glypha65Bold.eot?#iefix') format('embedded-opentype'),
        url('/media/siteadmin/styleassets/fonts/glypha_lt_65_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
    
sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}
        
/* HEADINGS
--------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 1em 0 0 0; 
	line-height: 1.3em; 
	clear: both;
	}
	
h1, h2, h3, h5, h6 {font-weight: normal;}	

h1, h2 {font-family: "Glypha Bold", arial, sans-serif;}
h3, .tabs .tabsList a, .tabs .tabsList a:link, 
.formTitle, .eventsListingBody .eventDay, .boxContent .boxTitle {font-family: "Glypha Bold", arial, sans-serif;}

h1 {font-size: 3.333em; margin: 0 0 0.5em 0;}
h2 {font-size: 1.500em; margin-bottom: 0.75em;}
h3 {font-size: 1.250em; margin-bottom: 1em;}

h4, h5, h6 {font-size: 1.333em;}
h4 {margin-bottom: 1.25em;}
h5 {margin-bottom: 1.5em;}

/* LISTS
--------------------------------------------------------------*/
ul, ol {margin: 5px 0 15px 5px; }

ul ul {
	margin-bottom: 5px; 
	margin-left: 15px;
	}

ul li, ul ol ul li {
	background-repeat: no-repeat;
	background-position: 0px 0.6em;
	}
	
ul li, ul ol ul li {padding-left: 15px;}

ol {
	list-style-type: decimal; 
	}
	
ol li {padding-left: 10px; margin-left: 20px; }	
ol ol, ul ol {margin-left: 30px; margin-bottom: 0;}
ol ol li {list-style-type: lower-roman;}
ol ol ol li {list-style-type: lower-roman;}  
ul ol li {background: none;}

dl {margin: 0 0 15px 0;}
dl dt {font-weight: bold;}
dl dd {margin: 0.5em 0 1em 1.5em;}

.box ul { margin-left: -15px !important; }
.box ul li { background-position: 5px }

/* TEXT
--------------------------------------------------------------*/
p {margin: 5px 0 1em 0;}

abbr, acronym {border-width: 0 0 1px 0; border-style: dotted;}
address {margin-top: 1.5em; font-style: italic;}
strong {font-weight: bold;}
em, dfn {font-style: italic;}
dfn {font-weight: bold;}
pre, code {margin: 1.5em 0; white-space: pre;}
pre, code, tt {font: 1em monospace; line-height: 1.5;} 
tt {display: block; margin: 1.5em 0; line-height: 1.5;}

hr {height: 3px; border: none;}

/* QUOTES
--------------------------------------------------------------*/
blockquote {margin: 1em 0; padding: 1px 0;}
	
blockquote p {
	font-size: 1.667em;
	padding: 0 20px;
	margin: 5px 0;
	}

cite {font-style: normal;}
q {font-style: italic;}

/* LINKS
--------------------------------------------------------------*/
a, a:link {text-decoration: none;}
a:hover {border-style: solid; border-bottom-width: 1px;}

/* SKIP LINKS */
.skipLinks, .skipLinks li {
	margin:0;
	padding: 0;
	background: none;
	}

.skip {left: -999em; position: absolute;}

a.skip:focus, a.skip:active {
    border-width: 3px;
	border-style: solid;
    left: 230px;
    top: 0;
    font-size: 1.3em; 
    padding: 3px 5px;
    font-weight: bold;
    }
    
/* TABLES
--------------------------------------------------------------*/
caption {
	text-align: left; 
	font-style: italic; 
	margin:0 0 1em 10px;
	}

table {
	width: 100%;
    border-collapse: collapse;
    border-spacing: 4px 0;
    margin: 0 0 1em 0;
	border-width: 0 0 4px 0;
	border-style: solid;
	}
	
th, td {
	border-width: 1px 0 1px 0; 
	border-style: solid; 
	padding: 7px 10px;
	}
	
th {font-weight: bold; text-align: left;}

/* IFRAMES
--------------------------------------------------------------*/
iframe {
    padding: 0;
    margin: 0;
    vertical-align: top; }


/*span img{
width: 55px !important;
height: 50px !important;

}*/