/* Divisions used: * main * masthead * navmenu * content * validation */ body { color: black ; background-color: powderblue ; /* background-image: url('../mes/flags-light.jpg') ; */ margin: 1% 5% ; font-family: "MS Gothic",Arial,sans-serif ; font-size: 80% ; } #main { /* background-color: white ; border: 1px solid gray ; padding: 2% ; -moz-border-radius: 15px; border-radius: 15px; border-width: 5px; border-color: #D0F0D0; */ } #masthead { background-color: white ; padding: 5px ; /* -moz-border-radius: 15px; border-radius: 15px; */ border: 3px outset grey ; } #masthead h1 { font-family: "Times New Roman",Serif ; font-size: 48px ; } #masthead h2 { font-family: "DejaVu Sans","MS Gothic",Sans-serif ; font-size: 30px ; } #masthead img { border: 0 ; } #masthead a { text-decoration: none ; color: black ; } #headloc { float: right ; } #columns { float: left ; width: 100% ; } #lbar { float: left ; width: 15% ; } /*#classmenutitle, #moschedtitle, #announcetitle { background-color: #D0F0D0 ; margin: 5px 5px 0px 5px ; border: 5px 5px 0px 5px ; border-style: outset ; border-color: #D0F0D0 ; } */ #classmenu, #mosched, #announce { background-color: white ; margin: 7px ; padding: 0px ; border: 1px solid black ; /* border-style: outset ; border-color: #D0F0D0 ; */ } /* h3.boxhead { background-color: #D0F0D0 ; margin: 0px ; padding: 2px ; } */ #classmenu h3, #mosched h3, #announce h3 { margin: 0px ; text-align: center ; } #classmenu { margin-left: 0 ; } #classmenu h3 { background-color: magenta ; } #mosched { margin-right: 0 ; } #mosched h3 { background-color: yellow ; } #announce { margin-right: 0 ; } #announce h3 { background-color: cyan ; } #rbar { float: left ; width: 25% ; } #center { float: left ; width: 60% ; } /*#navtabs { margin: 7px 7px 0px 7px ; margin: 0 ; padding: 0 ; border: 1px solid black ; } */ #content { background: white ; margin: 0px 7px 7px 7px ; border-width: 0px 1px 1px 1px ; border-style: solid ; border-color: black ; padding: 5px ; } .img-l { float: left ; margin: 20px ; } .img-r { float: right ; margin: 20px ; } #pricead, #trialad { margin: 7px 7px 7px 0 ; border-width: 3px ; border-style: outset ; padding: 7px ; text-align: center ; } #pricead { background: green ; border-color: green ; } #trialad { background: orange ; border-color: orange ; } #copyright { clear: both ; font-size: 0.75em ; } #validation { clear: both ; } /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ /* http://www.dynamicdrive.com/style/csslibrary/item/css-tabs-menu/ */ .basictab{ padding: 3px 0 ; /*margin-left: 0; border: 1px solid blue ; padding: 0 ; */ margin: 7px 7px 0 7px ; font: bold 12px Verdana; border-bottom: 1px solid black; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .basictab li{ display: inline; margin: 0; } .basictab li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid black; border-bottom: none; background-color: #f6ffd5; color: #2d2b2b; } .basictab li a:visited{ color: #2d2b2b; } .basictab li a:hover{ background-color: #DBFF6C; color: black; } .basictab li a:active{ color: black; } .basictab li.selected a{ /*selected tab effect*/ position: relative; top: 1px; padding-top: 4px; /*background-color: #DBFF6C;*/ background-color: white; color: black; } /* "W3C buttons without images" by Marek Prokop <http://www.sovavsiti.cz/css/w3c_buttons.html> */ .w3cbutton3 { margin: 1em 0; width: 9em; border: 1px solid #ccc; font-family: helvetica,arial,sans-serif; font-size: 70%; font-weight: bold; } .w3cbutton3 a { display: block; width: 100%; } .w3cbutton3 a:link, .w3cbutton3 a:visited, .w3cbutton3 a:hover { background-color: #fc6; color: #000; text-decoration: none; } .w3cbutton3 span.w3c { padding: 0 0.4em; background-color: #fff; color: #0c479d; }