html, body {
font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
background-color: #5B5144;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 5px;
margin-right: 0px;
text-align: -moz-center;
#text-align: center;
font-size: 12px;
color: #fff;
}
#heading {
text-align: center;
}
#fullpage {
text-align: -moz-left;
#text-align: left;
width: 950px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/*border: 1px solid #212D42;*/
/*border-width: medium;*/
background-color: #00215E;
margin-right: auto;
margin-left: auto;
}
#fullpageabout {
text-align: -moz-center;
#text-align: center;
width: 950px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/*: 1px solid #212D42;
border-width: medium;*/
background-color: #00215E;
margin-right: auto;
margin-left: auto;
}
#fullpagecalendar {
text-align: -moz-center;
#text-align: center;
width: 950px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/*border: 1px solid #212D42;
border-width: medium;*/
background-color: #00215E;
margin-right: auto;
margin-left: auto;
}
#fullpagemedia {
text-align: -moz-center;
#text-align: center;
width: 950px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/*border: 1px solid #212D42;
border-width: medium;*/
background-color: #00215E;
margin-right: auto;
margin-left: auto;
}
#fullpagecontactus {
text-align: -moz-center;
#text-align: center;
width: 950px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
/*border: 1px solid #212D42;
border-width: medium;*/
background-color: #00215E;
margin-right: auto;
margin-left: auto;
}
#mypage {
background-color: #DDDDDD;
/*padding: 10px 10px 10px 10px;*/
border: 1px solid #212D42;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
float: right;
width: 800px;
text-align: left;
}
#mypagefullwidth {
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
/*padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px solid #212D42;
border-width: medium;*/
background-color: #DDDDDD;
width: 920px;
text-align: -moz-left;
#text-align: left;
}
#mycalendar {
background-color: #DDDDDD;
padding: 10px 10px 10px 10px;
/*border: 1px solid #212D42;*/
margin: 25px 0px 5px 0px;
width: 740px;
text-align: center;
}
#lessonlist {
text-align: -moz-center;
#text-align: center;
/*padding: 5px 5px 5px 5px;*/
border: 1px solid #212D42;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
width: 100px;
font-size: 12px;
float: left;
background-color: #dddddd;
}
#wrapper1 {
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-position: left top;
border: 1px solid red;
}
#wrapper2 {
background-image: url(../images/bg.jpg);
background-repeat: repeat-y;
background-position: left top;
border: 1px solid red;
width: 150px;
}
.myheading {
text-align: center;
font-weight: bold;
}
.mycenter {
text-align: center;
}
.mybold {
font-weight: bold;
}
.myunderline {
text-decoration: underline;
}
.myboldunderline {
text-decoration: underline;
font-weight: bold;
}
.myuppercase {
text-transform: uppercase;
text-decoration: underline;
text-align: center;
}
.mybolduppercaseunderline {
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
}
.mybolduppercaseunderlinecenter {
text-transform: uppercase;
text-decoration: underline;
font-weight: bold;
text-align: center;
}
.myuppercaseboldcenter {
text-transform: uppercase;
text-align: center;
font-weight: bold;
}
.myboldcentercapitalize {
text-align: center;
text-transform: capitalize;
font-weight: bold;
}
.mybolduppercase {
text-transform: uppercase;
font-weight: bold;
}
.myboldfootnote {
font-weight: bold;
font-size: 10px;
}
.myuppercaseunderline {
text-transform: uppercase;
text-decoration: underline;
}
.myuppercasecenter {
text-transform: uppercase;
text-decoration: underline;
text-align: center;
}
ul.NoBullet {
list-style-type: none;
}
/**************
*
* Convert Form
*
***************/
fieldset {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: #DDDDDD;
}
legend {
font-weight: bold;
font-variant: small-caps;
margin-bottom: 5px;
}
label {
line-height: normal;
text-align: right;
margin-right: 10px;
position: relative;
display: block;
float: left;
width: 425px;
}
label.fieldLabel {
display: inline;
float: none;
}
input.formInputText {
color: #666666;
background-color: #fee;
border: 1px solid #212D42;
margin-right: 5px;
margin-bottom: 5px;
height: 15px;
padding: 2px;
}
input.formInputText:hover {
background-color: #ccffff;
border: solid 1px #006600;
color: #000000;
}
input.formInputText:focus {
background-color: #ffffff;
border: solid 1px #006600;
color: #000000;
}
select.formSelect {
color: #666666;
background-color: #fee;
border: 1px solid #212D42;
margin-right: 5px;
margin-bottom: 5px;
padding: 2px;
}
select.formSelect:hover {
background-color: #ccffff;
border: solid 1px #006600;
color: #000000;
}
select.formSelect:focus {
background-color: #ffffff;
border: solid 1px #006600;
color: #000000;
}
textarea.formInputText {
color: #666666;
background-color: #fee;
border: 1px solid #212D42;
margin-right: 5px;
margin-bottom: 5px;
height: 100px;
padding: 2px;
}
textarea.formInputText:hover {
background-color: #ccffff;
border: solid 1px #006600;
color: #000000;
}
textarea.formInputText:focus {
background-color: #ffffff;
border: solid 1px #006600;
color: #000000;
}
input.formInputButton {
float: right;
}
/**************
*
* Navigation
*
***************/
#navigation {
width: 200px;
}
#navigation ul {
list-style:none;
margin:0;
padding:0;
}
#navigation li {
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
#navigation li a:link, #navigation li a:visited {
font-size: 200%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid yellow;
border-right: 1px solid #fff;
background-color: gray;
color: #ffffff;
text-decoration: none;
}
#navigation li a:hover {
background-color: #00215E;
color: #ffffff
}
a {
#color:#D60808;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
#heading {
text-align: center;
margin: 0px 0px 0px 0px;
}
#picture {
float: right;
}
#pamphlet {
width: 540px;
margin-top: 25px;
text-align: left;
/*border: 1px black solid;*/
}
#pamphlet_content {
background-color: #00215E; /*#05FEFE;*/
padding: 0px 0px 0px 0px;
color: white;
}
#pamphlet_footer {
background-color: #00215E;
padding: 0px 5px 5px 20px;
color: white;
}
td.bg {
background-color: #00215E;
}
.bold {
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.italic {
font-style: italic;
}
.center {
text-align: center;
}
.textalignleft {
text-align: left;
}
.textalignright {
text-align: right;
}
.floatleft {
float: left;
}
.padding {
padding: 5px;
}
.border {
border: 2px solid #212D42;
}
.margin {
margin: 0px 10px 0px 10px;
}
.margintop {
margin-top: 0px;
}
.justify {
text-align: justify;
}
.fontsize12 {
font-size: 12px;
}
.topmostheading {
font-size: 125%
}
.clearboth {
clear: both;
}
.clearright {
clear: right;
}
.clearleft {
clear: left;
}
.addborder {
border: 1px solid black;
}
.lineheight0 {
line-height: 0em;
}
.copyright {
font-size: 10px;
}
p.copyright a {
color: black;
float: none;
color: #00215E;
}
#news1 {
width: 200px;
/*border: 1px black solid;*/
}
#news2 {
width: 200px;
padding: 0px 5px 0px 5px;
/*border: 1px black solid;*/
}
.bottomborder {
text-align: justify;
font-size: 175%;
}
p.left {
color: white;
}
p.more_info {
font-weight: bold;
font-style: italic;
color: white;
}
p.directions {
font-weight: bold;
font-style: italic;
}
.directions_list {
color: #003399;
}
.from_norfolk, .from_chesapeake {
color: rgb(0,0,0);
font-family: "Felix Titling";
}
h1.directions_top {
text-align: center;
color: #003399;
font-family: "Haettenschweiler";
}
span.directions_top {
text-align: center;
color: #003399;
font-family: "Haettenschweiler";
font-size: 40px;
}
p.directions_top {
text-align: center;
font-family: "Felix Titling";
}
#pamphlet_directions {
width: 100%;
}
#myleft {
background-color: #3399FF;
text-align: left;
}
#myleft_content {
background-color: #3399FF;
padding: 10px 10px 14px 10px;
text-align: left;
font-size: 12px;
color: white;
width: 450px;
}
#myright {
width: 450px;
float: right;
background-color: white;
padding: 0px 10px 8px 10px;
text-align: left;
font-size: 12px;
}
#subheading {
background-color: #00215E;
}
.uppercase {
text-transform: uppercase;
}
a.prototype_textcolor {
color: white;
}
#box {
position: absolute;
width: 50px;
height: 50px;
top: 100px;
left: 100px;
background-color: #999;
border: 2px solid #000;
font-family: "Helvetica Nueu", Helvetica,Arial, sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 50px;
font-size: 10px;
}
#nav {
/*width: 100%;*/
height: 50px;
font-size: 1.3em;
list-style-type:none;
}
#nav li a {
float: left;
width: 80px;
height: 35px;
padding: 0 0 0 1px;
color: #fff;
text-decoration: none;
border-right: 1px solid #777;
}
#nav li a.active {
background: #222;
}
#nav li a:hover {
background-color: black; /*#00215E;*/
color: #ffffff;
}
#subnav {
margin: 0;
padding: 0;
background: #d2dbc0;
height: 46px;
}
#subnav ul li {
float: left;
margin: 0;
padding: 15px 10px 15px 10px;
font-size: 1.4em;
}
#subnav li.option {
text-transform: uppercase;
background: #b2bf99 url('../images/option_li_bg.gif') no-repeat right;
padding: 15px 25px 15px 10px;
color: #7f8e62;
}
#subnav li a {
padding: 10px 0 10px 35px;
color: #333;
text-decoration: none;
}
.page #subnav li a {
padding: 15px;
}
.page #subnav li a.active {
background: #b2bf99;
}