html
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
    color:#000000;
	line-height:18px;
}

body
{
	background: #000000;
	text-align:center;
    padding:0px;
	margin:0px auto 0px auto;
}

#shell
{
    padding:0px;
	margin:0px auto 0px auto;
    background:#FFFFFF;
    border:2px solid #FFFFFF;
    width:90%;
    max-width:980px;
    text-align:center;
	border-radius:20px;
}

#mobilenav
{
	display:none;
}

#menubar
{
	display:inline-block;
	float:right;
	text-align:right;
	background:#000000;
	color:#FFFFFF;
	margin:20px 0px 0px auto;
	padding:12px 20px 10px 24px;
	border-radius:20px 0 0 0;
}

#topnav
{
    padding:5px 0px 0;
	margin:0px auto 0px auto;
    border-bottom:9px solid #93a6c2;
}

#logo
{
	padding:24px 0 11px 20px;
}

.social
{
	text-align:right;
}

#content
{
	background:url(images/main-bg.png) repeat-x top #FFFFFF;
    padding:20px 35px;
	margin:0px 0 0px 0;
    text-align:left;
}

#footer
{
	background:#93a6c2;
	border-radius:0 0 20px 20px;
    padding:20px 35px;
	margin:0px auto 0px auto;
    color:#FFFFFF;
    font-size:12px;
}

A
{
    color:#1d2758;
    text-decoration:underline

}

A:hover
{
    color:#000000;
    text-decoration:none

}

h1, h2, h3, h4, h5
{
    padding:0px;
	margin:0px auto 1em auto;
	line-height:1.4;
    font-weight: bold;
}

h1, h2, h3, h4, h5,
a h1, a h2, a h3, a h4, a h5,
h1 a, h2 a, h3 a, h4 a, h5 a
{
	text-decoration:none;
}

H1
{
    font-size:18px;
    color:#1d2758;
}
H1.toptitle
{
    border-bottom:2px solid #93a6c2;
}

H2
{
    font-size:16px;
    color:#cc2030;
}

#topnav H1
{
    font-size:18px;
	margin:0px auto 5px auto;
	text-align:right;
}

#topnav H2
{
    font-size:16px;
	margin:0px auto 5px auto;
	text-align:right;
}

H3
{
    font-size:14px;
    color:#1d2758;
}


em { font-style:italic }
strong { font-weight:bold }
.style4 { text-align:center }
.style7 { color:#888 }


.frame
{
	border:2px solid #1d2758;
}

.frame2
{
	border:8px solid #93a6c2;
}

#menubar a
{
    font-size:12px;
    font-weight: bold;
    color:#FFFFFF;
    text-decoration:none;
	text-transform: none;
	margin:0 6px;
}

#menubar a:hover
{
    color:#93a6c2;
    text-decoration:none;
}

.mini
{
    font-size:11px;
}

.errorText
{
	color:red;
}

ul
{
	margin:0 0 1em 0;
	padding:0 0 0 0;
}

li
{
	margin:0 0 0 0;
	padding:0 0 4px 0;
}

#footer a
{
    font-size:8pt;
    font-weight: bold;
    color:#1d2758;
    text-decoration: underline

}

#footer a:hover
{
    color:#cc2030;
    text-decoration: none

}

.banner
{
	background:#263850;
	vertical-align:middle;
	border-bottom:6px solid #000000;
	border-radius:4px;
}

h2.large
{
	padding:0 0 12px;
	margin:0 auto;
	font-size:24px;
	line-height:36px;
	letter-spacing:0.01em;
	font-weight:bold;
	color:#cc2030;
}

.sideborder 
{
	border-right:2px solid #1d2758;
}

.half,
.twothirds,
.quarter,
.third
{
	float:left;
	width:31.0%;
	margin:0 0% 0 0;
	padding:0;
}

.half
{
	width:50%;
}

.twothirds
{
	width:66.5%;
}

.quarter
{
	width:25%;
}

.last
{
	float:right;
	margin:0 0 0 0;
}

.clear
{
	clear:both;
}

.third.pad
{
	width:32%;
	padding:0 1.0% 0 0 ;
}

.padall
{
	padding:9px 0.5%;
}

.right
{
	text-align:right;
}

.center
{
	text-align:center;
}

.vcenter
{
	padding-top:50px;
}
.borderright
{
	border-right:1px solid #CCCCCC;
}

.alignright
{
	clear:right;
	float:right;
	margin:0 0 12px 15px;
}

.alignleft
{
	clear:left;
	float:left;
	margin:0 15px 12px 0px;
}

img
{
	max-width:100%;
}


HR
{
    color:#93a6c2;

}

.tablehead
{
	background:#93a6c2;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;

}

.tip
{
	color:#FF6600;
	font-size:11px;
}

.buttonSite
{
    font-size:10pt;
    padding-top:3px;
    padding-bottom:3px;
    color:#000000;
    background:#93a6c2;
    border:3px ridge #1d2758;
    font-weight:bold;
    cursor:hand
}

.buttonSite:hover
{
	border:3px ridge #cc2030;
}

@media (max-width: 840px)
{	
	#menubar a
	{
		font-size:11px;
		margin:0 2px;
	}
}

@media (max-width: 720px)
{	
	#menubar
	{
		display:none;
	}

	#mobilenav
	{
		display:block;
		width:100%;
/*
		background:#c2dbdc;
		border:5px solid #D8852E;
		border-radius:18px 18px;
*/
		margin:0 auto;
		padding:0 0 0 0;
	}

	#topnav .third,
	#topnav .twothirds
	{
		float:none;
		width:100%;
		display:block;
		text-align:center;
		margin:0 auto;
	}

	#logo
	{
		padding:3px 0 7px 20px;
	}
	
	#topnav h1,
	#topnav h2
	{
		font-size:14px;
		text-align:center;
		display:none;
	}

	.social
	{
		text-align:center;
	}

	.banner
	{
		background:transparent;
		text-align:center;
	}

	h2.large
	{
		font-size:18px;
		line-height:24px;
	}

	.half,
	.third,
	.third.pad,
	.twothirds.pad,
	.twothirds,
	.alignright,
	.alignleft,
	.btncontact
	{
		float:none;
		display:block;
		width:100%;
		margin:0 0 18px 0;		
	}

	.alignright,
	.alignleft,
	.btncontact
	{
		clear:both;
		margin:11px 0 18px 0;		
	}
}