styles_screen.css

/*
Table of Contents:
Typography
Navigation
Forms
Layout
*/

/* TYPOGRAPHY
------------------------------------------------------------ */
/* NOTE: Typography for form elements is in the FORMS section */
/*Pratt East Home */
h1 {
margin:10px;
font-style: bold;
color: #1c587a;
font-size: 2em;
}
h2 {
margin:0;
color: #537f0c;
font-size: 1.25em;
}


h3 {
font-size: 1.25em;
color: #537f0c;
font-style: bold;
}

h4 {
font-size: 0.95em;
color: #000000;
}

b{
font-size:1.0em;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-weight:bold;


}


b2{
font-size:0.75em;
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-weight:bold;
font-style:italic;

}

#content p {
font-size: 0.75em;
}

#content pp {
font-size: 0.75em;
background-color: #FFFF33;
}


#content ul li {
font-size: .75em;
margin:0 0 10px 0;
}
#content ul li ul li {
font-size: 1em;
margin:0 0 10px 0;
}
#content ol li {
font-size: .75em;
margin:0 0 10px 0;
}
#content ol li ol li {
font-size: 1em;
margin:0 0 10px 0;
}
#content ol li ul li {
font-size: 1em;
margin:0 0 10px 0;
}
.itineraryHeader {
width:95%;
color:#FFFFFF;
background-color:#537f0c;
margin:10px 0 5px 0;
padding:4px;
font-weight:bold;
font-size:1em;
display:block;
}
#navigation p {
color:#fff;
text-align:center;
font-weight:bold;
font-size: .75em;
margin:0 0 25px 0;
}


/* NAVIGATION
------------------------------------------------------------ */
#navigation ul {
margin:0;
padding:0 0 0 15px;
list-style:none;
}
#navigation ul li {
text-transform:uppercase;
line-height:.78em;
margin:13px 0 13px 0;
}
#navigation ul li a {
color:#fff;
font-size:.78em;
font-weight:bold;
}
#navigation ul li a:link {color:#fff; text-decoration:none;}
#navigation ul li a:visited {color:#fff; text-decoration:none;}
#navigation ul li a:hover {color:#fff; text-decoration:none;}
#navigation ul li a:active {color:#fff; text-decoration:none;}


#navigation p a:link {color:#fff; text-decoration:none;}
#navigation p a:visited {color:#537f0c; text-decoration:none;}
#navigation p a:hover {color:#fff; text-decoration:none;}
#navigation p a:active {color:#537f0c; text-decoration:none;}


.additionalInfo {
color:#537f0c;
background:#ced8c2;
border:#fff 2px dashed;
margin:50px 12px 25px 12px;
padding:4px;
text-align:center;
font-size:.75em;
font-weight:bold;
}

#content a:link {color:#537f0c; text-decoration:underline;}
#content a:visited {color:#537f0c; text-decoration:underline;}
#content a:hover {color:#fff; text-decoration:none; background:#537f0c;}
#content a:active {color:#fff; text-decoration:none; background:#537f0c;}


/* FORMS
------------------------------------------------------------ */
form {
padding:0;
margin:0;
}
form p {
position:relative;
}
.feedback {
position:absolute;
margin-left:10em;
left:235px;
top:0;
right:0;
font-size:.75em;
color:#FF0000;
}
* html .feedback {
/* Settings for IE 6 and below only */
width:15em;
margin-left:0;
}
.feedbackHidden {
display:none;
}
input {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
}
input:focus {
background-color: #FFFFCC;
}
label {
float:left;
width:10em;
font-weight:bold;
}
.formButton {
background: #537f0c;
border: 2px solid #AEB3A4;
font-size:.75em;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #fff;
padding: 3px;
margin: 2px;
}
.formButton:focus {
color: #fff;
background-color: #ff9900;
}



/* LAYOUT
------------------------------------------------------------ */
body {
background-color: #e8e8e8;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
font-size: 1em;
}
#site-wrapper {
width:738px;
margin: 0 auto;
text-align: left;
}
#header-container {
width:738px;
height:201px;
clear:both;
background: url(../images/header.jpg) top left no-repeat;
}
#content-container {

display:table;
width:738px;
clear:both;
background:#ced8c2 url(../images/nav-bg.gif) top left repeat-y;

}
#navigation {
margin:0;
padding:0;
width:138px;
background: url(../images/nav-bg.gif) top left repeat-y;
/*background-color: #FFF200 top left repeat-y; */
float:left;
}
#content {
padding:0 86px 0 15px;
width:490px;
float:right;
background: url(../images/body_bg.gif) top left repeat-y;
background-color: #ced8c2;
background-position:0px 0px;
}
.itemImage {
float:right;
margin:0 0 15px 15px;
border: #000 1px solid;
}
.itemImage-left {
float:left;
margin:0px 15px 0px 0px;
border: #000 1px solid;
}
#footer-container {
width:738px;
height:50px;
clear:both;
background: url(../images/footer.gif) top left no-repeat;
}