/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@charset'
(2,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(2,17): run-time error CSS1019: Unexpected token, found ';'
(413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */

@charset "UTF-8";

* {
 margin: 0;
 padding: 0;
 outline: none;
}
header, nav, footer, article, aside, address { display: block; }

#mainbody {
	background-color: #333;
	background-repeat: repeat;
	/*background-position: 0 0; - no these lines are meaningless on a body element!
	z-index: -5000;*/
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-image: url('SiteImages/caa_background4.jpg');

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

p {
	margin-bottom: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;
}
a {
	color: #6192AA;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}
a:hover, a:focus, a:active {
	color : #720000;
	text-decoration : none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a img {border:none; 
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #6192AA;
	margin-bottom: 20px;
	font-weight: normal;
	margin-top: 20px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	color: #720000;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6192AA;
	padding-top: 10px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 20px;
	font-weight: lighter;
	color: #7B1918;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6192AA;
	padding-top: 0px;
	padding-bottom: 3px;
}
header {
	height: 130px;
	width: 930px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #333;
	text-align: right;
	vertical-align: middle;
	padding-right: 20px;
	padding-top: 5px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url('SiteImages/mayfly.jpg');
	background-color: #FFF;
}
#logo {
	height: 101px;
	width: 130px;
	float: left;
	clear: none;
	z-index: 100;
	background-repeat: no-repeat;
	position: absolute;
	background-position: 15px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 45px;
	padding: 0px;
}
nav {
	background-color: #FFF;
	height: 27px;
	width: 904px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #5F92A7;
	padding-left: 46px;
	z-index: 1000;
	position: relative;
}
#caption_box {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 40px;
	background-color: #402619;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: .7;
	text-align: left;
	margin-top: -100px;
	width: 840px;
	z-index: 100;
	position: relative;
	height: 70px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 60px;
	font-weight: lighter;
	vertical-align: middle;
	color: #FFF;
	margin-right: 10px;
	margin-left: 10px;
	float: right;
}
#caption_text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 40px;
	text-align: left;
	margin-top: 0px;
	width: 850px;
	z-index: 5000;
	position: relative;
	height: 70px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: lighter;
	vertical-align: middle;
	color: #FFF;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
}


#container {
	background-color: #FFF;
	width: 950px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: static;
	float: none;
	background-image: url('SiteImages/canvas_background.jpg');
	background-repeat: no-repeat;
	background-position: 10px bottom;
	height: 100%;
	clear: both;
}
.content {
	/*height: 100%; What is this for??? */
	width: 520px;
	float: left;
	background-image: url(mojo_images/welcome-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 10px;
	margin-right: 10px;
	/*margin-bottom: 10px; */
	margin-left: 40px;
	padding-top: 20px;
	padding-right: 30px;
	/*padding-bottom: 30px; breaks contact form */
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
}
.contentEmail {	
	width: 520px;
	float: left;
	background-image: url(mojo_images/welcome-background.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	margin-right: 10px;	
	margin-left: 40px;	    
	padding-right: 30px;	
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
}
.asideClass {
	height: 100%;
	width: 210px;
	float: right;
	margin-top: 30px;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear: none;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 15px;
	background-image: none;
	background-color: #E4E1DA;


}
.black:hover {
	color: #6192AA;
}


ul.bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #333;
	list-style-position: inside;
	margin-bottom: 15px;
	list-style-image: url('SiteImages/bullet.png');
	margin-left: 24px;
	text-indent: -23px;
}
ul.bullets li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 8px;
	margin-top: 10px;	
}



ul.slideshow {
	list-style: none;
	width: 940px;
	height: 400px;
	overflow: hidden;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10;
	clear: none;
	float: left;
	z-index: 5;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;    
} 
ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
	width: 940px;
	margin-right: 10px;
	margin-left: 10px;
	height: 400px;    
}
ul.slideshow li.show {
z-index:500; 
}
.solid {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 40px;
	color: #6192AA;
}
footer {
	background-color: #FFF;
	height: 38px;
	width: 870px;
	padding-right: 30px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 17px;
	color: #666;
	text-align: left;
	vertical-align: middle;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #99CCCC;
	margin-top: 10px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #BBB;
	text-align: right;
	vertical-align: top;
	font-weight: lighter;
	
	float: right;
	clear: both;
	margin-right: 20px;
}
.black {
	color: #000;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			7em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
padding: 9px 11px; /* Decided to set it to use pixels. Remember to change .sf-menu li.sfHover ul height to be twice this figure plus font-size */
	text-decoration:none;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			24px; /* match top ul list item height */
	z-index:		99;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: .25em;
	
}
.sf-menu a {
*/
	text-decoration: none;
	padding-top: 0.25em;
	padding-right: 0.75em;
	padding-bottom: 0.25em;
	padding-left: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DDDDDD;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #444;
}
.sf-menu li {
	background:		#fff;

}
.sf-menu li li {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
	background-color: #EEE;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline: 0;
	background-color: #DDD;
	
}
/*** arrows **/








/* MVC Specific Stuff!  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
    text-align: left;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, 
.editor-label {
    margin: 1em 0 0 0;
}

.display-field, 
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 100px;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}