/* Layout for all pages using a container */

#container {

	width:95%;

	margin-left:auto;

	margin-right:auto;

	background-color:#000000;

	border: 3px solid #666666;

	}





body  {

	background-color:#000000;

	color:#ffffff;

	}

	

	/* Header information  */

#header {

	overflow:hidden;

	font-family:Garamond, sans-serif;

	font-size: 420%;

	font-weight:bolder;

	color:#ffffff;

	text-align:center;

	background:transparent;	

	background-image: url("tartan-2.jpg");

	background-position:left bottom;

	background-size: auto auto;

	width:100%;

	margin-left:auto;

	margin-right:auto;

	}





	/* Navigation */

#trans-nav { display: table; table-layout: fixed; width: 100%; list-style-type: none; height: 100%; padding: 0; margin: 0; }

#trans-nav li { float: left;  position: relative; padding: 0; line-height: 150%; background: #5a8078 repeat-x 0 0; }

#trans-nav li:hover { background-position: 0 -20%; }

#trans-nav li a { display: block; padding: 0 20px; color: #fff; text-decoration: none; font-size: 130%; width: 100%; }

#trans-nav li a:hover { color: #a3f1d7; }

#trans-nav li ul { display: table-row; opacity: 0;  position: absolute; left: 0; width: 300%; background: #63867f; list-style-type: none; padding: 0; margin: 0; }

#trans-nav li:hover ul { opacity: 1; }

#trans-nav li ul li { float: none; position: static; height: 0; line-height: 0; background: none; }

#trans-nav li:hover ul li { height: 250%; line-height: 150%; }

#trans-nav li ul li a { background: #63867f; }

#trans-nav li ul li a:hover { background: #5a8078; }

#trans-nav li { -webkit-transition: all 0.2s; }

#trans-nav li a { -webkit-transition: all 0.5s; }

#trans-nav li ul { -webkit-transition: all 1s; }

#trans-nav li ul li { -webkit-transition: height 0.5s; }



/*Responsive Styles*/



@media screen and (max-width : 480px){

	/*Make dropdown links appear inline*/

	ul {

		position: static;

		display: none;

	}

	/*Create vertical spacing*/

	li {

		margin-bottom: 1px;

	}

	/*Make all menu links full width*/

	ul li, li a {

		width: 100%;

	}

	/*Display 'show menu' link*/

	.show-menu {

		display:block;

	}

}



/*   Headings   */

h1	{

	font-size:250%;

	font-family:Arial, Garamond, sans-serif;

	text-align:center;

	color:#ffffff;

	padding:1%;

	}



h2	{

	font-family:Arial, Garamond, sans-serif;

	font-size:130%;

	color:#ffffff;

	padding:1%;

	margin:1%;

	}