/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #3c3b3a; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.5;
  background-color: #b6b6b6;
  background: #b6b6b6 url(../images/mainbg.jpg) repeat-x;
}
.clear {clear: both;}

strong, b {
  font-weight: bold;
}
/* Color Classes */

.darkblue {color: #0f5b8b;}
.lightblue {color: #048ade;}
.orange {color: #ff6603;}
.red {color: #cc0000;}
.darkgrey {color: #555555;}
.lightgrey {color: #d5d5d5;}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, a:hover     { color: #ec008c; }
a { color: #1481ff; text-decoration: underline; font-weight: bold;}
/* Remove annoying border on linked images. */
a img { border: none; }

hr{
	border: 0px;
	height: 0px;
	border-top: 1px dashed #1D5996;
	margin: 10px 0px;
}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* FORMS */

fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
label { font-weight: bold; }
textarea, input[type='text'], input[type='password'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ffffaa; }
input, select { cursor: pointer; }
input[type='text'],input[type='password'] { cursor: text; }


/* Layout
-------------------------------------------------------------- */

#wrapper {
  width: 1006px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

#shadow {
  width: 1006px;
  height: 950px;
  background: transparent url(../images/shadow.png) no-repeat 0px 125px;
  margin: 0 auto;
}

#liquid-round {
  width:970px;
  margin: 0 auto;
  margin-top: 20px;
  background:#fff url(../images/leftside.gif) repeat-y left top;
}

.top {
  width:100%;
  height:13px;
  background:url(../images/top.gif) no-repeat left top;
}

.top span {
  display:block;
  position:relative;
  height:13px;
  background:url(../images/top-right.gif) no-repeat right top;
}

.center-content {
  position:relative;
  background: transparent url(../images/rightside.gif) repeat-y right top;
  padding:0px 9px 0px 8px;
  margin: 0px 0 0px 0;
}

.bottom {
  height:12px;
  background: url(../images/bottom.gif) no-repeat left bottom;
}

.bottom span {
  display:block;
  position:relative;
  height:12px;
  background:url(../images/bottom-right.gif) no-repeat right top;
}

#main-wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background-color: #cfcfcf;
}

#header {
  width: 100%;
  height:110px;
  background:url(../images/header.jpg) no-repeat;
  position:relative;
  margin-top: 0px;
}

#logo {
  width: 228px;
  height: 95px;
  position: absolute;
  top: 5px;
  left: 17px;
}

#top-nav {
  width: 285px;
  height: 36px;
  position: absolute;
  right: 5px;
  bottom: 0px;
  font-size: 0.9em;
}


.moduletable-topnav ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	float: right;
	}

.moduletable-topnav li {
	display:inline;
	margin:0;
	padding:0;
	}

.moduletable-topnav a {
	float:left;
	background:url("../images/left-topnav.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

.moduletable-topnav a span {
	float:left;
	display:block;
	background:url("../images/right-topnav.gif") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:2px;
	color:#FFF;
	}

.moduletable-topnav a:hover span{ /* Hover state CSS (for text) */
color: yellow;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.moduletable-topnav a span {float:none;}


#search {
  width: 280px;
  height: 45px;
  position: absolute;
  top: 5px;
  right: 17px;
}

#main-nav {
  width: 953px;
  height:42px;
  background:url(../images/nav-bg.jpg) repeat-x;
  margin-top: 5px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.moduletable-mainnav ul {
	margin:0;
	padding: 7px 10px 0 10px;
	list-style:none;
	float: left;
	}

.moduletable-mainnav li {
	display:inline;
	margin:0;
	padding:0;
	}

.moduletable-mainnav a {
	float:left;
	background:url("../images/left-nav.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

.moduletable-mainnav a span {
	float:left;
	display:block;
	background:url("../images/right-nav.gif") no-repeat right top;
	padding:6px 15px 4px 6px;
	margin-right:7px;
	color:#555555;
	}
.moduletable-mainnav a:hover span{ /* Hover state CSS (for text) */
color: #cc0000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.moduletable-mainnav a span {float:none;}

#main-content {
  width: 946px;
  margin: 0 auto;
  margin-top: 5px;
  position: relative;
}

#banner {
  width: 584px;
  height: 309px;
  border: 3px solid #ffffff;
  margin-left: 2px;
}

#welcome {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 332px;
  height: 120px;
  background: #ffffff url("../images/welcome-bg.jpg") repeat-x left top;
  border: 1px solid #bbbbbb;
  padding: 6px 8px;
  font-size: 0.85em;
}

#welcome h1 {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
  text-transform: uppercase;
}


#latestnews {
  position: absolute;
  top: 137px;
  right: 0px;
  width: 332px;
  height: 165px;
  background: #ffffff url("../images/welcome-bg.jpg") repeat-x left top;
  border: 1px solid #bbbbbb;
  padding: 6px 8px;
}

#latestnews h3 {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: -2px;
  color: #0f5b8b;
  text-transform: uppercase;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#latestnews ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}

#latestnews ul li a{
background: #eeeeee url("../images/orange-arrow.gif") no-repeat 2px center;
font-weight: bold;
font-size: 1em;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 2px solid #ffffff;
}


* html #latestnews ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

}

#latestnews ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

#latestnews ul li a:hover{
color: black;
background-color: #ffffcb;
}

/* Holly Hack for IE \*/
* html #latestnews ul li { height: 1%; }
* html #latestnews ul li a { height: 1%; }
/* End */



#modules {
  width: 934px;
  background: #ffffff url("../images/welcome-bg.jpg") repeat-x left top;
  border: 1px solid #bbbbbb;
  padding: 5px;
  margin-top: 5px;
  position: relative;
}

#plain {
  width: 934px;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  padding: 5px;
  margin-top: 5px;
}

#discover-nemaska {
  width: 324px;
  height: 300px;
  background: #ffffff url("../images/discover-nemaska.jpg") no-repeat;
  border: 1px solid #e6e6e6;
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 3px;
  position: relative;
}

#discover-nemaska h2 {
  font-size: 2.5em;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: -2px;
  font-family: arial;
  margin: 2px 0 0 7px;
}

#discover-nemaska p {
  font-size: 0.9em;
  margin: 0 0 0 7px;
}

.readmore-discover {
  position: absolute;
  top: 260px;
  right: 15px;
}

.readmore-getting {
  position: absolute;
  top: 260px;
  right: 15px;
}

#getting-nemaska {
  width: 324px;
  height: 300px;
  background: #ffffff url("../images/getting-nemaska.jpg") no-repeat;
  border: 1px solid #b4b4b4;
  position: absolute;
  top: 17px;
  left: 338px;
}

#getting-nemaska h2 {
  font-size: 2.5em;
  font-weight: bold;
  color: #0f5b8b;
  letter-spacing: -2px;
  font-family: arial;
  margin: 2px 0 0 7px;
}

#getting-nemaska p {
  font-size: 0.9em;
  margin: 0 0 0 7px;
}

#weather {
  width: 263px;
  height: 168px;
  position: absolute;
  top: 17px;
  right: 6px;
}

#weather h3 {
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: -2px;
  color: #048ade;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#time {
  width: 251px;
  height: 90px;
  position: absolute;
  top: 215px;
  right: 6px;
  border: 1px solid #cfcfcf;
  padding: 6px;
}

#time h3 {
  font-size: 1.4em;
  font-weight: bold;
  letter-spacing: -2px;
  color: #0f5b8b;
  display: block;
  background-color: #eeeeee;
  padding: 3px 8px;
  text-transform: uppercase;
}

#inner {
  width: 704px;
  margin: 10px;
  float: left;
}

#1inner h1 {
  font-size: 1.9em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
  display: block;
  background-color: #eef2f6;
  padding: 3px 5px;
  font-family: arial;
}

#right-nav {
  width: 200px;
  background-color: #f0f0f0;
  border: 1px solid #0f5b8b;
  float: right;
  margin: 8px 5px 5px 0px;
}

#right-nav h3 {
  font: bold 14px Arial;
  color: #ffffff;
  background: #0f5b8b;
  margin-bottom: 10px; /*bottom spacing between header and rest of content*/
  text-transform: uppercase;
  padding: 7px 0 5px 10px; /*header text is indented 10px*/
  border-bottom: 1px solid #cfcfcf;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#right-nav ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
width: 180px;
}

#right-nav ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#right-nav ul li a{
color: #0f5b8b;
background: url("../images/arrowbullet.png") no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
margin-left: 7px;
}

#right-nav ul li a:visited{
color: #0f5b8b;
}

#right-nav ul li a:hover{ /*hover state CSS*/
color: #ff6603;
background-color: #F3F3F3;
}



#footernav {
width: 944px;
font-weight: bold;
font-size: 90%;
margin-top: 5px;
}

#footernav:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#footernav ul{
border: 1px solid #BBB;
width: 100%;
background: url("../images/chromebg.gif") center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#footernav ul li{
display: inline;
}

#footernav ul li a{
color: #494949;
padding: 5px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

#footernav ul li a:hover{
background: url("../images/chromebg2.gif") center center repeat-x;
}



#footer {
  width: 944px;
  height: 100px;
  background: #eeeaea;
  border: 1px solid #bdbdbd;
  position: relative;
}

#footer p {
  margin-top: 9px;
}

.footerlogo {
  float: left;
  margin: 4px 5px 0px 7px;
}
.credits {
  font-size: 0.8em;
  color: #0f5b8b;
  position: absolute;
  top: 30px;
  right: 15px;
}

/*  joomla related  */
table.contentpaneopen, table.blog, table.searchintro {
	border-collapse: separate;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}
table.contentpaneopen td, table.searchintro td {
	border-collapse: separate;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
table.contentpaneopen p, table.searchintro p {
	font-size: 100%;
}

table.contentpaneopen h2 {
	font-size: 1.4em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
}

table.contentpaneopen h3 {
	font-size: 1.2em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
}

.componentheading {
	 font-size: 1.9em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
  display: block;
  background-color: #eef2f6;
  padding: 3px 5px;
  margin-bottom: 10px;
  font-family: arial;
}

.contentheading {
	font-size: 1.9em;
  font-weight: bold;
  letter-spacing: -1px;
  color: #0f5b8b;
  display: block;
  background-color: #eef2f6;
  margin-bottom: 10px;
  font-family: arial;
}

table.contentpaneopen h1 {
  margin-bottom: 10px;
}

a.contentpagetitle {
	font-weight: bold;
}
.contentpane table {
	font-size: 1em;
	line-height: 1.5em;
}
.contentpane {
	padding: 4px 0 6px 0;
}


.sectiontableheader {
	background: #DEE5EA;
	color: #61829A;
	padding: 4px 10px 4px 5px;
	font-weight: bold;
}

.sectiontableheader a, .sectiontableheader a:visited, .sectiontableheader a:hover {
	color: #61829A;
	text-decoration: none;
}

.sectiontableentry2 {
	background: #F4EFE9;
}

.pictureright { 
  border: 1px solid #CCCCCC; 
  padding: 5px; 
  font: 11px/1.4em Arial, sans-serif; 
  float: right;
  margin: 0em 0em 0.5em 0.8em;
}
.pictureleft { 
  border: 1px solid #CCCCCC; 
  padding: 5px; 
  font: 11px/1.4em Arial, sans-serif; 
  float: left;
  margin: 0em 0.8em 0.5em 0em;
}

#ty2udate47 {
  font-weight: bold;
  font-size: 1em;
  color: #888888;
  margin-left: 10px;
}

#ty2udate47 b {
  font-size: 1.8em;
  font-weight: bold;
  color: #8B0F1D;
  font-family: arial;
  margin-left: 10px;
}

h2.menutitle{
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #cfcfcf;
  margin-top: 3px;
  color: #555555;
}

ul.level_0 {
  margin: 1em 1.5em 1.5em 1.5em;
}

#searchphraseall {
  margin-top: 5px;
}

.pagebanner {
  margin-bottom: 10px;
}

#emailForm {
  background: #F4EFE9;
  border: 1px solid #cfcfcf;
  padding: 10px;
}