/* START GLOBAL DECLARATIONS */
 A:link {color:#055a70;}
 A:visited {color:#055a70;}
 A:hover {color:#b32b09;}

a.external:link, a.external:visited {
  text-decoration: none;
  border-bottom: 1px dashed;
}
 
body {
 background-color: #300900;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 font-size: 10pt;
margin: 0px;
}
/* END GLOBAL DECLARATIONS */
 
/* START SIDEBAR SIDE MENU */





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


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 175px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative; z-index: 19;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #300900; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #521304;
}

#subactive a
{
background-color: #f5f5f5;
/* background-image: url(images/enviro/arrow.gif); */
background-repeat: no-repeat;
background-position : right;
}

#current:link, #current:visited, #current:active
{
background-color: #030303;
}

#current:hover
{
background-color: #030303;
}


#subcurrent:link, #subcurrent:visited, #subcurrent:active
{
background-color: #000;
}

#subcurrent:hover
{
background-color: #030303;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 190px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:19;
}

/*Sub level menu items */
.sidebarmenu ul li ul li{
z-index:19;
}

.sidebarmenu a.subfolderstyle{
background: url(images/enviro/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */



/* END SIDEBAR MENU */



*{outline: none;}
img {border: 0;}


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:186px;	width: 530px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	float: right;
	bottom: 0px; right:0px;
	height:47px;
	z-index: 88; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	border: 1px solid #000;
	color: #000;
	font-weight: bold; 
	text-decoration: none;
}
.paging a.active {
	font-weight: bold; 
	color: #fff; 
	background: #920000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}




.cursor {cursor: default;}

#content {
margin-left:1px;
}

.collage {
border: 1px solid white;
}

.floatleft {
float: left;
width: 140px;
margin: 0px;
padding: 10px;
}

.floatright {
float: right;
width: 140px;
margin: 0px;
padding: 10px;
}

.small{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height:10pt;
 text-align : center;
}

.announcement{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height:10pt;
 text-decoration:none;
 margin-top:0;
 margin-bottom:0;
 margin-left: 11px;
 padding-left: 0px;
 padding-bottom: 2px;
}

 .locationsheading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#004488;
margin-left: 30px;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 0px;
font-weight: bold;
}

.locations{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height:10pt;
 margin-left:30px;
 margin-top:5px;
}


.stocklink {
background-color: #F0F8FF; 
border: thin dashed #DC143C; 
margin-left: 85px; 
padding: 12px; 
width:320px; 
text-align:center
}

.videolink {
background-color: #F0F8FF; 
border: thin dashed #DC143C; 
margin-left: 13px; 
padding: 12px; 
width:168px; 
text-align:center
}

.linkdivider {
 color:#444444;
 cursor: default;
 padding-top:5px;
}

#copyright {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 line-height:10pt;
 text-align : center;
 padding-top:5px;
 margin-right:55px;
}


#webdeveloper {
 color:#444444;
 cursor: default;
 padding-bottom:5px;
 margin-right:55px;
}


#main {
	padding: 0px;
	margin: 0px 0px 0px 8px;
	width:525px;
	line-height: 1.2;
}

td { 
font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;
} 
img { 
border: none;
}
ul { 
margin-top: 5px; margin-bottom: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-type: square; 
} 

input.text { 
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border : 1px;
	border-color : 7F9DB9;
	border-style : solid;
} 

li {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9.5pt;
 line-height:12pt;
}

p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-top: 0px;
padding-bottom: 0px;
margin-top:10px;
margin-bottom:10px;
} 

H1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
color:#000;
margin: 0;
padding-top: 0px;
padding-bottom: 3px;
font-weight: bold;
}

H1.print {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
color:black;
font-weight: bold;
}


H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color:#521304;
margin: 0;
padding-top: 5px;
padding-bottom: 0px;
font-weight: bold;
}

H2.print {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color:black;
font-weight: bold;
}


H3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
margin: 0;
padding-top: 10px;
padding-bottom: 3px;
font-weight: bold;
}

H4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
margin: 0;
padding-top: 10px;
padding-bottom: 3px;
font-weight: bold;
}


Acronym {
    text-decoration:none;
    border-bottom: 1px dashed #00cc00;
    cursor: help;
}


.lightboxes a:hover img {border:4px solid #cc0000;}
.lightboxes a img {border:4px solid #b2a99b;}




#printheadings{display:none}

@media print {

@page { margin: 10% }
H1, H2, H3, H4, H5, H6  { page-break-after: avoid; page-break-inside: avoid }
BLOCKQUOTE, UL, OL, DL { page-break-before: avoid }



/* turn off navigation and ad bar */
#navbar, #navbar01, #navbar02, #navbar03, #reflect01 ,#navcontainer, #motto, #sidebar, #sidebarwheat, #top, #endcontent, #reflect02, #bottom, #header, .menu, .header, #idFinder,#navmenu, #adbar, DIV#jumpbar, #navbar, #updated{display: none}

/* display the print header */
#printheadings{display:block}

/* expand the margin of the main body */
#main {
	padding: 0px;
	margin: 5px 0px 3px 12px;
	width:650px;
	background-color: white;
	line-height: 1.2;
}

/* cleanup all the colors */
#why H3, PRE, FONT {color: black}
/* cleanup the copyright */
DIV#why P.copyright {color: black; font: 10pt verdana}
/* display the print header */
#printMessage {display: block}


body {
   background: white;
   font-size: 12pt;
   }
   
#menu {
   display: none;
   }
#wrapper, #content {
   width: auto;
   margin: 0 5%;
   padding: 0;
   border: 0;
   float: none !important;
   color: black;
   background: transparent none;
   }
div#content {
   margin-left: 10%;
   padding-top: 1em;
   border-top: 1px solid #930;
   }
div#mast {
   margin-bottom: -8px;
   }
div#mast img {
   vertical-align: bottom;
   }
a:link, a:visited {
   color: #520;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 90%;
   }
#content a[href^="/"]:after {
   content: " (http://www.okotoksag.com" attr(href) ") ";
   }


}