/*************************************************************
*  ____ ___ _   _ _    ____ ____ _  _ ____ ____ ___ 
*  [__   |   \_/  |    |___ [__  |__| |___ |___  |  
*  ___]  |    |   |___ |___ ___] |  | |___ |___  |  
*                                                   
*  www.guyjoubert.ca - By Trevor Curtis, tcurtis@gmail.com
*
*************************************************************/

/* get things set up */
*,html,body{margin:0; padding:0; border:0; text-decoration: none;}
html,body{text-align:center;}
body{background: #545454 url("../images/bodybg.jpg") repeat-y 50% 0px fixed; color:#333; font: 12px "Verdana", Helvetica, Arial, sans-serif;}

/* misc elements */
a{color:#6a9db0; text-decoration:underline;}
a:hover{color:#000;}
a.lightblue{font-weight:normal; color:#637e89; text-decoration: none;}
a.floatright{float:right; position:relative; padding-top: 4px;}
h1.main, h1.maintwo, h2{font-family:"Lucida Sans Unicode", Trebuchet-MS, Verdana, Helvetica, sans-serif;}
h1.main, h2{padding: 10px 0 10px 0; font-size:16px; font-weight:bold; color:#7698a6;}
h1.maintwo{padding: 50px 16px 16px 16px; font-size:20px; font-weight:bold; color:#b4a191;}
h2{padding:0px 0 10px 0; font-weight:normal; font-size:14px;}
img.title{margin:82px 0 0 10px;}
img.fr{float:right; padding:12px 0 2px 16px;}
img.fl{float:left; padding:12px 12px 8px 0;}
p.main{background: url("../images/pbg.gif") bottom left no-repeat; padding-bottom: 16px;}
form{padding: 16px;color: #747474; width:445px;}
textarea,input{border: 2px solid #eae0cf; font-family:"Verdana", helvetica, arial, sans-serif; font-size: 11px; padding: 4px;color: #747474;}
textarea{width:100%;}
input{width:64%;}
input.submit{width: 130px; background: #937f6f;color:#fff; border:none; padding:4px;}
input.submit:hover{background:#a6907e; cursor:pointer;}
input.submit:active{background:#757575;}
span{color: #000;}
span.darkblue, a.darkblue{font-weight:bold; color:#4e626b; text-decoration: none;}
span.form{color:#b4a191;}

/* layout */
#pagecontainer{width:772px; padding:0; margin:0 auto; text-align:left; position:relative;}

#leftwrapper{width:491px;padding:0;margin:0;float:left; display:inline;}
#rightwrapper{width:281px;padding:0;margin:0;float:right; display:inline; margin-bottom: 40px;}

#titleheadercontainer{width:100%; height:200px; background: #a68b76 url("../images/titleheaderbg.gif") repeat-x; float:left;}
#titleheader{border-left: 4px solid #a68b76; border-right: 4px solid #a68b76;}

#headertwocontainer{width:100%; height:200px; background:#82c5de url("../images/headertwobg.gif") repeat-y;}
#headertwo{color:#637e89; font-size:14px; font-family:"Verdana", arial, sans-serif; line-height:200px; text-align:center;}

#headerthree{height:31px;width:100%;line-height:31px;float:left;background: #84c5df url(../images/headerthreebg.gif) repeat-x; 
color: #637e89; font-size: 14px; font-family: "Verdana", arial, sans-serif; font-weight: bold;}
#headerthree.sub{border-top:1px solid #82c5de;}
#headerthreecontent{padding:0 18px;}

#headerfour{height:209px;width:100%;float:left;background:#f5f0e9 url("../images/headerfourbg.jpg") bottom right no-repeat; border-bottom: 3px solid #eae0cf; display:inline;}
#headerfour.fr{background:#f5f0e9 url("../images/headerfourbg-fr.jpg") bottom right no-repeat;}
#headerfournobg{width:100%;float:left;background:#f5f0e9; border-bottom:3px solid #eae0cf; display:inline;}

#contentcontainer{width: 488px; float:left; text-align: justify;}
#content{padding: 16px 19px 40px 16px; color: #747474; font-family: "Verdana", helvetica, arial, sans-serif; font-size: 12px; line-height: 19px; background: #fff}
#content p{margin-bottom: 20px;}

#rightwrappercontent{width:100%;float:left;color:#5c7c8a;line-height:19px;}

#footercontainer{width:773px; height:80px; line-height:80px; color:#fff; clear:both; font-size:10px;}
#footer{padding: 0 16px; background:#757575 url("../images/footerbg.gif") repeat-y;}

/* toolbar*/
#nav{height:31px; line-height:31px; width: 100%; background:#F5F5F5; background: #826d5c url(../images/toolbarbg.gif) repeat-x; float:left; overflow: hidden; font-size: 12px;}
#nav.fr{font-size:11px;}
ul.nav{list-style-type: none; width: 100%;}
ul.nav li, ul.nav li a{height: 31px; line-height:31px; color: #fff;text-decoration: none; font-family: "Verdana", Verdana, Arial, Sans-Serif; 	
padding:0 6px; float:left; display:inline; list-style-type:none;}
ul.nav li.selected{font-weight: bold; background: url("../images/tab.gif") 50% 26px no-repeat;}
ul.nav li.selected a:hover{color: #fff; background: url("../images/tab.gif") 50% 26px no-repeat;}
ul.nav li a:hover{color: #f2d7ac; background: #545454;}
ul.nav li a:focus{background: #000; color: #fff;}

/* right column list */
ul.rc{list-style-type: none; padding: 18px; font-size: 11px;}
ul.rc li{padding-bottom: 10px;}
ul.rc a{text-decoration: underline; color: #757575;}
ul.rc a:hover{color:#000;}

/* resume table */
table.resume{margin-bottom:20px; line-height:15px; font-family: "Verdana", helvetica, arial, sans-serif; font-size: 10px; color: #747474;}
table.resume th{width:90px; background: #f4f4f4; padding: 2px 2px 1px 2px; text-align:center;}
table.resume td{padding:0 0 10px 10px; font-size:11px;}