/***** main.css (mobile/base) *****/

*
{
    margin:0;
    padding:0;
    outline:none;
    vertical-align:baseline;
    text-decoration:none;
}

:focus
{
    outline:0;
}

.skipnav.showonfocus
{
    position:absolute;
    left:-10000px;
    top:0;
    overflow:hidden;
    width:1px;
    height:1px;
}

.skipnav.showonfocus:focus
{
    left:0;
    top:0;
    width:auto;
    height:auto;
    color:#fff;
}

.invisible
{
    visibility:hidden;
}

.hide
{
    display:none;
}

.show
{
    display:block !important;
}

.float-left
{
    float:left;
}

.float-right
{
    float:right;
}

.float-left-margin
{
    margin:0 15px 15px 0;
}

.float-right-margin
{
    margin:0 0 15px 15px;
}

.center-text
{
    text-align:center;
}

.no-padding
{
    margin:0 !important;
    padding:0 !important;
}

.wrapper
{
    clear:both;
    width:100%;
}

.clear-both
{
    clear:both;
}

.clear-floats:after
{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

fieldset.user
{
    display:none;
}

a#top-link
{
    display:block;
    width:60px;
    height:60px;
    position:fixed;
    bottom:40px;
    right:40px;
    z-index:99999;
    opacity:0;
    background:url('../_img/__site/top.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

a#top-link.active
{
    opacity:0.3;
}

a#top-link.active:hover
{
	opacity:0.5;
}

img
{
    max-width:100%;
    display:block;
}

fieldset
{
    margin:0 0 20px;
    border:none;
}

input[type="text"]
{
	padding:5px 8px;
	border:1px solid #000;
	font-size:1em;
	background-color:#ccc;
}

input[type="text"]:focus
{
	border-color:#f00;
	background-color:#fff;
}

input[type="submit"]
{
	padding:10px 35px;
	border:1px solid #000;
	border-radius:5px;
	font-size:1.2em;
	font-weight:bold;
	background-color:#ccc;
	color:#000;
}

input[type="submit"]:hover,
input[type="submit"]:focus
{
	border-color:#f00;
	background-color:#fff;
}
	
hr
{
    margin:10px 0;
    border:2px solid #000;
}

a
{
    color:#0064b1;
    text-decoration:none;
}

a:link
{
	text-decoration:none;
}

a:visited
{
}

a:hover 
{
    text-decoration:underline;
}

a:active
{
}

strong
{
    font-weight:800;
}

blockquote,
q
{
    quotes:none;
}

table
{
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
}

td,
th
{
    padding:5px;
    vertical-align:top;
}

th
{
    text-align:left;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    line-height:1;
}

body
{
    width:100%;
    min-width:250px;
    font-family:'Open Sans',sans-serif;
    font-size:100%;
    color:#161e27;
}

header
{
	width:100%;
	background-color:#005496;
}

header h1
{
    position:absolute;
    left:-10000px;
    top:0;
    overflow:hidden;
    width:1px;
    height:1px;
    text-align:center;
    line-height:1.5;
    color:#fff;
}

header img
{
	margin:0 auto;
}

@media only all and (min-width:800px)
{
    header img
    {
        width:800px;
    }
}

footer
{
	width:100%;
}

footer img
{
	width:65%;
	margin:0 auto 40px;
}

div#main-container
{
    margin:40px 20px;
}

div#content
{
	width:100%;
}

div#content h2
{
    margin:0 0 40px;
    padding:0;
    font-size:1.7em;
    color:#003561;
}

div#content h3
{
    margin:15px 0;
    padding:0;
    font-family:'Arvo',serif;
    font-size:1.2em;
    font-weight:700;
    color:#000;
}

div#content h4
{
    margin:15px 0;
    padding:0;
    font-size:1em;
    font-weight:600;
    color:#000;
}

div#content p
{
    padding:0 0 12px;
    font-size:1em;
    font-weight:400;
    line-height:1.5;
}

div#content ul,
div#content ol
{
    margin:0 0 0 30px;
}

div#content li
{
    padding:0 0 12px;
    font-size:1em;
    font-weight:400;
    line-height:1.5;    
}

div#sidebar
{
	width:100%;
}

div#sidebar h5
{
    margin:0 0 12px;
    font-size:0.9em;
    font-weight:600;
    color:#000;
}

div#sidebar p
{
    padding:0 0 12px;
    font-size:0.88em;
    line-height:1.4;
}

div#sidebar ul
{
    list-style-type:none;
    margin:0 0 30px 2px;
}

div#sidebar li
{
    padding:0 0 10px;
    font-size:0.88em;
    line-height:1.4;    
}

div#sidebar li:last-child
{
	padding-bottom:12px;
}

@media only all and (min-width:500px)
{
	footer img
	{
		width:auto;
	}

	div#content
	{
		width:66%;
		float:left;
	}

	div#sidebar
	{
		width:30%;
		float:right;
	}
}

@media only all and (min-width:1000px)
{
	div#main-container
	{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
	}

	div#content
	{
		width:660px;
	}

	div#sidebar
	{
		width:300px;
	}
}