/* colors used */
/* rgb(208, 225, 253) = light blue */
/* rgb(232, 232, 232) = light gray */
/* rgb(0, 102, 255) =blue colorbar*/
body {
/* these properties are used throughout the unless specifically over-ridden elsewhere */
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
font-style: normal;
font-size: 0.9em;
color: black; /* font color */
background: white url(http://ats.gcinet.net/images/bg/aol_bg.jpg);
background-repeat: repeat-x;
background-position: top;
}
#container {
width: 830px;
\width: 850px;
w\idth: 830px;
margin: 0;
padding: 0;
margin-left: auto; /* this centers the container horizontally within the browser */
margin-right: auto; /* this centers the container horizontally within the browser */
}
#container a:link {color: blue; text-decoration: underline;}
#container a:visited {color: blue; text-decoration: underline;}
#container a:hover {color: black; background-color: rgb(208, 225, 253); text-decoration: none;}
#container a:active {color: black; background-color: rgb(208, 225, 253); text-decoration: none;}
#header {
padding: 5px;
margin-bottom: 0;
border-bottom: 2px solid black;
background: transparent;
font-style: italic;
}
#column-center {
padding: 2px;
margin-top: 5px;
margin-left: 200px;
margin-right: 200px;
background: transparent;
border-right: 1px dotted black;
border-left: 1px dotted black;
text-align: justify; /* align text, options are: left, right, center, justify */
}
#column-left {
float: left;
width: 200px;
\width: 200px;
w\idth: 200px;
margin: 0;
padding: 0;
background-color: transparent;
text-align: left;
}
#column-right {
float: right;
width: 200px;
\width: 200px;
w\idth: 200px;
margin: 0;
padding: 0;
background-color: transparent;
text-align: left;
}
#footer {
padding: 0;
margin-top: 0;
background-color: white;
text-align: center;
/*border-top: 1px dotted gray;*/
}
h1, h2, h3, h4, h5, h6, p {
font-size: 1.0em; /* setting the base font size */
margin: 5px;
padding: 2px;
font-weight: normal;
/* uncomment the following "border" setting to see how adjusting the margin & padding can change the
overall spacing of the text */
/*border: 1px dashed gray;*/
}
/* the em unit is a relative unit of length. example: 2em = twice the default font size */
/* see http://www.w3.org/2003/07/30-font-size#goodpractice for more details */
h1 {
font-size: 3.5em;
font-weight: bold;
font-style: italic;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 0.8em;
}
p {
font-size: 0.9em;
}
em {
/* use it like this: to emphasize some text */
font-weight: bold;
font-style: normal; /* options are: normal, italic, oblique */
}
/*
The following classes can be used with any html tag to apply the specific property to just that tag.
Examples:
- to apply a colored bar background to some text use: Whatever
- to center any item within its division use: whatever
- to justify/align text use: Fly For Less delivers...
- to tighten up the spacing between lines of text use:
free air tickets
- to align an image to the left so that content flows to its right use:
- to align an image to the right so that content flows to its left use:
*/
.colorbar {
background: rgb(153, 204, 255);
font-weight: bold;
color: black; /* font color */
padding: 3px;
}
.center-it {
text-align: center;
}
.justify {
text-align: justify; /* align text, options are: left, right, center, justify */
}
.right {
text-align: right;
}
.tight{
line-height: 90%;
padding: 0;
}
img {
border: none;
margin: 3px;
padding: 0;
}
img.left {
float: left;
}
img.right {
float: right;
}