
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=7eac5e71-2f72-464a-96c7-e9870f0bdb30");
@font-face{
font-family:"Charlotte Sans W01 Bold";
src:url("../../Fonts/bfe490ab-78bd-45c4-9af7-c88d720d6255.eot?#iefix");
src:url("../Fonts/bfe490ab-78bd-45c4-9af7-c88d720d6255.eot?#iefix") format("eot"),url("../Fonts/e2cc226d-c213-48cc-9223-8704cba1aee5.woff") format("woff"),url("../Fonts/557fa5be-2aeb-4007-b566-b4d42ab8e2b7.ttf") format("truetype"),url("../Fonts/5f8e3a8a-977d-4ed5-befa-d8dbe2502ccc.svg#5f8e3a8a-977d-4ed5-befa-d8dbe2502ccc") format("svg");
}
@font-face{
font-family:"Charlotte Sans W01 Book";
src:url("../Fonts/f7d843d8-bdb6-4c0c-a92a-ef35a249459c.eot?#iefix");
src:url("../Fonts/f7d843d8-bdb6-4c0c-a92a-ef35a249459c.eot?#iefix") format("eot"),url("../Fonts/72974607-0aef-4d83-9db0-442927b5f1cd.woff") format("woff"),url("../Fonts/8694e6c7-2651-488c-8cf0-b8af5f8ec2bf.ttf") format("truetype"),url("../Fonts/44705621-7fa6-4002-99e4-1bd53226b58d.svg#44705621-7fa6-4002-99e4-1bd53226b58d") format("svg");
}
@font-face{
font-family:"CharlotteSansW01-BookIt";
src:url("../Fonts/48f84fea-d5df-4b35-ba62-2e5d5e64edcf.eot?#iefix");
src:url("../Fonts/48f84fea-d5df-4b35-ba62-2e5d5e64edcf.eot?#iefix") format("eot"),url("../Fonts/16ac4098-d74b-4576-afc6-a3b767f150de.woff") format("woff"),url("../Fonts/fd0930ae-82bc-4f2a-b567-c474d002142b.ttf") format("truetype"),url("../Fonts/547230c2-ceb8-447d-a692-5226bf965615.svg#547230c2-ceb8-447d-a692-5226bf965615") format("svg");
}
@font-face{
font-family:"CharlotteSansW01-Medium";
src:url("../Fonts/6855897b-0675-49be-91f4-3487eb79e4e6.eot?#iefix");
src:url("../Fonts/6855897b-0675-49be-91f4-3487eb79e4e6.eot?#iefix") format("eot"),url("../Fonts/3bb3ed79-ec91-4287-a4b9-86df4eb52a58.woff") format("woff"),url("../Fonts/ddf16b14-5c36-4833-8f03-82c1e9eb531c.ttf") format("truetype"),url("../Fonts/f20dc3b7-a521-410c-97ae-05ea48806d2c.svg#f20dc3b7-a521-410c-97ae-05ea48806d2c") format("svg");
}
@font-face{
font-family:"Charlotte Sns W01 Bk SC";
src:url("../Fonts/c1ad3325-73d1-486f-a876-8d49a6e56733.eot?#iefix");
src:url("../Fonts/c1ad3325-73d1-486f-a876-8d49a6e56733.eot?#iefix") format("eot"),url("../Fonts/5d6ad4d0-a169-40e8-93f1-1beae06f742a.woff") format("woff"),url("../Fonts/77e9f530-2b10-460d-b3ce-fcb8a13071e1.ttf") format("truetype"),url("../Fonts/33f5faca-2ec8-4c60-b62b-b1e745e9baa9.svg#33f5faca-2ec8-4c60-b62b-b1e745e9baa9") format("svg");
}
@font-face{
font-family:"Postino W03 It";
src:url("../Fonts/5baca296-00b3-4a6a-b6f1-c9a2ecf8c13b.eot?#iefix");
src:url("../Fonts/5baca296-00b3-4a6a-b6f1-c9a2ecf8c13b.eot?#iefix") format("eot"),url("../Fonts/0394d917-f6b4-4f5d-93d9-2dff77615d75.woff") format("woff"),url("../Fonts/bb21484f-8605-47f7-a628-aadaf5d805a1.ttf") format("truetype"),url("../Fonts/1674feec-1024-4a83-b7bd-f79b07db2007.svg#1674feec-1024-4a83-b7bd-f79b07db2007") format("svg");
}
@font-face{
font-family:"Postino W03 Regular";
src:url("../Fonts/0558ed2a-9b6f-42dc-b18e-88f4d129b9bb.eot?#iefix");
src:url("../Fonts/0558ed2a-9b6f-42dc-b18e-88f4d129b9bb.eot?#iefix") format("eot"),url("../Fonts/f2a0bd77-72fe-4c76-8c26-05e308a3eaaa.woff") format("woff"),url("../Fonts/65ed1684-453d-47ae-a479-68ea8ec485bb.ttf") format("truetype"),url("../Fonts/a3e05e65-db59-42fa-bf46-014565140d1c.svg#a3e05e65-db59-42fa-bf46-014565140d1c") format("svg");
}

/*- GENERAL element styles ----------*/
body {
	background:#FFFFFF;
	color:#222;
	font-family:'Charlotte Sans W01 Book', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	font-size-adjust:none;
	font-stretch:normal;
	letter-spacing:0px;
	line-height:normal;
	margin:0;
	orphans:inherit;
	padding:0;
	text-align:left;
	text-transform:none;
	word-spacing:normal;
	}
div {
	margin:0;
	padding:0;
	font-size:1em;
	line-height:normal;
	letter-spacing:0px;
	text-transform:none;
	position:relative;
	clear:none;
	}
	
table {
	border-collapse:collapse;
	border:none;
	border-spacing:0;
	border-width:0;
	margin:0;
	padding:0;
}
th {
	text-align:left;
	border:none;
	border-collapse:collapse;
	font-size:1em;
	background-color:#aec5c6;
	padding:0px 10px 0 10px;
	}
td {
	text-align:left;
	color:#000;
	font-size:1em;
	line-height:1.5em;
	padding:0 10px 0 10px;
	border:none;
	border-collapse:collapse;
	display:table-cell;
}

td a {
	color:#222;
	font-size:1em;
	line-height:1.5em;
	margin-left:5px;
	margin-right:5px;
	text-align:left;
	text-decoration:underline;
}

abbr {
	cursor:help;
	}

a:link {
	color:#000;
	text-decoration:underline;
	}
	
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border:none;
}

a:visited {
	color:#666;
	cursor:pointer;
	}
a:hover, a:active, a:focus {
	color:#f4793e;
	cursor:pointer;
	text-decoration:none;
	}
a.disabled {
	cursor:default;
	pointer-events:none;
}

p { 
	font-size:1em;
	line-height:normal;
	margin-top:0;
	padding:0;
	text-align:justify;
	}
	
h3, h4, h5, h6 {
	margin-top:0;	 /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
	margin-bottom:5px;
	padding-right:0px;
	padding-left:0px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}

p#pageheading {
	background-color:#006;
     	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	-khtml-border-radius: 20px;
    	border-radius: 20px;
	border-top:4px solid #aec5c6;
	border-left:4px solid #aec5c6;
	color:#FFF;
	font-size:2em;
	font-family:'Postino W03 Regular', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	line-height:auto;
	padding:.4em 0 .1em 0;
    margin:0;
    text-align:center;
	text-transform:uppercase;
	}
h1 {
	background-color:#aec5c6;
     	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    	-khtml-border-radius: 10px;
    	border-radius: 10px;
	border-bottom:2px solid #006;
	border-right:2px solid #006;
	color:#222;
	font-family:'Postino W03 Regular', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-style:normal;
	text-align:left;
	font-size-adjust:none;
	font-stretch:normal;
	line-height:normal;
	letter-spacing:0px;
	margin:0 0 1em 0;
	padding:.4em 0 .1em .3em;
	}
h1 a:link {
	color:#000;
	font-size:1.5em;
	font-style:normal;
	font-weight:bold;
	text-align:left;
	font-size-adjust:none;
	font-stretch:normal;
	line-height:normal;
	letter-spacing:0px;
	text-decoration:none;
	text-transform:uppercase;
}
h1 a:visited{
	color:#000;
}
h1 a:hover{
	color:#333;
	text-decoration:underline;
}
h1 a:active{
	color:#FFF;
	text-decoration:underline;
}
h2 {
	color:#000;
	font-family:'Charlotte Sans W01 Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	letter-spacing:0px;
	line-height:normal;
	margin:0 0 1em 0;
	padding:5px;
	text-transform:uppercase;
	text-align:left;
	}

ul {
	margin:0 0 1em 0;
}
/*- NAMED AND ID CLASS styles ----------*/

/* ~~ miscellaneous float/clear classes ~~ */

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float:right;
	margin-left:8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float:left;
	margin-right:8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}
.shadow { /* this class places a drop shadow to the right and below the element to which it is applied */
-moz-box-shadow:2px 2px 3px #666;
-webkit-box-shadow:2px 2px 3px #666;
box-shadow:2px 2px 3px #666;
/* For IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666');
}
.rounded-corners { /* this class places a rounded corner on rectangular backgrounds in all but IE */
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}
/*- use these instead of STRONG and EM to apply the correct font for bolding and italics where practical */
.bolded {
	font-family:'Charlotte Sans W01 Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
.italics {
	font-family:'CharlotteSansW01-BookIt', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
.medium {
	font-family:'CharlotteSansW01-Medium', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}

.redtext {
	color:#cc0000;
	}

/*- HEADER, NAVIGATION, CONTENT AND FOOTER WRAPPERS and containers */

/* ~~ this fixed width container surrounds all other elements ~~ */
div#container {
	background-image:url(../views/images/bg_target.png);
	background-repeat:no-repeat;
	background-size:auto;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	max-width: 760px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
	min-width: 460px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
	min-height:600px;
	padding:0;
	width: 90%;
}

/*- TOP OF PAGE */
div#header {
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	padding:10px 0 10px 0;
}

/*- CONTENT AREAS */
.tooltip {
	display: inline;
	position: relative;
	}
	.tooltip:focus:after,
	.tooltip:hover:after {
		background-color:#101010;
    		opacity:0.9;   
    		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
    	border-radius: 5px;
    	bottom: 26px;
    	color: #fff;
    	content: attr(title);
    	left: 20%;
    	padding: 5px 15px;
    	position: absolute;
    	z-index: 98;
    	width: 220px;
	}
	.tooltip:focus:before,
	.tooltip:hover:before {
    	border: solid;
    	border-color: #333 transparent;
    	border-width: 6px 6px 0 6px;
    	bottom: 20px;
    	content: "";
    	left: 50%;
    	position: absolute;
    	z-index: 99;
	}
div#subnavigation {
	background-color:#FFC;
    		opacity:0.9;   
    		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
    border-radius: 5px;
	color:#222;
	display:block;
	float:right;
	margin:0 0 10px 10px;
    padding: 15px;
    position: relative;
	top:50px;
    width: 220px;
}
p.subnav {
	border-bottom:2px solid #006;
	color:#000;
	font-family:'Charlotte Sans W01 Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:1.1em;
	margin:0 0 1em 0;
	text-align:left;
	text-transform:uppercase;
}
.dateheading {
	background-color:#aec5c6;
	margin:0;
	padding:5px 10px 5px 10px;
	whitespace:nowrap;
}
div.alertbox {
	background-color:#FFC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
    border-radius: 5px;
	border: solid;
	border-color: #333;
	border-width: 3px;
	color:#222;
	display:block;
	font-family:'Charlotte Sans W01 Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0;
    padding: 10px;
    position: fixed;
	top:300px;
    width: 250px;
	z-index:10;
}
div.event_edit_box {
	background-color:#FFF;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
    		opacity:0.9;   
    		filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    border-radius: 5px;
	border: solid;
	border-color: #333;
	border-width: 1px;
	color:#000;
	display:block;
	margin:0;
    padding: 10px;
    position: fixed;
	top:100px;
    width: 400px;
	z-index:10;
}
p.closebox {
	border: solid 1px #000;
	color:#000;
	float:right;	
	padding:3px;
	text-align:right;
	whitespace:nowrap;
}
p.closebox a:link,
p.closebox a:visited
 {
	color:#000;
	text-decoration:none;
}
p.closebox a:hover{
	color:#333;
	text-decoration:underline;
}
p.closebox a:active{
	color:#000;
	text-decoration:underline;
}

.error {
	background-color:#FFC;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
    border-radius: 5px;
	border: solid;
	border-color: #333;
	border-width: 2px;
	color:#222;
	display:block;
	font-family:'Charlotte Sans W01 Bold', 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0;
    padding: 10px;
	position:fixed;
	top:200px;
	z-index:10;
}
