/*Start Global and Basic Sitewide Styles*/
body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif;  color: #555; background: #ccc;}
body, html, table {height: 100.1%;}
table { border-collapse: collapse;   }
td {vertical-align: top; padding: 2px 5px;}
img {border: 0;}
.clear {clear: both;}
.nb {border: 0 !important;}
.center {text-align: center; }
.right {text-align: right; }
.left {float: left; clear: none; }
a {color: #006699; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 8px 0; text-align: justify; line-height: 1.3;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; margin: 0; padding: 0; }
ul {list-style: none outside; margin: 8px 0;}
.block {display: block !important;}

/* remove active link outline */
:focus, :active  {outline: none;}


/*Master Section Page Template Styles*/
#wrapper {width: 1000px; margin: 0 auto 0 auto; text-align: left;  }
#header {border-bottom: 3px solid #fff;}
#header h1 {font-weight: normal; font-size: 30px; float: left; clear: none; width: 200px; margin: 10px 0 0 0; }

/*Top Navigation*/
#header #nav {background-color: #787878; clear: left; width: 1000px; padding: 0; border-top: 2px solid #efe; }
#header ul li {display: inline; float: right; clear: none; margin: 5px 20px 15px 10px; text-align: center; position: relative;  }
*:first-child+html #header ul li {margin-bottom: 10px; }
* html #header ul li {margin-bottom: 10px; }
#header ul li a { text-align: center; font-size: 12pt; padding-top: 0px; color: #fff;  }

/*Content Area*/
#content {min-height: 400px; padding: 30px 20px; background: #eee; font-family: 'Times New Roman', Times, serif; margin-top: -8px;   }
* html #content {height: 400px;}
#content p {margin: 15px 40px; font-size: 12pt;  }
.pagetitle {text-align: right;   }

/*Footer Area*/
#footer {border-top: 2px solid #fff; margin-bottom: 20px; }
#footer ul {margin-left: -30px; width: 650px; float: left;  }
*:first-child+html #footer ul {margin-left: 0px; }
* html #footer ul {margin-left: 0px; }
#footer ul li {display: inline; padding-right: 10px; margin-left: 0;  }
#footer ul li a {color: #fff; }
.copy {font-size: 9pt; }

/*Homepage Specific Styles*/
#bodyhome #wrapper {margin-top: 60px; }
#splash {background: #eee; width: 420px; padding: 20px; margin: 0 auto;  }
#splash #homename {margin-left: 0px; margin-bottom: 70px; margin-top: 20px; border-bottom: 1px solid #666; font-family: "Times New Roman", Times, serif; }
#splash img {float: left; clear: none; margin-top: 0px;   }
#splash ul {margin-top: 10px; text-align: right; }
*:first-child+html #spash ul {float: left; clear: none; }
#splash ul li a {display: block; padding-right: 26px; background: url(../img/pink.jpg) right 0 no-repeat; color: #555; margin-bottom: 16px; }
#splash ul li a:hover {text-decoration: none; color: #666; background: url(../img/grey.jpg) right 0 no-repeat; }




/*Portfolio Pages - Subnavigation Menu Styles*/
#menu {width: 200px; float: left; clear: none; margin-right: 20px; margin-left: -50px; min-height: 400px; }
*:first-child+html #menu {margin-left: -10px; }
* html #menu {margin-left: -10px; }
.subnav li {margin-bottom: 0px; }
.subnav li ul li {margin-bottom: 0px; }
#content .subnav li span, #content .subnav li a { width: 200px !important; display: block !important; padding: 3px 5px 3px 20px; color: #555; font: 12pt arial, helvetica, sans-serif normal !important; cursor: pointer;}
#content .subnav li { width: 225px;  }
#content .subnav li ul li span, #content .subnav li ul li a {font-size: 11pt !important; }
.subnav li ul li ul li a {background: #ddd !important; }
.subnav li a:hover {text-decoration: none; color: #000 !important; }
.subnav ul, .subnav ul ul {display: none; border-top: 0; margin: 0; margin-left: -40px;   }
.subnav li.expandable span {background: #a9d88f url(../img/toggle1.png) 2px 2px no-repeat !important;}
.subnav li span  {background: #a9d88f url(../img/toggle2.png) 2px 2px no-repeat !important; color: #555 !important;}
.subnav ul li.expandable span {background-color: #ccc !important;}
.subnav ul li span {background-color: #ccc !important; color: #000 !important;}
li.head {background: #827e59; color: #fff; padding: 2px; width: 146px !important; border-top: 0 !important;}
/* this is for the on state of subnav links */
.subnav li  li a.on {color: #000 !important;}
ul.media {margin-top: -10px; }

/*Portfolio Pages - Main Content Area Styles*/
#portfolio-area {width: 720px; float: right; clear: none; }
#portfolio-area p {margin: 20px 10px !important; }
#portfolio-area p.left {margin-right: 20px !important;}
.projtitle {margin: 0 10px; text-align: right; font-family: arial, helvetica, sans-serif;  }

/*Portfolio Pages - Thumbnail galleries*/
#thumbs, #thumbs2, #thumbs3 {float: left; clear: left; width: 130px; margin-top: -15px;  }
#thumbs p, #thumbs2 p, #thumbs3 p {margin-top: 0px !important; margin-bottom: 5px !important; }
#gallerywrap, #gallerywrap2, #gallerywrap3 {margin-top: 10px;  width: 500px; float: left; clear: none; text-align: center; }
#gallerywrap img, #gallerywrap2 img, #gallerywrap3 img {margin: 0 auto 0 auto; }
#gallerywrap #title, #gallerywrap2 p, #gallerywrap3 p {text-align: center !important; margin-top: 0 !important;  }
#thumbs img, #thumbs2 img, #thumbs3 img {border: 1px solid #b4b8b9; margin: 0; padding: 0 !important; display: inline;}
#thumbs .imghover, #thumbs2 .imghover, #thumbs3 .imghover {border-color: #ccc}
#thumbs .on, #thumbs2 .on, #thumbs3 .on {border-color: #fff !important; opacity: 1.00 !important;}

/*Resume Page*/
#bodyresume #content h2 {font: 14pt 'Times New Roman', Times, serif; margin: 20px; margin-bottom: 10px; }
table.resume .right {width: 100px; }
table.resume tr td {line-height: 20px; }
table.singlecell {margin-left: 20px; margin-right: 20px; }

/*Bio Page */
.imgoutline {border: 1px solid #555; }
#content .excerpt {width: 900px; padding: 10px; border: 1px solid #555; background-color: #D8F4F1; margin: 20px auto;  font-style: italic; }
.excerpt p { margin: 10px !important; }
.excerpt p.right {margin-left: 240px !important; font-size: 11pt !important;}

/*Texts Page*/
#texts {width: 80%; margin: 20px auto; }
#texts tr td {line-height: 1.2em; padding: 5px 10px;  }

/*News Page*/
table.news {margin: 20px auto; }
table.news tr td {padding: 5px; }
table.news tr td.right {width: 200px; text-align: right; font-size: 14pt; padding-right: 20px; }

/*Links Page*/
#box {width: 500px; padding: 20px; margin: 0 auto; }
#box h2 {margin-top: 5px; margin-bottom: 5px; }

/*Contact Page*/
#contact {width: 500px; margin: 20px auto;  }
#contact tr td {padding: 10px 5px; }