/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */
/* edited by RL 090315*/

/* does not work with IE ? */ 		/* Wrapper*/

body {
	min-width: 800px;
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: .9em;
	color: #666;
	background-color: white;
	line-height: 125%;
	margin: 0;
	text-align: left;		/* Wrapper*/
	overflow: auto;
}

td {
	min-width: 0px;			/* Wrapper*/
	text-align: left;
}

h1 { 
	text-align: left;
	font-size: 200%; 
	color: #005599;
	margin: 25px 0px 0px 0px;
	margin: 25px 20px 0px 0px; /*WRAPPER*/
	line-height: 120%;
}

h2 { color: #335599; font-size: 110%; }
h3 { color: #335599; font-size: 100%; }
h4 { color: #060606; font-size: 100%; margin: 18px 0px 6px 0px;}

a:link, a:visited, a:active { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

hr {
	margin: 15px 0px 15px 0px;
	color: #003366;
	height: 1px;
	width: 99%;
}

ul {
	text-align: left;
}

/* Set the page width */
#wrapper-top-menu, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	max-width: 1024px;		/* width of banner image */
	margin: 0 auto;
}

#wrapper-top-menu, #wrapper-footer {
	max-width: 100%;
	margin: 0 auto;
}

#header {
	background: #ffffff url('images/banner_shadow.jpg') no-repeat left top;
}

/*** Top Menu ***/

#wrapper-top-menu {
	width: 100%;
	text-align: center;
	font-size: 120%; 
	margin: 0 auto;
	background-color: #BDDCFB; 
}

#top-menu {
	text-align: center;
	margin: 0;
	background: url('images/menuback.png') repeat-x; 
	overflow: hidden; /* fixes a FF problem */
}

#top-menu ul {
	white-space:nowrap;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 100%;
	text-align: center;
	overflow: auto;
}

#top-menu li {
	display: inline;
	text-align: center;
	margin: 0;
}

#top-menu a {
	display: inline;
	text-decoration: none;
	line-height: 2em;
	margin: 0;
	padding:4pt 8pt 4pt 8pt;
	color: white;
	text-align: center;
/*	border-right: 1pt solid #ccc;*/
	background: url(images/menuright.png) repeat-x;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

#top-menu li.menu-first a {
	display: none;
	border: none;
	border-left: 1pt solid #ccc;
	border-right: 1pt solid #ccc;
	color: #C9FE97;
}	
	
#top-menu li a:visited  {color: #C9FE97;}
#top-menu a:hover { background-position: 0% -42px; }		/* Image moved 42px up (x, y)*/
#top-menu a:hover span {	background-position: 100% -42px; }
#top-menu li.menu-current a {font-weight: bold; color: #e0FFc8;}	

#header h1 {
	margin: 0 20px;
	padding: 0;
	height: 192px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}
#wrapper-header2 {
	background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}
#wrapper-header3 {
	background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#wrapper-content {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

* html #wrapper-content { height: 1%; }

/*** The Main Content ***/

#content {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	padding: 5px 40px 28px 245px;
	padding: 5px 20px 98px 225px; /*WRAPPER*/
}

/*** The Side Menu - Wrappers ***/

#wrapper-menu-page {
	float: left;
	width: 177px;
	margin: 0em 30px 2em 1.5em;
	margin: 0em 0.5em 2em 1.5em; /*WRAPPER*/
	text-align: center;
	font-size: 110%;
	line-height: 120%;
}

#wrapper-menu-flags {
}

#wrapper-menu-left {
	background: transparent url('images/left-menu-top.png') no-repeat;
	background: transparent url('images/menu.png') no-repeat;
	min-height: 53px;
}

#wrapper-menu-leftside {
/*/
	background: transparent url('images/left-menu-left.png') top left repeat-y;
/*/
}

#wrapper-menu-rightside {
/*/
	background: transparent url('images/left-menu-right.png') top right repeat-y;
/*/
}

#wrapper-menu-bottom {
/*/
	background: transparent url('images/left-menu-bottom.png') no-repeat;
	height: 25px;
/*/
}

#wrapper-menu-logsearch {
	margin: 5em 0 2em 0;
/*	background-color: #eeeeee;*/
}

#wrapper-menu-address {
	display: none;
	text-align: center;
	margin: 2em .1em 2em .1em;
	padding: .3em;
	font-size: 80%;
	line-height: 110%;
	/*background-color: #BDDCFB; */
/*	border: 2pt solid #ccc;*/
}
* html #wrapper-menu-page { margin-right: 15px; }

/* The Side Menu - Items (ShowMenu) */

#menu-page { padding-top: 5px; }

#menu-page ul {
	margin: .5em 0;
	padding: 0 .3em;
	font-size: 90%;
	text-align: center;
	list-style: none;
	line-height: 110%;
}

#menu-page .menu-parent {
	border-top: 1pt solid #ccc;
	border-bottom: 1pt solid #ccc;
	background-color: #f7f7f7;
}

#menu-page .menu-1 .menu-current {
	border-top: 1pt solid #ccc;
	border-bottom: 1pt solid #ccc;
	background-color: #f7f7f7;
}
#menu-page .menu-2 .menu-current {
	border: none;
	background-color: none;
}

#menu-page  li {
	margin: 0em auto;
	padding-top: .5em;
	padding-bottom: .5em;
}

#menu-page  li.menu-last {
	padding-bottom: 0.5em;
}

#menu-page h3 {
	margin: 0.7em auto 0.3em auto;
	color: #5b8fbe;	/* overridden by a */
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	background: none;
}

#menu-page a:link { color: #666; }
#menu-page a:visited { color: #888;}
#menu-page a:hover { color: #5b8fbe; }
#menu-page .menu-current a {color: #5b8fbe;}

#menu-page h3 a:link, #menu-page h3 a:visited {color: #5b8fbe;}

#menu-page .menu-1 {
	font-size: 100%;
}

#menu-page  .menu-current, #menu-page  .menu-parent {
	font-weight: bold;
}

#menu-page .menu-2 {
	font-weight: normal;
	font-size: 90%;
	border: 0;
	padding-top: 0em;
}


/*** Footer ***/

#wrapper-footer {
	margin-top: 0;
	text-align: center;
	vertical-align: top;
}

#footer {
	position: fixed;
	width: 100%;
	font-size: 75%;
	bottom: 0;
	margin: 0;
	padding: 2pt 0 2pt 0;
	left: 0;
	background-color: #e5f0fc;
	border-top: 1pt solid #ccc;
}


/* Form definitions */

form { margin: 0; }

.header {
	width: 750px;
	height: 80px;
	background-color: #FFFFFF;
	vertical-align: top;
}

.menu {
	vertical-align: top;
	background-color: #FFFFFF;
	width: 170px;
	padding: 0;
}

.menu ul, .menu li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.menu ul {
	border-bottom: 0;
	background-color: #003366;
}

.menu ul ul {
	padding-left: 10px;
}

.menu a:link, .menu a:visited, .menu a:active {
	padding: 4px 10px 4px 10px;
	color: #FFFFFF;
	display: block;
	background-color: #003366;
	text-decoration: none;
}
.menu a:hover {
	background-color: #336699;
	text-decoration: none;
}

.menu_current {
	font-weight: bold;
}

.border {
	font-size: 1px;
	height: 10px;
}

.login {
	padding: 1px 10px 1px 10px;
	font-size: 80%;
	/*background-color: #ffffff;*/
	color: #888;
	text-align: center;
}
.login input {
	width: 95%;
	font-size: 80%;
}
.login a:link, .login a:visited, .login a:active {
	color: #888;
	text-decoration: none;
	font-size: 100%;
}
.login a:hover {
	color: #666;
	text-decoration: none;
	font-size: 100%;
}
.powered_by {
	padding: 3px 0px 0px 15px;
	background-color: #FFFFFF;
}
.content {
	padding: 10px;
	background-color: #FFFFFF;
	height: 300px;
	vertical-align: top;
	text-align: left;
}
.footer {
	padding: 5px;
	height: 20px;
	color: #888;
	vertical-align: top;
	text-align: center;
	font-size: 75%;
}

/* End of Form definitions */