/* A Free Design (origionally) by Bryant Smith (bryantsmith.com) */
/* edited alot by someone else */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font: 12px Arial, Helvetica, sans-serif;
	font-size: 14px;
    color: #061C37;
	background: #1c478e;
	background-image:url(images/background.png);
	background-repeat:repeat-x;
}
html
{
    max-width: 715px;
    margin: 0 auto 0 auto;
    text-align:left;
}
*
{
    margin: 0 0 0 0;
    text-align:left; 
}

#container
{
    display: block; 
    height:auto;
    position: relative; 
    min-width: 400px;
    /*width: 709px;*/
}

#header
{
    height:85px;
    min-width: 400px;
    /*width:709px;*/	
}

#header h1
{
    position:absolute;
    text-align:left;
    color:#FFFFFF;
    font-size:43px;
    color:#FFF;	
    left:14px;
    top:18px;
}

#header h2
{
    position:relative;
    text-align:right;
    color:#A9D1FA;
    /*left:300px;*/
    top:38px;
    /*width:150px;*/
    padding: 0 30px 0 0;
}


.off
{
    color:#67A0F5;
}

#menu
{
    display:block;
    float:left;
    clear:both;
    min-width: 400px;
    /*width:709px;*/
    height:54px;
    float:left;
    clear:both;
}

#content
{
    display:block;
    float:left;
    /*width:689px;*/
    min-width: 300px;
    height:auto;
    padding-left:10px;
    padding-top:15px;
    padding-right:10px;
    padding-bottom:5px;
}

#content_top
{
	/*width:689px;*/
	height:25px;
    margin: 0 0 0 0;
    display: flex;
}
#content_topLeft
{
	background-image:url(images/main_topLeft.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    float: left;
}
#content_topMid
{
	background-image:url(images/main_topMid.png);
	background-repeat:repeat-x;
	/*width:639px;*/
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    flex: 1;
}
#content_topRight
{
	background-image:url(images/main_topRight.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    float: right;
}

#content_main
{
    /*width: 689px;*/
    margin: 0 0 0 0;
    display: flex;
}
#content_mainLeft
{
	background-image:url(images/main_backLeft.png);
	background-repeat:repeat-y;
	width:15px;
	min-height: 15px;
    margin: 0 0 0 0;
    float: left;
}
#content_mainMid
{
	/*background-image:url(images/main_back.png);
	background-repeat:repeat-y;*/
    background-color: white;
	/*width:659px;*/
	min-height: 15px;
    margin: 0 0 0 0;
    display: inline-block;
    flex: 1;
}
#content_mainRight
{
	background-image:url(images/main_backRight.png);
	background-repeat:repeat-y;
	width:15px;
	min-height:15px;
    margin: 0 0 0 0;
    float: right;
}

#content_bottom
{
	/*width:689px;*/
	height:25px;
    margin: 0 0 0 0;
    display: flex;
}
#content_bottomLeft
{
	background-image:url(images/main_bottomLeft.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    float: left;
}
#content_bottomMid
{
	background-image:url(images/main_bottomMid.png);
	background-repeat:repeat-x;
	/*width:639px;*/
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    flex: 1;
}
#content_bottomRight
{
	background-image:url(images/main_bottomRight.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
    margin: 0 0 0 0;
    display: inline-block;
    float: right;
}

#footer
{
    width:inherit;
    height:auto;
}

#footer h3 a,#footer h3 a:visited
{
    display:inline;
    text-align:center;
    font-size:12px;
    text-decoration:none;
    color:#7198E1;
}

#menu ul {
	list-style: none;
	padding: 0px 0px 0px 40px;
	margin-left:auto;
	/*width:709px;*/
}

#menu li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menu a {
	float: left;
	height: 36px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 18px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;	
}

#menu a:hover{
	color:#86AEF9;
	background-image:url(images/linkbackground.jpg);
	background-repeat:repeat-x;
}

#content p
{
	
}


html, body {
text-align: center;
}
p {text-align: left;}








#menuToggle
{
    display: block;
    position: absolute;
    top: 100px;
    
    z-index: 1;
    width: 40px;
    height: 30px;
}


#menuToggle span
{
    display: block;
    width: 40px;
    height: 5px;
    margin-bottom: 5px;
    position: relative;

    background: #ffffff;
    border-radius: 3px;

    z-index: 1;

}
#menuToggle input
{
    display: block;
    width: 40px;
    height: 30px;
    position: absolute;
  
    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
}

#menuToggle input:checked ~ ul
{
    opacity: 0.94;
    transform: none;
    transition: all, 0.2s;
}
#menuToggle input:checked ~ span:nth-child(2)
{
    transform: translate(0px, 10px) rotate(45deg);
    transition: all, 0.5s;
}
#menuToggle input:checked ~ span:nth-child(3)
{
    background: #1c478e;
    opacity: 0;
}
#menuToggle input:checked ~ span:nth-child(4)
{
    transform: translate(0px, -10px) rotate(-45deg);
    transition: all, 0.5s;
}


#menuShow
{
    position: absolute;
    width: 200px;

    padding: 10px 10px 10px 10px;

    background: #1c478e;
    opacity: 0;
    transform: translate(0%, -300%);
    border-radius: 5px;
    z-index: 10;
}


#menuShow ul {
	list-style: none;
	padding: 0px 0px 0px 40px;
	margin-left:auto;
	/*width:709px;*/
}

#menuShow li {
	list-style: none;
	padding: 0px;	
	display: inline; 
	
}

#menuShow .main {
	/*float: left;*/
	height: 25px;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 12px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;	
}

#menuShow a:hover{
	color:#86AEF9;
	background-image:url(images/linkbackground.jpg);
	background-repeat:repeat-x;
}

/*subnav*/
#menuShow .subnav_content {
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	padding-top: 5px;
	font-size: 15px;
	padding-left:13px;
	padding-right:13px;	
}


/* Images */
div.polaroid {
    float: left; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    margin-bottom: 10px; 
    margin-top: 10px;
}
img.polaroid {
    width:100%;
}
img.polaroidphoto {
    width:100%;
}
p.polaroid {
    text-align: center; 
    width: 100%; 
    margin-bottom: 5px; 
    margin-top: 5px;
}