@charset "utf-8";
/* Niall Gordon and Associates style sheet */

html {overflow-y: scroll;}

/*----------------------*/
/* All Pages */
/*----------------------*/

body {
	background:url(../images/background.jpg);
	background-color:#343434;
	padding:0;
	margin:0;
	background-repeat:repeat-x;
	background-position:top;
}

td {
	text-align:left;
	vertical-align:top;
}


.bodytext {
	font-family: Arial, Helvetica;
	font-size:14px;
	line-height:23px;
	color:#ebeaea;
	font-weight:normal;
}
.bodytext a:link {
	color:#f7e3a9;
	text-decoration:underline;
}
.bodytext a:visited {
	color:#f7e3a9;
	text-decoration:underline;
}
.bodytext a:hover {
	color:#f7e3a9;
	text-decoration:underline;
}

.bodytext-sm {
	font-family: Arial, Helvetica;
	font-size:13px;
	line-height:20px;
	color:#ebeaea;
	font-weight:normal;
}
.bodytext-sm  a:link {
	color:#f7e3a9;
	text-decoration:underline;
}
.bodytext-sm  a:visited {
	color:#f7e3a9;
	text-decoration:underline;
}
.bodytext-sm  a:hover {
	color:#f7e3a9;
	text-decoration:underline;
}


.small {
	font-size:11px;
	color:#ebeaea;
}

.date {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ebeaea;

}


.mmhide_backtotop {
	font-family: Arial, Helvetica;
	font-size:12px;
	color:#f7e3a9;
	font-weight:normal;
}
.mmhide_backtotop a:link {
	color:#f7e3a9;
	text-decoration:none;
}
.mmhide_backtotop a:visited {
	color:#f7e3a9;
	text-decoration:none;
}
.mmhide_backtotop a:hover {
	color:#f7e3a9;
	text-decoration:underline;
}
.mmhide_footer {
	font-family: Arial, Helvetica;
	font-size:13px;
	color:#ebeaea;
	font-weight:normal;
}
.mmhide_footer a:link {
	color:#ebeaea;
	text-decoration:none;
}
.mmhide_footer a:visited {
	color:#ebeaea;
	text-decoration:none;
}
.mmhide_footer a:hover {
	color:#ebeaea;
	text-decoration:underline;
}



/*----------------------*/
/* titles */
/*----------------------*/

.title {
	font-family:Arial, Helvetica;
	font-size:28px;
	line-height:30px;
	color:#92c3f2;
}
.subtitle {
	font-family: Arial, Helvetica;
	font-size:15px;
	line-height:19px;
	color:#f7e3a9;
}





/*----------------------*/
/* Navigation Styles */
/*----------------------*/

.nav  {
	font-family: Arial, Helvetica;
	font-size:15px;
	color:#f7e3a9;
	letter-spacing:3px;
}

.nav a:link {
	font-family: Arial, Helvetica;
	font-size:15px;
	color:#f7e3a9;
	letter-spacing:3px;
	text-decoration:none
}
.nav a:visited {
	font-family: Arial, Helvetica;
	font-size:15px;
	color:#f7e3a9;
	letter-spacing:3px;
	text-decoration:none	
}
.nav a:hover {
	font-family: Arial, Helvetica;
	font-size:15px;
	color:#ebeaea;
	letter-spacing:3px;
	text-decoration:none	
}



.navdots  {
	font-family: Arial, Helvetica;
	font-size:15px;
	color:#ebeaea;
	letter-spacing:1px;

}



/*----------------------*/
/* Layout */
/*----------------------*/

.box-background{

background-image:url(../images/boxbackground.gif); background-repeat:no-repeat;
padding:25px;
}

.rightboxlg
{
	font-family: Arial, Helvetica;
	font-size:22px;
	line-height:25px;	
	color:#ebeaea;

}


.righbox
{
	font-family: Arial, Helvetica;
	font-size:15px;
	line-height:25px;		
	color:#ebeaea;

}


/*----------------------*/
/* Show/Hide  */
/*----------------------*/



.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font-family: Arial, Helvetica;	
	color:#92c3f2;
	font-size:17px;
	line-height:25px;		
	margin-top:2px;
	margin-bottom:30px;	
	padding-left:2px;

	
	/* End layout CSS */
	
	overflow: hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	font-family: Arial, Helvetica;	
	border:;
	background-color:;
	width:;	
	color:#fff;	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:14px;	
	position:relative;
}

@media screen and (max-width:943px){
	table {width: 100%;}
	img {width: 100%;}

	.sLogo img {
		max-width: 465px;
		margin-left: 10px;
	}

	.conInner {padding: 0 20px;}

	.mmhide_footer {margin-left: 10px;}
	.mmhide_backtotop {margin-right: 10px;}
}

@media screen and (max-width:767px){
	.conLeft, .conRight {
		display: block;
		width: 100%; 
		clear: both;
	}

}

@media screen and (max-width:480px){
	.sLogo, .date {
		display: block;
		width: 100%; 
		clear: both;
	}

	.sLogo img {
		width: 90%;	
		margin-left: 5%;	
	}

	.date div {
		text-align: center !important;
		padding-right: 0 !important;
	}

	.date br {display: none;}
}

#toggle, .toggle, #mobMenu { display: none; }

@media only screen and (max-width: 768px){
	#deskMenu { display: none !important; }
	#mobMenu { display: block !important; position: relative; }
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; top: 25px; }
	.menu > li { display: block; width: 100%; margin: 0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked + div .menu { display: block; opacity: 1;}
}

@media only screen and (max-width: 768px){
	.menu{
		background: #333;
		border: 1px solid #51C1F1;
	}
	
	.menu, .menu > li, .menu > li > a{
		height: auto;
	}
	
	.menu > li > a{
		padding: 10px 15px;
	}
	
	.menu > li > a:hover, .menu > li > a:focus{
		background: #92c3f2;
		color: #FFF;
	}
	
	.toggle:after {
		font-size: 16px;
		content: attr(data-open);
		display: block;
		width: 100%;
		margin: 33px 0;
		padding: 10px 50px;
		background: #92c3f2;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		text-align: center;
		color: #FFF;
		-webkit-transition: all 0.5s linear;
		-moz-transition: all 0.5s linear;
		-o-transition: all 0.5s linear;
		transition: all 0.5s linear;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	
	.toggle:hover:after{
		background: #45ABD6;
	}
	
	#toggle:checked + div .toggle:after{
		content: attr(data-close);
	}
}

@media only screen and (max-width: 479px){
	.menu { padding: 0 !important; }
	.nav, .toggle:after{ 
		float: none; 
	}
	.toggle:after { 
		width: 100%; 
	}
}