/* AUTHOR: Peter Nisbet */
/* CONTRACT: Dhonveli Ra */
/* COPYRIGHT: 2006 Peter Nisbet */

* {margin: 0; padding: 0; border: 0;} /* We use this line to turn off all present margins, padding and borders, we will set these styles by ourselves */

/* Layout of Website */
/* The following few lines are used to define the layout of the standard website. */
/* We make use of background images, to seperate content from style */
/* We use the padding and margin options to position the text correct inside each div */
/* There are a number of workarounds so that the page displays correctly in a range of diffrent browsers */

body		{background: url("../images/background.gif") repeat-x; background-color: #465D89;}
#body		{width: 900px; margin-left: auto; margin-right: auto; font: 1em Arial, Helvetica, Sans-Serif;}
#header 	{background: url("../images/title.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header1 	{background: url("../images/title1.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header2 	{background: url("../images/title2.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header3 	{background: url("../images/title3.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header4 	{background: url("../images/title4.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header5 	{background: url("../images/title5.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#header6 	{background: url("../images/title6.jpg") no-repeat center; background-color: #FFFFFF; width: 898px; height: 278px; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-left: 1px;}
#container 	{background-color: #FFFFFF; width: 900px; border-left: 1px solid #2F1F50; border-right: 1px solid #2F1F50; border-bottom: 1px solid #2F1F50;}
#menubar 	{position:relative; background: url("../images/menuback.gif") repeat-x left bottom;  background-color: #2D9B30; width: 898px; height: 42px; text-align: right; margin-left: auto; margin-right: auto; margin-bottom: 1px;}
#navigation	{background-color: transparent; width: 180px; float: left; margin: 10px 0px 0px 16px; padding: 20px 0px 0px 0px;} /* Added "display: inline;" for yet another IE bug. This works as floats automatically become block level elements. Therefore "display: inline;" is pointless. However it does overcome the IE bug which doubles the width of the margin. */
#content	{background-color: transparent; width: 667px; float: left; padding: 30px 10px 20px 10px;}
#bottom 	{background: url("../images/bottomback.gif") repeat-x center top; clear: both; background-color: #0F161E; width: 898px; text-align: right; margin-left: auto; margin-right: auto; margin-bottom: 1px; padding: 20px 0px 10px 0px;}
#footer 	{background-color: transparent; margin: 0px 0px 0px 0px; padding: 40px 0px 80px 0px; text-align: center;}

div.wingtip { background: url("../images/wingtip.png") no-repeat left top;
width: 63px; height: 71px;
position:absolute;
left:176px;
top:0px;
}

/* Styling of Website */

img#titlelogo  {position: absolute; padding-top: 235px;}

#bottom p {	padding: 0px 10px 0px 10px;

		font-size: 80%;

		word-spacing: normal;
		letter-spacing: normal;
		vertical-align: text-top;
		text-decoration: none;
		text-transform: none;
		text-indent: 0px;
		line-height: 1.5em;

		color: #ffffff;}

#footer p {	padding: 0px 0px 0px 0px;

		font-size: 80%;

		word-spacing: normal;
		letter-spacing: normal;
		vertical-align: text-top;
		text-decoration: none;
		text-transform: none;
		text-indent: 0px;
		line-height: 1.5em;

		color: #C0C0C0;}

#footer a {color: #B2B2C0;}

div.floatbox {	float: right;		
		margin: 30px -1px 0px 0px;
		display: inline; /* Added "display: inline;" for yet another IE bug. This works as floats automatically become block level elements. Therefore "display: inline;" is pointless. However it does overcome the IE bug which doubles the width of the margin. */
}

.floatbox p {	background-color: #FFFFFF;

		margin-bottom: 2px;
		border: 1px solid  #C0D0DB;
		padding: 1px 5px 1px 5px;
	
		font-size: 80%;

		word-spacing: normal;
		letter-spacing: normal;
		vertical-align: middle;
		text-decoration: none;
		text-transform: none;
		text-indent: 0px;
		line-height: 1.5em;

		color: #080808;}

.printhidehighcontrast {visibility: visible;}
.printhidestandard {visibility: hidden; display: none;}


/* TOP NAV */
.menu {width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 280px; float: left; font-size: 1em}
.menu li {display: inline;}
.menu li a:link, .menu li a:visited, .menu li a:active	{display: block; float: left; color: #ffffff; padding: 9px 6px 8px 6px; text-decoration: none;}					
.menu li a:hover, menu li a.active:hover {background: url(../images/menu_over.gif) center center repeat-x; padding: 9px 5px 8px 5px; border-left: 1px solid #4a6589; border-right: 1px solid #4a6589;}
.menu li a.active {padding: 9px 5px 8px 5px; border-left: 1px solid #248E26; border-right: 1px solid #248E26;} /*background: url(../images/menu_active.gif) center center repeat-x; */

/* Styling for Inline List */

#inline-list1 {
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 250px;

	color: #FFFFFF;
	}

#inline-list1 ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	}

#inline-list1 ul li {
	margin-left: 0;
	padding-right: 2px;
	padding-left: 5px;
	border-left: 1px solid #FFFFFF;
	list-style: none;
	display: inline;
	}
	
		
#inline-list1 ul li.first {
	margin-left: 0;
	padding-right: 1px;
	padding-left: 2px;
	border-left: none;
	list-style: none;
	display: inline;
	}

#inline-list2 {
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-left: 10px;

	color: #D8D8D8;
	}

#inline-list2 ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	}

#inline-list2 ul li {
	margin-left: 0;
	padding-right: 2px;
	padding-left: 5px;
  	border-left: 1px solid #D8D8D8;
	list-style: none;
	display: inline;
	}
	
		
#inline-list2 ul li.first {
	margin-left: 0;
	padding-right: 1px;
	padding-left: 2px;
	border-left: none;
	list-style: none;
	display: inline;
	}

#inline-list1 a {color: #FFFFFF; background-color: transparent; text-decoration: none;}
#inline-list1 a:hover {color: #404040; background-color: transparent; text-decoration: none;}

#inline-list2 a {color: #D8D8D8; background-color: transparent; text-decoration: none;}
#inline-list2 a:hover {color: #404040; background-color: transparent; text-decoration: none;}

/* Formatting of Website */

body {	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 70%;

	color: #202020;}

h1 {	margin-bottom: 0.2em;

	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 160%;

	text-transform: none;
	letter-spacing: 0.03em;
	color:#31486C;}

h2 {	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-family: Helvetica, Verdana, "trebuchet MS", Arial, sans-serif, 'Times New Roman';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 140%;

	text-transform: none;
	letter-spacing: 0.03em;
	color: #209431;}

h3 {	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-family: Helvetica, Verdana, "trebuchet MS", Arial, sans-serif, 'Times New Roman';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 120%;

	text-transform: none;
	letter-spacing: 0.03em;
	color: #209431;}

h4 {	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-family: Helvetica, Verdana, "trebuchet MS", Arial, sans-serif, 'Times New Roman';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 110%;

	text-transform: none;
	letter-spacing: 0.03em;
	color: #209431;}

h5 {	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-family: Helvetica, Verdana, "trebuchet MS", Arial, sans-serif, 'Times New Roman';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 105%;

	text-transform: none;
	letter-spacing: 0.03em;
	color: #209431;}

h6 {	margin-top: 0.5em;
	margin-bottom: 0.2em;

	font-family: Helvetica, Verdana, "trebuchet MS", Arial, sans-serif, 'Times New Roman';
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 100%;

	text-transform: none;
	letter-spacing: 0.03em;
	color: #209431;}

#content p {	
		
	padding: 0.4em 0px 0.4em 0px;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	text-indent: 0px;
	line-height: 1.6em;

	color: #202020;}

#content1 li, #content2 li {
	
	padding: 0.4em 0px 0.4em 0px;
	font-size: 80%;
	word-spacing: 0.05em;
	letter-spacing: 0.03em;
	vertical-align: middle;
	text-decoration: none;
	text-transform: none;
	text-indent: 0px;
	line-height: 1.6em;

	color: #080808;}

div.box {	
	margin: 10px 30px 10px 30px;
	border: 1px solid #C1DAD7;
	padding: 5px 15px 5px 15px;
}

div.box h1 {background: none;}
div.box h2 {background: none;}
div.box h3 {background: none;}
div.box h4 {background: none;}
div.box h5 {background: none;}
div.box h6 {background: none;}


a {	text-decoration: none;
	color: #46069E;}

a:hover 	{color:	#404040;}
a:visited 	{color: #46069E;}
a:visited:hover {color:	#404040;}
a:active 	{color: #46069E;}

ul,ol,dl {padding-left: 2em; padding-top: 0.5em; padding-bottom: 0.5em;}
dd {padding-top: 0.2em; padding-bottom: 0.2em;}
dt {font-weight: bold; padding-top: 0.2em;}

th {
	color: #6D929B;
	border: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: center;
	padding: 6px 6px 6px 6px;
	background-color: #CAE8EA;
}

td {
	font-size: 80%;
	color: #080808;
	border: 1px solid #C1DAD7;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background-color: #FFFFFF;
	vertical-align: top;
}

img.thumbnail {

	text-align:	center;

	padding-top:	0em;
	padding-right:	0em;
	padding-bottom:	0em;
	padding-left:	0em;

	border-top:	4px double #5F5F5F;
	border-right:	4px double #5F5F5F;
	border-bottom:	4px double #5F5F5F;
	border-left:	4px double #5F5F5F;

	margin-top:	0.5em;
	margin-right:	0.5em;
	margin-bottom:	0.5em;
	margin-left:	0.5em;
}