/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ table th {text-align: left; speak-header: always} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color:#006cb7; text-decoration:underline;} a:hover, a:active {color:#006cb7; text-decoration:none;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;} label {cursor:pointer} /* Set html & body --------------------------------------------------*/ html {width:100%;} body {position:relative; width:100%; min-width:760px; margin:0 auto; padding:0px; font-family:Garamond, Georgia, "Times New Roman", Times, serif; font-size:14px; color:#000; background:url(../images/bkg_body.gif) repeat-y center #FFF;} #bluebkgd {position:relative; width:100%; min-height:300px; margin:0 auto; padding:0px;} #container {position:relative; width:760px; min-height:300px; margin:0 auto; padding:0px; left:0px; right:0px; z-index:1;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; width:760px; height:130px; margin:0px; padding:0px; background:url(../images/bkg_branding.jpg) no-repeat;} #branding h1 {position:absolute; left:-9997px;} #branding cite {position:absolute; left: 209px; top: 50px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px} #branding img {margin:0px; padding:0px;} #logo {position:absolute; left:26px; top:13px; width:307px;} #photos {position:relative; top:0px; background:url(../images/bkg_photos.jpg) repeat-x; padding:12px 0px 0px 0px; height: 106px;} #photos img {float:left; margin:0px; padding:0px;} #search {position:absolute; z-index:200; top:25px; left:525px;} #search span {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;} #search #fields {float:left; margin:0px 8px 0px 0px;} #search #fields input {width:180px;} /*Main Navigation*/ #nav {position:relative; z-index:1000; margin:0px; padding:0px; width:760px; top:0px; height:35px;} #nav h2 {position: absolute; left:-8999px;} #nav ul li {display:block; float:left;} #nav li a {display:block} *html a:hover {visibility:visible} #nav li a:hover img {visibility:hidden} #nav_home {width:73px; height:35px; background:url(../images/nav/nav_home_o.gif) no-repeat;} #nav_about {width:63px; height:35px; background:url(../images/nav/nav_about_o.gif) no-repeat;} #nav_whatsnew {width:105px; height:35px; background:url(../images/nav/nav_whatsnew_o.gif) no-repeat;} #nav_aui {width:49px; height:35px; background:url(../images/nav/nav_aui_o.gif) no-repeat;} #nav_tui {width:44px; height:35px; background:url(../images/nav/nav_tui_o.gif) no-repeat;} #nav_pmui {width:64px; height:35px; background:url(../images/nav/nav_pmui_o.gif) no-repeat;} #nav_sounds {width:162px; height:35px; background:url(../images/nav/nav_sounds_o.gif) no-repeat;} #nav_tourist {width:111px; height:35px; background:url(../images/nav/nav_tourist_o.gif) no-repeat;} #nav_contact {width:89px; height:35px; background:url(../images/nav/nav_contact_o.gif) no-repeat;} #nav li#nav_help a:hover img {visibility:visible} #pg_home #nav_home img, #pg_about #nav_about img, #pg_whatsnew #nav_whatsnew img, #pg_aui #nav_aui img, #pg_tui #nav_tui img, #pg_pmui #nav_pmui img, #pg_sounds #nav_sounds img, #pg_tourist #nav_tourist img, #pg_contact #nav_contact img {visibility: hidden} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {position:relative; width:760px; top:0px; margin:0px; padding:0px; background-color:#FFF;} b, strong {color: #000} p {margin:0px 0px 10px 0px; line-height:20px} h1 {font:bold 18px Garamond, Georgia, "Times New Roman", Times, serif; text-align:center; color:#006cb7; margin:0px 0px 12px 0px;} h2 {font:bold 16px Garamond, Georgia, "Times New Roman", Times, serif; margin:0px 0px 10px 0px;} h3 {font:bold 14px Garamond, Georgia, "Times New Roman", Times, serif; margin:12px 0px 8px 0px; color:#000;} h4 {font-size:14px; font-weight:bold;} h5 {font-size:12px; font-weight:bold;} h6 {font-size:12px; font-weight:bold;} .clear {clear: both;} .nobr {white-space: nowrap;} #leftCol {float:left; width:590px; margin:10px 0px 10px 25px;} * html #leftCol {float:left; width:590px; margin:10px 0px 10px 15px;} #rightCol {float:left; margin:16px 0px 0px 12px;} #chartHeader {padding:0px; margin:0px;} #chartHeader th {text-align:center; padding:10px 2px; font:bold 11px Arial, Helvetica, sans-serif; color:#FFF;} #chartHeader .language {background:#006cb7;} #chartHeader .maroon {color:#731c1c;} #chart {margin:0px 0px 15px 0px; background:url(../images/bkg_pmui.gif) top right repeat-y;} #pg_tui #chart {margin:0px 0px 15px 0px; background:url(../images/bkg_tui.gif) top right repeat-y;} #chart h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:normal; margin:0px; color:#FFF;} #chart table {text-align:center;} #chart td {background-color:#d4eeff; border-right:1px solid #FFF; text-align:center; padding:10px 2px; font:bold 11px Arial, Helvetica, sans-serif; color:#006cb7;} #chart .langone {background:#1572be;} #chart .langtwo {background:#1067be;} #chart .ltblue {background:#d4eeff; color:#006cb7;} #chart .blue {background:#a0d7ff;} #chart .dkblue {background:#1067be; color:#FFF;} #chart .white {background:#FFFFFF; height:10px; padding:0px;} #colOne {float:left; width:160px; margin:10px 0px 0px 20px; padding:0px; height:300px; background-color:#d4eeff;} #colOne h2 {padding:4px 0px; text-align:center; background-color:#1067be; color:#FFF; margin-bottom:5px;} #colOne p {padding-left:15px;} #colTwo {float:left; width:160px; margin:10px 0px 0px 20px; padding:0px; height:300px; background-color:#a0d7ff;} #colTwo h2 {padding:4px 0px; text-align:center; background-color:#1067be; color:#FFF; margin-bottom:5px;} #colTwo p {padding-left:15px;} #colThree {float:left; width:160px; margin:10px 0px 0px 20px; padding:0px; height:300px; background-color:#d4eeff;} #colThree h2 {padding:4px 0px; text-align:center; background-color:#1067be; color:#FFF; margin-bottom:5px;} #colThree p {padding-left:15px;} /* HOME CONTENT ---------------------------------------------------*/ #pg_home #content {background:url(../images/bkg_content_hm.gif) repeat-y;} #pg_home #leftCol {float:left; width:470px;} #pg_home #rightCol {float:left; padding:0px 0px 0px 25px;} #pg_home #web {font:#FFF Arial, Helvetica, sans-serif;} #pg_home #site_info {position:relative; width:760px; left:0px; top:0px; font:10px Arial, Helvetica, sans-serif; text-align:center; background:url(../images/bkg_content_btm_hm.gif) top no-repeat} /* Specific Pages ---------------------------------------------------*/ #pg_whatsnew #content ol, #pg_whatsnew #content li {margin-left:10px;} #pg_whatsnew #dictionary {background-color:#d4eeff; padding:10px;} /* Contact Form ---------------------------------------------------*/ #content form {padding:0px; margin:0px; position:relative;} #content form ol li {clear:both; margin:5px 0px; padding:5px 0px; list-style:none;} #content form ol li label {float:left; width:90px; margin:0px 10px 0px 0px; font-weight:bold;} #content form ol li label cite {color:#FF0000; font-style:normal; width:15px; font-weight:normal;} #content span {color:#FF0000;} #content form ol li input, #content form ol li select {width:170px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li textarea {width:250px; font-size:11px; font-family:Arial, Helvetica, sans-serif;} #content form ol li div {position:relative; left:100px; width:100px;} #content form ol li div input {width:auto;} #content form ol h2 {margin:10px 0px 0px 0px;} #missing_pg #content {position:relative; left:5px; top:150px; width:776px; padding:10px 20px 10px 20px; margin:0px auto; clear:both;} #missing_pg #content b {color:#FFF;} /* SITE INFO (footer) ---------------------------------------------------*/ #site_info {position:relative; width:760px; left:0px; top:0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; background:url(../images/bkg_content_btm.gif) top no-repeat; margin-bottom:30px;} #site_info ul {padding:18px 0px 0px 10px;} #site_info ul li {float:left; display:block; background:#006cb7; border-right:solid 1px #062b49; padding:2px 0px 2px 0px; margin-bottom:4px;} #site_info #footer_home {width:72px;} #site_info #footer_about {width:70px;} #site_info #footer_whatsnew {width:99px;} #site_info #footer_aui {width:56px;} #site_info #footer_tui {width:57px;} #site_info #footer_pmui {width:68px;} #site_info #footer_sounds {width:132px;} #site_info #footer_tourist {width:100px;} #site_info #footer_contact {width:80px;} #site_info cite {font-style:normal; color:#006cb7;} #site_info cite a:link, #site_info cite a:visited {color:#006cb7; text-decoration:none;} #site_info cite a:hover, #site_info cite a:active {color:#33CCFF;} #site_info a:link, #site_info a:visited {color:#FFF; text-decoration:none;} #site_info a:hover, #site_info a:active {color:#33CCFF;}