/* Copyright 2009 SCA Shire of Mynydd Gwyn. Last edited 26 March 2010. */

body {
	font-family: "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: black;
	background-color: white;
	padding: 0;
	border: 0;
	margin: 0 1em 1em 1em;
	text-align: left;
	}

div {
	width: 100%;
	padding: 0;
	border: 0;
	margin: 0;
	}
	
h1  {
	font-size: 2em;
	padding: 1em 0 0;
	border: 0;
	margin: 0;
	background-color: transparent;
	font-weight: bold;
	} 

h2  {
	font: 1.4em normal bold "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	color: rgb(4,130,4);
	padding: 1em 0 0;
	margin: 0;
	border: 0;
	}

h3  {
	font: 1.1em normal bold "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding: 1em 0 0;
	margin: 0;
	border: 0;
	}

h4  {
	font: 1.1em italic bold "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding: 0.5em 0 0;
	margin: 0;
	border: 0;
	}
	
h5  {
	font: 1em italic normal "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding: 0.5em 0 0;
	margin: 0;
	border: 0;
	}
	
h6  {
	font: 1.1em normal normal "Franklin Gothic Book", calibri, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
	padding: 1em 0 0;
	margin: 0;
	border: 0;
	}

p   {
	font-size: 1em;
	padding: 1em 0 0;
	margin: 0;
	border: 0;
	}

li  {
	font-size: 1em;
	padding-bottom: 0.5em;
	}

a	{text-decoration: none;}

a em	{
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

a:link	{color: blue;}		/* Not for navigation bar */
	
a:active	{color: red;}
	
a:visited	{color: purple;}
	
a:hover	{color: red;}
	
a.skip	{
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	color: transparent;
	}
	
img {
	padding: 0;
	border: 0;
	margin: 1em;
	}

img.header {
	padding: 0;
	border: 0;
	margin: 0 0 1em 1em;
	}	
	
.device	{float:left;}
	
.bullet {												/* Use as <ul class="bullet"> to replace bullet with image. */
	list-style-image: url(/images/icons/bullet.gif);	/* Update with correct once GIF is uploaded */
	padding: 0 0 0 1em;
	border: 0;
	margin: 0;	
	}
	
.indent	{
	padding: 0 0 0.5em 2em;
	border: 0;
	margin: 0;
	}
	
#navigation	{
	background-color: rgb(4,130,4);		/* Check shade of green */
	font-size: 1em;
	padding: 0;
	border: 0;
	margin: 0;
	width: 14%;
	position: fixed; 	
	top: 120px;			
	left: 1em;			
	}

#navigation a:link, #navigation a:active, #navigation a:visited	{
	color: black;
	padding: 0 0.25em 0 1em;
	}
	
#navigation a:hover	{
	color: white;
	padding: 0 0.25em 0 1em;
	}
	
#navigation ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	}

#navigation ul li	{
	border-top: 1px solid rgb(155,224,155);
	border-bottom: 1px solid rgb(2,68,2);
	border-left: 0;
	border-right: 0;
	padding: 0.25em 0;
	}
	
#content {
	width: 75%;
	padding: 0 1em;
	border-left: 1px;
	border-style: solid;
	border-color: black;
	margin: 1em 0 0 20%;	/* Remember to change if width of navigation panel changes */
	}

#header	{
	background: white url(http://www.mynydd-gwyn.org/images/bkg_gradient.jpg) repeat-x bottom left;
	width: 100%;
	clear: none;		
	padding: 0;
	border: 0;
	margin: 0;
	}
	
#footer	{
	width: 80%;
	text-align: center;
	clear: both;		/* Should always stay at the bottom of the page */
	padding: 0;
	border: 0;
	margin: 2em 10% 1em 10%;
	}

#footer ul	{list-style-type: none;}

#footer ul li	{display: inline;}

.plain	{list-style-type: none;}

#navbuttons {
	list-style-type: none;
	padding: 0;
	border: 0;
	margin: 1em 0;
	}
	
#navbuttons li	{
	display: inline;
	background-color: green;
	padding: 0.35em;
	border-top: 1px solid rgb(155,224,155);
	border-right: 1px solid rgb(155,224,155);
	border-bottom: 1px solid rgb(2,68,2);
	border-left: 1px solid rgb(2,68,2);
	margin: 0.1em;
	}
	
#navbuttons a	{color: white;}

#navbuttons a:hover, a:active	{color: black;}	

#navigation ul li.sub {
	background-color: rgb(142,199,128);
	border-top: solid 1px rgb(225,239,224);
	border-bottom: solid 1px rgb(105,142,106);
	font-size: 90%;
	}
	
#navigation ul li.sub a	{
	padding-left: 1.8em;
	}
	
#navbuttons li.sub	{
	background-color: rgb(142,199,128);
	}
	
#navbuttons li.sub a:link, #navbuttons li.sub a:active, #navbuttons li.sub a:visited	{ 	color: black;	}

#navbuttons li.sub a:hover	{ 	color: white;	}

table	{
	padding: 0.5em;
	border: 0;
	margin: 2em 0.5em;
	}

th	{
	font-weight: bold;
	padding: 0.25em 1em;
	border: 0;
	margin: 1em 0 0 0;
	}

#registrants th	{
	border-bottom: 1px;
	border-style: solid;
	border-color: black;
	}

td	{
	padding: 0.25em 1em;
	border: 0;
	margin: 0;
	}

#registrants td	{
	border-bottom: 1px;
	border-style: solid;
	border-color: rgb(102,102,102);
	}
	
#schedule table, #schedule th, #schedule td {text-align: center;}

#schedule td	{
	border-width: 1px;
	border-style: solid;
	border-color: rgb(102,102,102);
	}

.menu	{ text-align: center;}

.caption	{	font-size: 90%;	}

.captionright	{
	clear: right;
	font-size: 90%;
	float: right;
	}

.picturebox	{	
	float: left;
	padding: 0.25em;
	margin: 1em;
	width: 100%;
	}
	
.right	{	float: right;	}

iframe	{
	margin: 1em;
	padding: 1em;
	border: none;
	}