/* CSS Document */

body {
	background-color:#D0D8B6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	


/* HEADER */


#banner{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
    background-color: #f6ee9e;
	padding: 10px;
	height: 200px;
	width: auto;
	align: center;
	z-index: 500;
	text-align: center;
}

  /*  COLUMNS */
   /* Sidebar*/
#alpha {
	float: left;
	width: 200px;
}
  /* For margin and padding purposes.*/
#alpha-inner {
padding: 10px 10px 10px 20px;
}
/* A column, contains an entry or entry listing in a two-column left and three-column layout or the sidebar in a two-column right layout.*Main text*/ 
#beta {
	position: relative;
    float: left;
	width: auto;
	z-index:0;
	background-color:#f1f0e2;
	}
/*   For margin and padding purposes.*/
#beta-inner {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
/*in case we do a three column page*/
#gamma {
	background-color:#dbc78d;
	position: relative;
	float: right;
	
}
/*a right float box for entertainment*/	
#delta {
	background-color:#dbc78d;
	position: relative;
	float: right;
	width: 250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*    Contains all displayed content and therefore makes it easy to manipulate everything together. This also allows us to center our content on older browsers.*/
#container {
	position: relative;
	margin: 0 auto; /* center on everything else */
	width: 780px;
	text-align: left;
		}
  /*   In a perfect world, we wouldn't need this div; but with so many browser bugs and partially implimented standards, using an extra 'inner' div is the best way to insure that our styles look the way they should on every platform and browser.*/
  
#container-inner { position: static; width: auto; }



/* Sets both columns to same height */
#footer {
  background-color: #f6e09e;
  border-top: solid 1px #8F6E3F; /* Sets the top border properties for an element using shorthand notation */
  color: #450014;
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}



  /*Holds the main content of the page.* formerly Content Wrapper*/ 

#pagebody {
	clear: both;
	height: 100%;
	overflow: hidden;
	background:url(../images/intranet/province/bodybkgd.jpg) top left repeat-y;
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0x;
	padding-bottom: 0px;
	padding-left: 0px;
	width:auto;
	}


/* needed for proper display*/
#pagebody-inner {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0x;
	padding-bottom: 10px;
	padding-left: 10px;
}	

/* menu button */

#menubutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	background-color: #E5DAB8;
	width:150px;
	border-bottom: dotted thin #8F6E3F;
	padding: 3px;
	}


/* 	/* NAV if we need to expand -- this has been messed with------------------------------------------ */
#navigation {
width:150px; 
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;
color:#6a1f36;
	}
	
#navigation ul {margin:0px; padding:0px; background-color:#F5EAC9;}

#navigation ul li {
min-height:20px;
line-height:18px;
list-style:none;
border-bottom: dotted thin #c7b59f;
padding-left:3px;
cursor:pointer;
}

#navigation ul li:hover {background-color:#F5DC8B; position:relative;}

#navigation ul.flag {
display:none;
position:absolute;
left:150px;
top:5px;
border:#fff solid;
border-width:1px;
background-color:#f6e09e;
z-index:500;
}

#navigation ul li:hover ul.flag {display:block;}

#navigation ul ul li {float:left; display:inline;}

#navigation ul ul li:hover {text-decoration:underline; border:none;}

  
/* standard helper classes */

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }

.imgRight {padding:10px;
float:right;
}
.imgLeft {padding:10px;
float:left;
}

/* */






/*Styles */

body,td,th {
	font-size: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
/* Commonly used to style marroon section titles. */
.h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #450014;
}
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #450014;
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #450014;
}
.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #450014;
	}
	
.subheader {
  color: #450014;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

.header {
  color: #450014;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}



/* used to style section brown titles. */
b1, {
  color: #593b00;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}

b4, {
  color: #593b00;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}

b3 {
	color: #CCCC99;
	font-size: 13px;
    font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
b2 {
	color: #593b00;
	 font-size: 12px;
  font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

/*Sets particular text styles*/
.sidebar {
	font-size: 14px;
	font-weight: bold;
	color: #DFD5C8;
	left: auto;
}

/* Sets the style for unvisited links. */
a,  a:link {
  color: #450014;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #b54f37;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #614000;
  font-weight: bolder;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #614000;
  font-weight: bolder;
  text-decoration: underline;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #EFC031;
}
/* Sets style for text1 & yellow links SIDEBAR*/
a.text1:link,a.sidebar-link:link,a.text1:visited,a.sidebar-link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #450014;
	}
a.text1:hover,a.sidebar-link:hover,a.text1:active,a.sidebar-link:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #450014:
	}
a.subnav:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #593b00;
}
a.subnav:hover,a.subnav:focus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #593b00;
	text-decoration:underline
}
a.subnav:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #593b00;
	
}
a.h5,a.h4,a.h3,a.h2:link, active {
	color: #70283C;
	}
a.h5,a.h4,a.h3,a.h2:hover, visited {
	color: #70283C;
	text-decoration: underline;
}
	
.text14 {
	font-size: 14px;
	text-decoration: none;
}
.text20 {
	font-family: Arial, Helvetica, sans-serif;
	color: #3F2917;
	text-decoration: none;
	font-size: 20px;
	line-height: normal;
}
.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: 000000;
	text-decoration: none;
	font-weight: bold;

}
	
.headerbrown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #593b00;
	font-weight: bold;
}
.line {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}
.text14line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #614000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #614000;

}
.text12black {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.text13 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #614000;
	text-decoration: none;
}
.border {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #614000;
	border-left-color: #614000;
}
.text16 {

	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	font-size: 16px;
}
.headerwhite {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.boxborder {
	border: 1px solid #000000;
}
.subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
			font-weight: bold;
	
}
.picborder {
	border: 1px solid #593b00;
}
.text14white {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.linkheader:link {
color: 593b00; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: underline; font-weight: bold}
a.linkheader:active {
color: #efc031; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: underline; font-weight: normal
}
a.linkheader:visited {
color: b54f37; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: normal
}
a.linkheader:hover {
color: 593b00; font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-decoration: none; font-weight: bolder}
.text12blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #593b00;
}
.linksubheader-12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #593b00;
}
.linksubheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #593b00;
	font-weight: bold;
	text-decoration: underline;
}
a.linksubheader:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #b54f37;
}
a.linksubheader:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #593b00;
	text-decoration: underline;
}
a.linksubheader:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #593b00;
	text-decoration: none;
}
.subheaderbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #593b00;
	background-color: #E5DAB8;
}
.headerwhitelarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.style14 {
	font-family: "Comic Sans MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #FFFF00;
}
.impactheader {
	font-size: 36px;
	font-weight: bold;
	font-family: Impact, Arial, sans-serif;
	color: #593b00;
	letter-spacing:0.2em;
}

/* BOXES AND COLUMNS */

.box1, .bluebox {
	padding: 10px;
	width: 99%;
	background-color: #cda98b;
	text-align: center;
	white-space: normal;
	display: block;
}
.box2, .clearbox {
	padding: 10px;
	width: 99%;
	background-color: #c7b59f;
	text-align: center;
	white-space: normal;
	display: block;
}
.clearbox {
background-color: transparent;
}

.darkbox, .blueboxdark {
	padding: 10px;
	width: 99%;
	background-color: #593b00;
	text-align: center;
		
}
.container {
	padding: 10px;
}
.leftcol {
	background-color: #FFFFCC;
	display: block;
	padding: 5px;
	width:44%;
	
}

.leftcolsmall {
	white-space: normal;
	display: block;
	padding: 5px;
	float: left;
	background-color: #FFFFCC;
	width: 160px;
	margin-right: 10px;
}	

.rtcol {
	white-space: normal;
	display: block;
	padding: 5px;
	float: right;
	background-color: #FFFFCC;
	width: 44%;
	margin-left: 10px;
}
.rtcolsmall {
	white-space: normal;
	display: block;
	padding: 5px;
	float: right;
	background-color: #FFFFCC;
	width: 160px;
	margin-left: 10px;
}
.rtboxsmall {
	white-space: normal;
	display: block;
	padding: 5px;
	float: right;
	background-color: #c7b59f;
	color: #593b00;
	width: 34%;	
	margin: 0px 30px 20px 20px;
}
.leftboxsmall {
	white-space: normal;
	display: block;
	padding: 5px;
	float: left;
	background-color: #c7b59f;
	color: #593b00;
	width: 34%;	
	margin: 0px 10px 20px 0px;
}

.whiteline  {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: left;
	margin-right: 50px;
	margin-left: 50px;
	
}
.newsline {
	padding: 10px;
	text-align: left;
	margin-right: 30px;
	margin-left: 30px;
	border-bottom-color: #cda98b;
	border-bottom-style:dotted;
	border-bottom-width:medium;	
	
}
.blueline {
	background-color: #cda98b;
	padding: 5px;
	text-align: left;
	margin-right: 50px;
	margin-left: 50px;
}


}
.rtcolbox {
	white-space: normal;
	display: block;
	padding: 5px;
	float: right;
	width:50%;
	background-color: #FFF096;
	border-top: 3px solid color:#660033;
	border-left: 5px solid color:#660033;
	}