/* Main Style Sheets for FA */
		
* { box-sizing: border-box;
}

.row
{
	float: left;
}


.row::after {
    content: "";
    clear: both;
    display: table;
}



html
{
	font-family:"Courier New", Courier, monospace;
	font-size:1.0em;
	padding-left:5%;
	padding-right:5%;
	background-color:#dddddd;
	//background-color:#eeeeee;
}




.Container {
	padding:0px; 
	float: right;
}



.Header
{
	height: 150px;
	float: right;
	margin-right:20px;
} /* Header */



.Header img
{
	width: 442px; 
    max-width: 100%;
} /* Header img */


/* For the navigation bar on the left */


.Navigation  ul
{
	padding-left: 0px;
	margin-left: 0px;
}


.Navigation  li
{

	list-style-type: none; /* Get rid of any bullets */

	/* For the chevron at the left */
	background-image: url('../images/GreaterThan.png');
	background-repeat: no-repeat;

	/* To centre the text */
    line-height: 60px;
    vertical-align: middle;

	padding-left: 40px;
	margin-left: 0px;
} /* Navigation li */


/* General link styles*/

a
{
	font-weight: bold;
	text-decoration: none;
	color: #1b1b3d;

} /* Navigation li a */


a:hover 
{ 
	color: #2b1b5d;
	font-style: oblique;
}

/* .Navigation li a - for the link on the menu */

.Navigation li a
{
	font-size: 2.0em;
} /* Navigation li a */



.Navigation img
{
	width: 42px; 
    max-width: 100%;
} /* Header img */



.Window
{

	border-style: solid;
	border-width: 47px 71px 50px 75px;
	-moz-border-image: url(../images/Window.png) 94 84 67 98 stretch;
	-webkit-border-image: url(../images/Window.png) 94 84 67 98 stretch;
	-o-border-image: url(../images/Window.png) 94 84 67 98 stretch;
	border-image: url(../images/Window.png) 94 84 67 98 stretch;

	font-size: 1.5em;

	background-color: white;

	background-image: url('../images/StaticLine1.png'), 
							url('../images/StaticLine2.png');
	background-position: right bottom, left top;
	background-repeat: no-repeat;



	/* Needed for the static lines */
	position: relative;

}

.Window p {
	z-index:0;

}


.Window p::first-letter { 
    font-size: 200%;
    color: #555555;
    font-style: italic;
}


.Window li
{
	margin: 10px 0;
}




/* For FA logo */
.FA
{
    font-size: 130%;
	font-weight: bold;
    font-style: italic;
	font-variant: small-caps;
    text-transform: capitalize;
	color: #1b1b3d;
}





/* Responsive(?) stuff */

[class*="col-"] {
    float: left;
    padding: 15px;
}




/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}


@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {
		width: 100%;
	
		/* .Navigation li a - for the link on the menu */
		.Navigation li a
		{
			font-size: 2em;
		} /* Navigation li a */
	} /* col-m-12 */
}



@media only screen and (min-width: 750px) {
	/* .Navigation li a - for the link on the menu */
	.Navigation li a
	{
		font-size: 1.10em;
	} /* Navigation li a */
}


@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%; }
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%; }
    .col-8 {width: 66.66%; }
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}





@media only screen and (min-width: 800px) {
	/* .Navigation li a - for the link on the menu */
	.Navigation li a
	{
		font-size: 1.30em;
	} /* Navigation li a */
}



@media only screen and (min-width: 900px) {
	/* .Navigation li a - for the link on the menu */
	.Navigation li a
	{
		font-size: 1.50em;
	} /* Navigation li a */
}


@media only screen and (min-width: 1000px) {
	/* .Navigation li a - for the link on the menu */
	.Navigation li a
	{
		font-size: 2.0em;
	} /* Navigation li a */
}