/*

	TITLE:	Grizzly Oil Sands
	DATE:	10-4-2007

*/


/* Heading */
h1#logo{marign: 0; padding: 0;}

#content #text h1{font: normal 2.0em Georgia, 'Times New Roman'; color: #a41b15;}
#content #text h2{font: normal 1.6em Georgia, 'Times New Roman'; color: #a41b15;}
#content #text h3{font: normal 1.3em Georgia, 'Times New Roman'; color: #a41b15;}
#content #text h4{font: normal 1.0em Georgia, 'Times New Roman'; color: #a41b15;}
#content #text h5{font: normal 0.9em Georgia, 'Times New Roman'; color: #a41b15;}
#content #text h6{font: normal 0.8em Georgia, 'Times New Roman'; color: #a41b15;}

/* links */
a{color: #054555; text-decoration: none;}
a:hover{text-decoration: underline;}


/*
 MAIN 
-----------------------------------------------*/
body{font: normal 12px/1.5em 'lucida grande', Arial; background: #201e1d;}

#master{width: 100%; height: auto; min-height: 600px; _height: 600px; float: left; background: #f7f5f3 url('images/mainBg.jpg') repeat-x;}

#container{width: 864px; margin: 0 auto;}

#header{width: 864px; float: left;}
#header h1#logo a{width: 216px; height: 162px; float: left; text-indent: -9999px; background: url('images/logo.jpg') no-repeat;}
#header ul#topNav{float: right; padding: 10px 0 0 0;}
#header ul#topNav li{padding: 0px 14px 0 10px; background: url('images/topNavSep.gif') right 3px no-repeat;}
#header ul#topNav li a{text-decoration: none; color: #383431; border-bottom: 3px solid #383431;}
#header ul#topNav li a:hover{color: #b3261f; border-bottom: 3px solid #b3261f;}

#header #qLinksBg{width: 645px; height: 50px; margin: 84px 0 0 0; float: right; background: url('images/qLinks.jpg') repeat-x;}
#header #qLinks{width: 645px; height: 50px; background: url('images/qLinksLeft.jpg') no-repeat;}
#header #qLinks ul{width: 645px; height: 50px; padding: 0; float: left; background: url('images/qLinksRight.jpg') right 0 no-repeat;}
#header #qLinks li{float: left; background: url('images/qLinksSep.gif') right 0 repeat-y;}
#header #qLinks li a{float: left; padding: 16px 24px 16px 23px; color: #fff; font-size: 1.2em;}
#header #qLinks li a:hover,
#header #qLinks li a.selectedPage, 
#header #qLinks li a.selectedPageRoot
{background: #b3261f; text-decoration: none;}

#header #qLinks li.first a:hover, 
#header #qLinks li.first a.selectedPage, 
#header #qLinks li.first a.selectedPageRoot
{background: #b3261f url('images/firstOver.jpg') left 0 no-repeat;}

#header #qLinks li.last{background-image: none;}

#header #qLinks li.last a{padding: 16px 24px 16px 25px;}

#header #qLinks li.hidden{display: none;}

#header #qLinks li.last a:hover, 
#header #qLinks li.last a.selectedPage, 
#header #qLinks li.last a.selectedPageRoot
{background: #b3261f url('images/lastOver.jpg') right 0 no-repeat;}

#body{width: 864px; float: left; padding: 5px 0 20px 0;}

#body #content{width: 864px; float: left; background: #383431 url('images/content.jpg') 0 bottom no-repeat;}
#body #subCol{width: 198px; float: left; margin: 18px 0 18px 18px; display: inline; background: #d6d3ce url('images/snTop.jpg') no-repeat;}
#body #subCol ul{width: 198px; float: left; padding: 10px 0; background: url('images/snBottom.jpg') 0 bottom no-repeat;}
#body #subCol ul li{list-style: none; font-size: 1.2em; padding: 5px 10px; margin: 0 10px; background: url('images/subNavSep.gif') 0 bottom repeat-x;}
#body #subCol ul li a{color: #2a2725; padding: 5px 0 5px 20px; display: block; text-decoration: none; background: url('images/subNavArrow.gif') 0 9px no-repeat;}
#body #subCol ul li a:hover{color: #95110b;}

#body #subCol ul ul{float: none; background-image: none;}
#body #subCol ul ul li{padding: 2px; background-image: none;}
#body #subCol ul ul li a{padding: 2px; font-size: .8em; font-weight: normal; background-image: none;}
#body #subCol ul ul li a:hover{color: #95110b;}

#body #flash{width: 607px; float: right; margin: 18px 18px 18px 0; display: inline;}  

#body #mainCol{width: 612px; float: right; margin: 18px 18px 18px 0; display: inline; background: #f7f5f3 url('images/mainColBottom.jpg') 0 bottom no-repeat;}
#body #mainCol #image{width: 612px; float: left; background: #dddad6;}
#body #mainCol #text{width: 570px; padding: 18px 18px 24px 24px; float: left; background:  url('images/text.jpg') no-repeat;}
#body #mainCol #text ul{padding: 10px 15px;}
#body #mainCol #text li{padding: 0px 20px;list-style: none; background: url('images/subNavArrow.gif') 0 4px no-repeat;}

#body #actions{width: 864px; float: left; padding: 20px 0 0 0; background: url('images/actions.jpg') no-repeat;}
#body #actions h1{font-size: 1.4em; font-weight: normal; padding: 15px 35px 10px 40px; color: #054555; background: url('images/actionHead.gif') 20px 15px no-repeat;}
#body #actionsTile{width: 864px; float: left; background: url('images/actionsTile.jpg') repeat-y;}
#body #actionsBottom{width: 864px; float: left; background: url('images/actionsBottom.jpg') 0 bottom no-repeat;}
#body #actions #aLeft{width: 598px; float: left;}
#body #actions #a1{width: 288px; float: left;}
#body #actions #a2{width: 288px; float: right;}
#body #actions #a3{width: 252px; float: right;}

#body #actions .element{margin: 0px 30px 0 40px; padding: 0px 0 25px 0; background: url('images/actionSep.gif') 0 top repeat-x;}
#body #actions .element .textElement{padding: 10px 0 0 0;}
#body #actions ul{padding: 0px 0 10px 0; margin: 0;}
#body #actions li{padding: 10px 0 10px 0; list-style: none; background: url('images/actionSep.gif') 0 bottom repeat-x;}
#body #actions ul h2{font-size: 1em; font-weight: normal; padding: 0; margin: 0;}
#body #actions .postInfo{font-size: .8em; font-style: italic;}

#footer{width: 100%; float: left; padding: 0 0 35px 0; background: url('images/footer.jpg') repeat-x;}
#footer #footerContent{width: 864px; margin: 0 auto; padding: 15px 0 0 0;}
#footer .search{width: 240px; float: left; color: #aea79b; padding: 5px 0 0 0; line-height: 2.3em; font-size: .9em;}
#footer .search .searchInput{width: 177px; height: 22px; padding: 4px 0 0 2px; float: left; background: url('images/searchTxt.jpg') no-repeat; border: 0;}
#footer .search .searchButton{width: 58px; height: 28px; float: right; font-size: 0; background: url('images/searchBtn.jpg') no-repeat; border: 0;}
#footer #footerNav{width: 590px; float: right; font-size: .9em; padding: 15px 0 0 0; color: #aea79b; text-align: right;}
#footer #footerNav a{color: #aea79b;}
#footer #footerNav ul{padding: 0 0 0px 0;}
#footer #footerNav li{padding: 0 0 0 10px;}