.standout { COLOR: #666; FONT-SIZE: 18px; } .standoutSmall { LINE-HEIGHT: 14px; COLOR: #666666; FONT-SIZE: 12px } .standoutSmallItalic { LINE-HEIGHT: 14px; FONT-STYLE: italic; COLOR: #666666; FONT-SIZE: 11px } .standoutSmallOlive { LINE-HEIGHT: 14px; COLOR: #6d6129; FONT-SIZE: 12px } .standoutSmallDarkGray { LINE-HEIGHT: 14px; COLOR: #333; FONT-SIZE: 12px } .totop { padding-top:20px; LINE-HEIGHT: 14px; COLOR: #6d6129; FONT-SIZE: 10px; text-align:right; } .banner { padding: 0px; border:0px; } /* img.banner { I could have done border: 0; This removes the blue link border which will appear around the logo and add extra pixels and screw up the exact borders of the divs border-top: 0px; border-bottom: 0px; border-left: 0px; border-right:0px; }*/ .heading { LINE-HEIGHT: 22px; /*FONT-FAMILY: franklin gothic medium, trebuchet ms, arial, helvetica, serif;*/ COLOR: #666; FONT-SIZE: 18px; padding-bottom:5px; } .headingbig { LINE-HEIGHT: 130%; /*FONT-FAMILY: franklin gothic medium, trebuchet ms, arial, helvetica, serif;*/ COLOR: #333; FONT-SIZE: 28px; font-weight:normal; } h1, h2, h3, h4, h5, h6 { color: #333; } /* The method we use to center the content is based on the fact that when an element’s left and right margins are set to auto, they will share whatever is left when the element’s width has been subtracted from that of its container. In this case the width of #wrap will be subtracted from the width of the browser window. To avoid problems that can occur in some browsers when the window is narrower than #wrap We set the element’s min-width to the same value as the width of #wrap. */ .tip_header { text-align:left; font-weight:bold; COLOR: #666; text-decoration:underline; } .tip { margin:20px 20px 20px 20px; padding:5px 10px 5px 10px; border: solid 1px #666; color:#222; text-align:left; FONT-SIZE: 13px; } .tip_footer { text-align:right; COLOR: #666; } body { background-color:#111; font-size: 12px; margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; text-align: left; } .main { border-color:#80BAFF; /*color: #404040;*/ width: 751px; background-color: #B39959; border: 0px D9BA6C solid; margin: 0px; padding:0px } .left { /*border: 0px D9BA6C solid;*/ width:200px; margin:0px; padding:0px; background-color:#FFEE75; } .right { /*border: 0px D9BA6C solid;*/ background-color:#D5B361; /*#D9BA6C;*/ width:550px; margin:0px; padding:0px; vertical-align:middle; text-align:center; } .left2 { color:#201e12; vertical-align:top; text-align:center; background-color: #D9BA6C; width:200px; padding-top:40px; height:500px } .right2 img { border:0px; padding:10px; } .right2 { vertical-align:top; border: 0px D9BA6C solid; background-color:#FAFAFA; width:550px; margin:0px; padding:30px 50px 30px 50px; text-align:left; line-height:150% } .footer { width:750px; color:#D9BA6C; border-right: 0px D9BA6C solid; margin:0px; border:0px; height:10px; font: 10px/9px Georgia, Times, "Times New Roman", serif; text-align:center; } .footer a:link { color:#D9BA6C; margin:0px; border:0px; height:10px; font: 10px/9px Georgia, Times, "Times New Roman", serif; } .footer a:active { color:#D9BA6C; margin:0px; border:0px; height:10px; font: 10px/9px Georgia, Times, "Times New Roman", serif; } .footer a:hover { color:#D9BA6C; margin:0px; border:0px; height:10px; font: 10px/9px Georgia, Times, "Times New Roman", serif; } .footer a:visited { color:#D9BA6C; margin:0px; border:0px; height:10px; font: 10px/9px Georgia, Times, "Times New Roman", serif; } .right2 li { list-style-position:outside; list-style-image: url("./Images/Note_Bullet.png"); padding-bottom: 10px; } hr { } blockquote { padding:5px 5px 5px 15px; background-color:#efefef; } #wrap { text-align:center; } /*use the "." when defining a _class_ element!!!*/ .float_pic_right { float:right; margin-left: 30px; margin-bottom:8px; } .float_pic_left { float:left; margin-right:30px; margin-bottom:8px; padding-right:30px; } .right2 a { COLOR: #7EEF79; TEXT-DECORATION: underline; } .right2 a:visited { COLOR: #6d6129; TEXT-DECORATION: underline; } .right2 a:link { COLOR: #6d6129; TEXT-DECORATION: underline; } .right2 a:hover { COLOR: #2F9E25; TEXT-DECORATION: underline; } /* #B39959; = light brown, the nav background */ /* #FFEE75 = yellow, like the upper left background */ /* 201e12 = almost black dark text color*/ /* 6d6129 = kind of a gold color */ #nav { FONT: small-caps 14px/10px Georgia, Times, "Times New Roman", serif; COLOR: #6d6129; padding: 15px 0px 10px 0px; text-align:center; } #nav A:link { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 10px; COLOR: #6d6129; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#B39959; } #nav A:visited { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 10px; COLOR: #6d6129; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#B39959; } #nav A:hover { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 10px; COLOR: #6d6129; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav A:active /*this fires when the user downclicks and holds. */ { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 10px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#B39959; } #nav .HomePage .HomeButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .VideoPage .VideoButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .AudioPage .AudioButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .LessonsPage .LessonsButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .AboutPage .AboutButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .ContactPage .ContactButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .FriendsAndLinksPage .FriendsAndLinksButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .ContentPage .ContentButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .ImagesPage .ImagesButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; } #nav .LoginPage .LoginButton { DISPLAY: block; BACKGROUND: 50% 50%; width:160px; PADDING: 6px 10px 0px 10px; margin-bottom: 5px; COLOR: #201e12; BORDER-BOTTOM: #6d6129 1px solid; BORDER-TOP: #6d6129 1px solid; HEIGHT: 18px; TEXT-DECORATION:none; text-align:left; background-color:#FFEE75; }