/* WW3 Styles  */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img {margin: 0; padding: 0; border: 0;}
a { outline:none; }

/* Main block-level definitions  */
body { background-color: #ffffff; color: #000066; text-align: center; }
#wrapper { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; margin: auto; max-width: 900px; text-align: center; width: auto; width: expression(document.body.clientWidth > 900 ? "900px" : "auto" ); }
#innerwrapper { background-color: #ffffff; border: 1px solid #666666; margin: 20px 0px; min-width: 740px; padding: 10px 5px; text-align: left; width: auto; width: expression(document.body.clientWidth < 760 ? "720px" : "auto" ); }
/* HTML Selector definitions */
h1 { color: #072c53; font-family: Arial, Helvetica, sans-serif; font-size: 2.4em; padding: 30px 10px 20px 0px; }
h2 { color: #072c53; font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; margin: 0px 10px 8px 0px; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px 10px 4px 0px; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px 10px 4px 0px; }
p { margin: 4px 0px 8px 0px; }
ul { margin: 0px 10px 5px 30px; }
li { margin: 5px auto 8px auto; }
/* Navigation*/
a:link { color: #074c74; }
a:visited { color: #666666; }
a:hover { color: #000000; }
a:active { color: #074c74; }
#menu { padding: 20px 0px 0px 5px; width: 7em; }
#menu a { color: #000000; display: block; font-size: 1em; height: 2em; line-height: 2em; padding-left: 10px; text-decoration: none; }
#menu a:link { color: #000000; font-weight:bold;}
#menu a:visited { color:  #000000; font-weight:bold;}
#menu a:hover { font-weight:normal; }
#menu a:active { font-weight:bold; }
.notpageLocation { margin: 3px 0px; }
.pageLocation { display: block; font-size: 1em; height: 2em; line-height: 2em; margin: 3px 0px; padding-left: 10px; text-decoration: none; }
#screenshotsection img { color: #ffffff; margin-bottom: 4px; text-decoration: none; }
#screenshotsection a { text-decoration: none; }
/* Main content class and ID selector definitions, in alphabetical order.*/
.clear { clear: both; display: block; height: 1px; overflow: hidden; }
#header { background: #ffffff url(WW3Images/computador01.jpg) left top no-repeat; padding-left: 120px; height: 160px; text-align: right; }
.imgLogo { float: left; margin: 0px 0px 0px 10px; width: 300px; }
#leftColBackground { background-image: url(WW3Images/leftcolbackground.gif); background-repeat: repeat-y; border-top: 4px solid #666666; width: 100%; }
#leftColContent { float: left; padding-top: 10px; padding-bottom: 10px; text-align: left; width: auto; }
.leftscreenshot { background-color: #D9DBD6; float: left; margin: 10px; padding: 15px; text-align: center; width: 200px; }
#middleColContentWrapper{ height: 100%; margin: 0px 280px 0px 140px; text-align: left; }
#middleColContentWrapperP{ height: 100%; margin: 0px 30px 0px 140px; text-align: left; }
#middleColContent{ padding-top: 0px; padding-bottom: 10px; width: 99.5%; text-align: left; }
#rightColBackground { background: url(WW3Images/rightcolbackground.gif) right top repeat-y ; width: 100%; }
#rightColContent { float: right;  padding-bottom: 10px; text-align: right; width: 272px; }
.rightscreenshot { background-color: #D9DBD6; float: right; margin: 10px; padding: 15px; text-align: center; width: 200px;}
#screenshotsection { margin-top: 10px; padding: 8px; width: 530px; text-align:center; }
.textSmall { font-size: xx-small}

/* Bottom/Footer definitions */
#footer { border-top: 4px solid #666666; clear: both; font-size: 0.75em; height: auto; line-height: 1.2em; padding: 10px; text-align: center; }
.footerRight1 { float: right; margin: 5px;}
.footerRight2 { float: right; margin: 10px 5px 5px 5px;}