/* Global Stylesheet for Chris Thomasson's Portfolio Site */

body { font-size:10pt; color:#000000; font-family:Arial, Helvetica, sans-serif; background-color:#99CC00; margin:0px; padding-bottom:50px;}
td { font-size:10pt; }
img { border:none; }

a { text-decoration:underline; color:#003300; }
a:hover { text-decoration:none; color:#006600; }

/* Left Side */

.leftside { background-color:#669900; border:1px solid #FFFFFF; }

.leftnav { margin-top:25px; margin-right:0px; margin-bottom:50px; margin-left:15px; width:165px; }
.leftnav th { font-size:12pt; text-align:left; color:#FFFFFF; background-color:#336600; border:1px solid #FFFFFF; border-right:none; }
.leftnav th img { float:left; }
.leftnav a { text-decoration:none; color:#FFFFFF; }
.leftnav a:hover { text-decoration:none; color:#99CC00; }

/* Main Section */

.main { background-color:#FFFFFF; }

/* Grey Window */

.greywindow { background-color:#E8E7E7; width:200px; }
.greywindow .top { border-top:1px solid #B6B6B5; width:180px; font-weight:bold; }
.greywindow .left { border:none; width:10px; }
.greywindow .right { border:1px solid #B6B6B5; border-bottom:none; border-left:none; width:10px; }
.greywindow .bottom { border:1px solid #B6B6B5; border-top:none; padding:4px; padding-top:0px; width:200px; }
.greywindow div.content { border:1px solid #B6B6B5; background-color:#FFFFFF; padding:2px; }

/* White Window */

.whitewindow { background-color:#FFFFFF; width:349px; }
.whitewindow .top { border-top:1px solid #CCCCCC; width:329px; font-size:12pt; font-weight:bold; }
.whitewindow .left { border:none; width:10px; }
.whitewindow .right { border:1px solid #CCCCCC; border-bottom:none; border-left:none; width:10px; }
.whitewindow .bottom { border:1px solid #CCCCCC; border-top:none; padding:4px; padding-top:0px; width:349px; }
.whitewindow div.content { border:1px solid #CCCCCC; background-color:#E8E7E7; padding:2px; }

/* Green Window */

.greenwindow { background-color:#336600; width:200px; }
.greenwindow .top { border-top:1px solid #336600; width:180px; font-weight:bold; color:#FFFFFF; }
.greenwindow .left { border:none; width:10px; }
.greenwindow .right { border:1px solid #336600; border-bottom:none; border-left:none; width:10px; }
.greenwindow .bottom { border:1px solid #336600; border-top:none; padding:4px; padding-top:0px; width:200px; }
.greenwindow div.content { border:1px solid #CCFF00; background-color:#669900; padding:2px; }

/* Footer */

.footer { background-color:#336600; border-top:1px solid #FFFFFF; color:#99CC00; }
.footer .left { border:none; width:10px; }
.footer .right { border:none; width:10px; text-align:right; }
.footer .middle { border-bottom:1px solid #FFFFFF; width:720px; text-align:center; font-size:8pt; }
.footer a { text-decoration:underline; color:#99CC00; }
.footer a:hover { text-decoration:none; color:#FFFFFF; }

/* Top Nav */

.topnav { background-color:#336600; border-bottom:1px solid #FFFFFF; }
.topnav .left { border:none; width:10px; }
.topnav .right { border:none; width:10px; text-align:right; }
.topnav .middle { border-top:1px solid #FFFFFF; width:720px; }
.topnav .elements td { font-size:12pt; font-weight:bold; color:#FFFFFF; }
.topnav .elements td img { float:left; }
.topnav a { text-decoration:none; color:#FFFFFF; font-weight:bold; }
.topnav a:hover { text-decoration:none; color:#99CC00; }


/* Underlined Heading Used on Resume Page */
.resumetitle { font-size:16pt; border-bottom:1px solid #000000; padding-top:10px; }