/*        :::::       CSS contents */

/*
* 1 Reset defaults
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Lists
* 6 Images
* 7 Links
* 8 Forms
* 9 Tables
* 10 Typography 
* 11 Other
*/

/*        :::::       Colour reference */
 
/*


#135255 -  DARK TEAL 
#333333 -  GREY TEXT 
#175356 -  HEADING TEAL
#278276 -  LIGHT TEAL LINK BACKGROUND
#083f3c	-  DARKER TEAL FOR LINKS
#1a625d -  BODY BACKGROUND COLOR

/*   

/*     :::::       Reset defaults */

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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*        :::::       Layout */

 body { font-family: Trebuchet, GillSans, Calibri, sans-serif, arial;  background: #268075 url('../imgs/background_tile.png') top center repeat-y;}

#wrapper {  background: url('../imgs/background.jpg') top center no-repeat; } 
/*        :::::       Nav */



/*        :::::       Headings */

h1{ text-transform: capitalize; font-weight:normal; font-size:34px; color:#175356; margin:0 0 10px;}

h2{ text-transform: uppercase; font-weight:normal; font-size:24px; color:#175356; margin:0 0 10px;}

h3{}

h4{}

/*        :::::       Lists */

ul {margin:0 0 15px;}

.sponsor {
	float:left;
	width:350px;
	}
	
.past_events {
	float:right;
	width:430px;
	}


.teal_background li {
	display:block;
	float:left;
	text-transform: capitalize;
	text-decoration:none;
	margin:3px 13px 0 0;
	padding:2px 5px;
	font-size:12px;
	background:  url('../imgs/pixel_buddy.png') repeat;
	color:#000;
	height:26px;
	width:190px;
	}

.sponsor li {
	display:block;
	float:left;
	text-transform: capitalize;
	text-decoration:none;
	margin:3px 13px 0 0;
	padding:2px 5px;
	font-size:12px;
	line-height:18px;
	background:#bce0df;
	color:#000;
	height:26px;
	width:340px;
	}



/*        :::::       Images */

img{ border:none; }
img.left{ margin:0 10px 10px 0; border: #278276 1px solid; }
img.right{ margin:0 0 10px 10px; }

/*        :::::       Links */

a{}
a:hover{}

/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none;}


.boxLinks a { 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	text-transform: capitalize;
	text-decoration:none;
	text-align:center;
	margin:2px 5px;
	padding:2px 10px;
	line-height:22px;
	font-size:16px;
	background: #083f3c;
	color:#fff;
	}

.boxLinks a:hover, .boxLinks a:focus{
	background:#135255;
	color:#fff;

	}
.boxLinks a:active {
	color:#fff; 
	}

.updates ul { position:relative; z-index:9999; } 

.updates li a { 
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display:block;
	text-decoration:none;
	margin:10px 5px;
	padding:2px 10px;
	width:200px;
	line-height:24px;
	font-size:16px;
	background: #3b7d79;
	color:#fff;
	}

.updates li a:hover, .updates li a:focus{
	background:#083f3c;
	color:#fff;

	}
.updates li a:active {
	background:#fff;
	color:#083f3c; 
	}


/*        :::::       Forms */


/*        :::::       Tables */


/*        :::::       Typography */

p{margin:0 0 15px;}

#content_container p{ font-size:16px; line-height:22px; color:#333333; }

.box_col p{ font-size:14px; line-height:20px; color:#333333; }


div.panes div p { margin:15px 45px 25px 0; font-weight:normal;  line-height:26px; font-size:20px; }

.programs { font-size:16px; line-height:22px; color:#000; }

/*        :::::       Other */

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.alignleft{text-align: left;}
.alignright{text-align: right;}
.aligncenter{text-align: center;}


sup{font-size:12px; vertical-align:top;} 
sub{font-size:12px; vertical-align:bottom;} 

	
#ribbon{
	position:absolute;
	text-indent:-9999px;
	z-index:999;
	top: -61px;
	right: -56px;
	height:190px;
	width:190px;
	background:url('../imgs/ribbon.png') top right no-repeat; 
	}
	

.event_tickets { float:right; display:block; width:150px;}

.emailus { 
	width:320px; 
	background:url('../imgs/email.png') no-repeat; 
	padding:5px 0 0 60px;
	margin:10px;
	}