@charset "utf-8";


/*
Validate HTML: http://validator.w3.org/
Optimize Browsers: http://www.anybrowser.com/validateit.html
 http://www.anybrowser.com/screensizetest.html
Sitemaps: http://xml-sitemaps.com/
CSS Optimizer: http://www.cssoptimizer.com/
*/



/* Global Reset */
body, div, span, h1, h2, h3, h4, h5, h6, a, img, dt, dd, address, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; padding: 0; outline: 0; background: transparent; font-family: Myriad, Futura, Helvetica, Arial, Verdana, sans-serif; color: #4B5064; font-weight: normal; font-style: inherit; font-size: 100%; vertical-align: baseline; text-align: left; }


/* Generic Styles */
a { text-decoration: none; }
a:link, a:visited { color: #4B5064; }
a:hover, a:active, a:focus { color: #ababff; }

.clear { clear: both; }
.hidden { display: none; }
.centered { text-align: center; }

h1 { font-size: large; font-weight: bold; font-style: italic; margin-bottom: 1.5em; text-align: left; border-bottom: 1px dashed #ccc}
h2 { font-size: medium; font-weight: bold; padding-bottom: 1em; text-align: left; }
h2 a { font-size: medium; font-weight: bold; padding-bottom: 1em; text-align: left; color:#3366FF; }
h3 { font-size: small; font-weight: bold; padding-bottom: 1em; text-align: left; }

p { text-align: left; }
ul { list-style-type: square; list-style: outside; padding-left: 2em; }
li { margin-top: 0.5em; }

.date { color: #999; margin-top: 0; text-align: right; }
.screenshot { float: right; margin: 0 0 20px 20px; width: 300px; }
.caption { margin: 0; border: 0; padding: 0; font-size: x-small; }
.hr { margin: 0 320px 1em 0; border-top: 1px dotted #ccc }
.biopic { float: right; margin: 0 0 20px 20px; width: 150px; }
.banner { float: left; width: 46px; }

abbr[title] { border-bottom: 1px dotted #4B5064; }
address { text-align: left; font-style: normal; }




/* Global Wrappers */
body { background: #999; font-size: small; text-align: center; }
/*
#outer-wrapper { background: transparent url(images/border.png) repeat-y; width: 830px; margin: auto; border: 0; padding: 0; outline: 0; }
#inner-wrapper { background: #fff; width: 800px; margin: 0 15px;  border: 0; padding: 0; outline: 0; }
*/
#wrapper { background: #fff; width: 800px; margin: 0 auto;  border: 0; padding: 0; outline: 0; }


/* Masthead */
#masthead { background: #99c; width: 800px; height: 90px; }
#masthead p.logo { margin: 0; border: 0; padding: 25px 0px 0px 45px; outline: 0; }
#masthead ul.links { float: right; margin: -45px 45px 0 0; border: 0; outline: 0; font: small "Verdana, Arial, Helvetica, sans-serif"; color: #fff; line-height: .5em; }
#masthead ul.links a:link, ul.links a:visited { color: #fff; }
#masthead ul.links a:hover { color: #000; }


/* Global Navigation */
#global_nav { clear: both; background: url(images/nav1_bg.png) repeat-x 0 0; width: 800px; height: 28px; }
#global_nav ul { list-style-type: none; display: inline; }
#global_nav li { display: inline; }
#global_nav a { float: left; margin: 0; }
#global_nav a.home:link, a.home:visited { position: relative; top: 0; left: 63px; background: url(images/nav1.png) no-repeat -53px 0; width: 56px; height: 28px; }
#global_nav a.home:hover, #home #t_home a { background-position: -53px -28px; }
#global_nav a.profres:link, a.profres:visited { position: relative; top: 0; left: 81px; background: url(images/nav1.png) no-repeat -129px 0; width: 149px; height: 28px; }
#global_nav a.profres:hover, #profres #t_profres a { background-position: -129px -28px; }
#global_nav a.freeport:link, a.freeport:visited { position: relative; top: 0; left: 95px; background: url(images/nav1.png) no-repeat -298px 0; width: 138px; height: 28px; }
#global_nav a.freeport:hover, #freeport #t_freeport a { background-position: -298px -28px; }
#global_nav a.multi:link, a.multi:visited { position: relative; top: 0; left: 109px; background: url(images/nav1.png) no-repeat -456px 0; width: 91px; height: 28px; }
#global_nav a.multi:hover, #multi #t_multi a { background-position: -456px -28px; }
#global_nav a.blog:link, a.blog:visited { position: relative; top: 0; left: 123px; background: url(images/nav1.png) no-repeat -567px 0; width: 48px; height: 28px; }
#global_nav a.blog:hover { background-position: -567px -28px; }
#global_nav a.aboutcont:link, a.aboutcont:visited { position: relative; top: 0; left: 137px; background: url(images/nav1.png) no-repeat -635px 0; width: 112px; height: 28px; }
#global_nav a.aboutcont:hover, #aboutcont #t_aboutcont a { background-position: -635px -28px; }


/* Content */
#content_centered { background: #fff; width: 760px; margin: 20px; margin-bottom: 20px; text-align: center; }
#content_centered img {padding-bottom: 25px; }
#content { background: #fff; width: 760px; margin: 20px; margin-bottom: 20px; text-align: left; }

#leftcol50 { float: left; width: 359px; margin: 0 4px 40px 0; padding: 0 5px 10px 5px; text-align: center; }
#rightcol50 { float: right; width: 341px; margin: 0 5px 40px 0; padding: 0 5px 10px 20px; border-left: #ccc 1px solid; text-align: center; }

#leftcol70 { float: left; width: 505px; margin: 0 0 40px 0; padding: 0 20px 10px 0; border-right: #ccc 1px solid; }
#rightcol30 { float: right; width: 210px; margin: 0 0 0 0; padding: 0 5px 10px 0; }

#leftcol30 { float: left; width: 260px; margin: 0 0 40px 0; padding: 0 20px 10px 0; border-right: #ccc 1px solid; }
#leftcol30 img { float: right; width: 100px; margin: 0 0 2em 10px; }
#leftcol30 p { margin: 0 0 2em 0; }
#leftcol30 h3 { clear: both; }
#rightcol70 { float: right; width: 455px; margin: 0 0 0 0; padding: 0 5px 10px 0; }
#rightcol70 img { float: right; width: 100px; margin: 0 0 2em 10px; }
#rightcol70 p { margin: 0 0 2em 0; }
#rightcol70 h3 { }

.leftcol { float: left; width: 48%; margin: 0 0 2em 0; padding: 0; }
.rightcol { float: right; width: 48%; margin: 0 0 2em 0; padding: 0; }

/* Footer Navigation */
#footer_nav { clear: both; background: #556; width: 780px; height: 10px; padding: 10px; text-align: center; }
#footer_nav ul { list-style-type: none; display: inline; margin: 0; border: 0; padding: 0; }
#footer_nav li { display: inline; color: #fff; }
#footer_nav a { padding: 5px 1px; }
#footer_nav a:link, a:visited { color: #fff; }
#footer_nav a:hover { color: #ccc; }


/* Footer */
#footer { background: #556; width: 780px; height: 50px; padding: 10px; font-size: x-small; color: #fff; }
#footer p { text-align: center; }
#footer span { padding: 0 40px; color: #fff; }
#footer a { padding: 0 40px; }
#footer a:link, a:visited { color: #fff; }
#footer a:hover { color: #ccc; }


/* Home Page */
img.hawp { padding: 0 0 20px 0; }
.homepg { margin: 20px 0 0 0; }

.vennnext { float: right; }
.vennnext a { width: 88px; height: 44px; }
a.vennnext:link, a.vennnext:visited { background: url(images/profres/mini-venn-next.png) no-repeat 0 0; }
.vennnext a:hover { background-position: 0 -44px; }