h2, h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
    margin-left: 5px;
	margin-bottom: 8px;
	font-weight: normal;
	color: #00457C;
	text-decoration: underline;
}
hr {

background:#CCCCCC;
width:100%;}

/* HOME SPECIFIC STYLE */

div#homefooter {
width:972px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #00457C;
color:#fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:5px 10px 5px 15px;}

div#homefooter a {
color:#FDBA31;}

div#homefooter a:hover {
color:#CCCCCC;}


#ContentAreaHome {

font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
padding-left: 15px;
color:#000;}

#ContentAreaHome a, a:link, a:visited, a:active {
	color:#00457C;
	text-decoration:underline; }
	
#ContentAreaHome a:hover {
	color:#FDBA31;
	text-decoration:underline; }
	
#ContentAreaHome table {
border-collapse: collapse;
margin: 0px 5px 0px 5px;
border:0px dotted #555;
background: #fff;
}

#ContentAreaHome table td {
margin: 10px 4px 10px 4px;
padding: 10px 10px 10px 10px;
background: #F4F4F4;
border: 1px dotted #555;}

#ContentAreaHome ul,
#ContentAreaHome ol {

    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	font-weight:normal;
	list-style:none;
	background:inherit;}

#ContentAreaHome li { 
	background:inherit;
	list-style:none;
	font-size: 12px;
	padding-left:10px;
    padding-right: 10px;
	line-height:1.3em;
	margin-bottom:8px;
	background:url(/images/arrow.gif) no-repeat left top;}
	
/* INDEX SPECIFIC STYLE */

#ContentArea {

font-family:Arial, Helvetica, sans-serif;
font-size: 9pt;
padding-left: 15px;
color:#000;}

#ContentArea a, a:link, a:visited, a:active {
	color:#00457C;
	text-decoration:underline; }
	
#ContentArea a:hover {
	color:#FDBA31;
	text-decoration:underline; }
	
#ContentArea table {
border-collapse: collapse;
margin: 0px 5px 0px 5px;
border:0px dotted #555;
background: #fff;
}

#ContentArea table td {
margin: 10px 4px 10px 4px;
padding: 10px 10px 10px 10px;
border: 1px dotted #555;}

#ContentArea ul,
#ContentArea ol {

    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
	font-weight:normal;
	list-style:none;
	background:inherit;}

#ContentArea li { 
	background:inherit;
	list-style:none;
	font-size: 12px;
	padding-left:10px;
    padding-right: 10px;
	line-height:1.3em;
	margin-bottom:8px;
	background:url(/images/arrow.gif) no-repeat left top;}

#navlist { list-style-image: url(/images/arrow.gif); } 

#genTable { width: 100%; border: 0px solid #cccccc; border-collapse: collapse; }
#genTable td { border: 1px solid #cccccc; padding: 3px 0px 3px 3px; }

.gentable {
	width: 100%;border-collapse: collapse;
	margin-bottom:14px;
}
.gentable td{
	border: 1px solid #cccccc; 
	padding: 3px 0px 3px 3px;
}

.gentable2{
	width: 100%;border-collapse: collapse;
	
}
.gentable2 td{
	border: 1px solid #cccccc;
	padding: 3px 5px 3px 5px; 
	
}

.gentable3 {
	border:0;
	width:100%;
}

.gentable3 td{
	border:0;
	border-collapse: collapse;
	padding: 3px;
}

img { border:none;}

body {
	margin: 0px 0px 0px 0px;
	background-image:url(/images/1024_layout_bg.gif);
	background-repeat:repeat-x;
	background-color:#fafafa;
	text-align:left;
}

.fbsubmit { 
	border: 1; 
	border-color:#fff;
	background-color: #FDBA31; 
	font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;	
    font-size: 11px;
	color: #fff;
}

.gen_font a:link{color: #427AB9;}
.gen_font a:visited{color: #427AB9;}
.gen_font a:hover{color: #2D2D2D;}
.gen_font a:active{color: #427AB9;}

.sections li a:link{color: #427AB9;}
.sections li a:visited{color: #427AB9;}
.sections li a:hover{color: #2D2D2D;}
.sections li a:active{color: #427AB9;}

.footer_font a:link{color: #427AB9;}
.footer_font a:visited{color: #427AB9;}
.footer_font a:hover{color: #2D2D2D;}
.footer_font a:active{color: #427AB9;}


.footer_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.menu_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #00457C;
}

.gen_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D2D2D;
}

.gen_font h1{
	margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2D2D2D;
	font-weight:bold;
}


.header_font p{ margin: 0; padding: 0; }  

.header_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #00457C;
	text-decoration: underline;
}

.sections {
	vertical-align:top;
	margin:0;
	padding-top:11px;
}

.sections ul {
	margin:16px 0px 0px 0px;
	padding:0;
	font-size:11px;
	list-style-type:none;
}

.sections li {
	background:url(/images/arrowbullet.gif) left center no-repeat;
	margin:0;
	padding-left:12px;
	line-height:20px;
}

.sections h1 {
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	margin:0;
	padding:0;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 1px 0px 0px 0px;
	padding: 0;
	background-color:#FDBA31;
	border-left: 1px solid #85A7C0;
	list-style-type: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 color: #ccc;
 top: 1.9em; /* I'm using ems rather than px to allow people to zoom their font */
 left: -1px;
 width: 200px;
 margin-top:2px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -2px;
 left: 199px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 border-right: 1px solid #85A7C0;
 margin: 21px 0px 0px 0px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin:0px 0px 0px 0px;
 
}
.menulist ul>li:last-child {
 margin-bottom: 1px;
 border-right:none;
}

ul#listMenu {
	margin-left:-20px;}

/* Links inside the menu */
.menulist a {
 display: block;
 color:#ffffff;
 padding: 5px 5px 5px 8px;
 text-decoration: none;
}
.menulist ul a{
color:#fff;

}
.menulist ul a:hover{
color:#00457C;
background-color: #FDBA31;
}
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #00457C;
 background-color: #FDBA31;
}
.menulist  a.highlighted {
 color: #00457C;
 background-color: #FDBA31;
}
.depth_1 a { color: #fff; }
.depth_1 a:hover { color: #00457C; }

.depth_2 a { color: #00457C; }
.depth_2 a:hover { color: #fff; }

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */
.side_font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00457C;
}
.body_bg {
	background-image: url(/images/tundrasolutions_10.gif);
	background-repeat: no-repeat;
}
.body_bg {
	background-image: url(/images/tundrasol_09.gif);
	background-repeat: repeat-y;
}

.boxes {
	background-color:white;
	border:none;
	width:15px;
}

.boxes2 {
	width:300px;
	height:180px;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color:#eeeeee;
	border:1px solid #666666;
}

textarea { 
width: 190px; } 

#gallery li { 
float: left;
background-color:#f4f4f4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666666;
width: auto;
height:auto;
border: 1px solid #CCCCCC;
text-align: center;
margin:16px;
padding: 4px 4px 4px 4px;
text-align: center;
list-style:none;
 }
#gallery li a img{
border:0;
}

#gallery p
{
margin:0;
padding:2px 0 2px 0;}

/************
  search
*************/

#search table input {
font:Arial, Helvetica, sans-serif;
color:#FF0000;
}

/************
  newsletter
*************/

body#newsletter { background:url(http://www.tundrasolutions.ca/images/1024_layout_bg.gif) left top repeat-x; }
div#newsletter { margin:auto; width:600px; }

table#newsletter { width:600px; border:1px solid #cccccc; padding:0; margin-top:5px; }

table#newsletter td { border:0; padding:0; }

table#newsletter p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;	color:#333333; }

table#newsletter td.nav { display:none; border:none; background:none; }

table#newsletter td.top_font { font-size:9px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; }
table#newsletter td.top_font a { color:#FFCC00; }

table#newsletter td.footer_font { font-size:9px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px 5px 10px; background:#004175; }
table#newsletter td.footer_font a { color:#FFCC00; }

table#newsletter td.content { padding:0 10px 10px 10px; background:#FFFFFF; }

table#newsletter td.content table td { padding:0 10px 0 10px; }

table#newsletter h2 { color:#00457c; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:20px; }

table#newsletter h3, table#newsletter h4, table#newsletter h5, table#newsletter h6 { color:#00457c; font-family:Verdana, sans-serif; font-size:14px; }

table#newsletter p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#2d2d2d; }

table#newsletter hr { color:#00457c; background-color:#00457c; height:1px; }

table#newsletter ul { font-family:Arial, Helvetica, sans-serif; color:#00457c; font-size:13px; }

table#newsletter li { line-height:18px; margin-bottom:5px; }

table#newsletter a, table#newsletter a:link, table#newsletter a:active, table#newsletter a:visited { color:#fdbc2e; }

table#newsletter a:hover { color:#00457c; }