div
{
background-color:Turquoise;
}
div.container
{
width:100%;
height:100%
margin:1px;
border:1px solid Black;
line-height:100%;
}
div.header
{
padding:0.5em;
color:Black;
background-color:DarkTurquoise;
clear:left;
border:0px;
}
div.menubar
{
padding: 0
color:Black;
background-color:DarkTurquoise;
clear:left;
border-left: 0px;
border-right: 0px;
border-top: 1px solid Black;
border-bottom: 1px solid Black;
}
div.left
{
float:left;
width:16.5%;
height:100%;
margin:0;
padding: 1em;
background-color:Turquoise;
}
div.right
{
float:right;
width:16.5%;
height:100%;
margin:0;
padding: 1em;
background-color:Turquoise;
}
div.content
{
margin-left:16.5%;
margin-right:16.5%;
border-left: 1px solid Black;
border-right: 1px solid Black;
background-color:PaleTurquoise;
padding: 8px 8px
}
div.popular
{
margin-left:16.5%;
margin-right:16.5%;
border-left: 1px solid Black;
border-right: 1px solid Black;
background-color:PaleTurquoise;
padding: 4px
// border-bottom: 1px solid Black;
}
div.footer
{
padding:0.5em;
color:Black;
background-color:DarkTurquoise;
clear:left;
border:2px solid Black;
text-align: center
}
h1.header
{
padding:0;
margin:0px;
font: Bold 28px Arial
}
h2.header
{
padding: 0;
margin-left: 50px;
font: Bold 18px Arial
}
h1.content
{
padding:0;
margin:0px;
font: Bold 12px Arial;
text-align: center
}
h1.popular
{
padding:0;
margin:0px;
font: 11px Tahoma;
text-align: center
}
h1.image_categories
{
padding:0;
margin:0px;
font: 11px Tahoma;
text-align: center
}
h1.image_gallery_heading
{
padding:0;
margin:0px;
font: Bold 18px Tahoma;
text-align: left
}
h1.image_gallery_page_counter
{
padding:0;
margin:0px;
font: 18px Tahoma;
text-align: left
}
h2.image_categories
{
padding:0;
margin:0px;
font: Bold 11px Arial;
text-align: center
}
h1.faq
{
padding:0;
margin:0px;
font: 14px Arial;
line-height: 120%
}
h1.footer
{
padding:0;
margin:0px;
font: 14px Arial;
text-align: center
}
div.header_Aqua
{
background-color:Aqua;
}
div.header_Aquamarine
{
background-color:Aquamarine;
}
div.header_MediumAquamarine
{
background-color:MediumAquamarine;
}
div.header_Turquoise
{
background-color:Turquoise;
}
div.header_MediumTurquoise
{
background-color:MediumTurquoise;
}
div.header_DarkTurquoise
{
background-color:DarkTurquoise;
}
div.header_SeaGreen
{
background-color:SeaGreen;
}
div.header_LightSeaGreen
{
background-color:LightSeaGreen;
}
div.header_MediumSeaGreen
{
background-color:MediumSeaGreen;
}
div.header_DarkSeaGreen
{
background-color:DarkSeaGreen;
}
div.header_SpringGreen
{
background-color:SpringGreen;
}
div.header_MediumSpringGreen
{
background-color:MediumSpringGreen;
}
div.header_Teal
{
background-color:Teal;
}
table.left_one
{
color: DarkBlue;
border: 0px;
cellpadding: 0;
cellspacing: 0;
font: Bold 14px Arial;
table-layout: fixed
}
caption.left_one
{
color: Black;
caption-side: top;
text-align: left;
font: Bold 16px Arial
}
caption.popular
{
color: Black;
caption-side: top;
text-align: left;
font: Bold 12px Arial
}
caption.image_categories
{
color: Black;
caption-side: top;
text-align: left;
font: Bold 18px Arial
}
a.leftone:link
{
color: DarkBlue;
text-decoration: none
}
a.leftone:visited
{
color: DarkBlue;
text-decoration: none
}
a.leftone:hover
{
color: White;
text-decoration: none
//font-size: 110%;
}
a.leftone:active
{
color: DarkBlue;
text-decoration: none
}
table.menubar
{
background-color: DarkTurquoise;
//border-style: solid;
font: Bold 12px Arial;
table-layout: automatic;
border: 0px
}
td.menubar
{
padding: 2 25
}
table.popular
{
background-color: PaleTurquoise;
//border-style: solid;
font: 12px Arial;
table-layout: fixed;
border: 0px
}
td.popular
{
padding: 2 0 
}
table.image_categories
{
background-color: PaleTurquoise;
font: 12px Arial;
table-layout: fixed;
border: 0px
//border-style: solid;
}
td.image_categories
{
padding: 2 0 
}
table.image_gallery
{
background-color: PaleTurquoise;
font: 12px Arial;
table-layout: fixed;
border: 0px
//border-style: solid;
}
td.image_gallery
{
padding: 2 0 
}
a.menubar:link
{
color: DarkBlue;
text-decoration: none
}
a.menubar:visited
{
color: DarkBlue;
text-decoration: none
}
a.menubar:hover
{
text-decoration: underline
}
a.menubar:active
{
color: DarkBlue;
text-decoration: none
}
img.popular
{
width: 120px;
height: 90px;
border: 0px
//display:inline;
//margin:3px;
//border:0px solid #ffffff;
}
img.image_categories
{
width: 180px;
height: 135px;
border: 0px
}
img.image_gallery
{
width: 180px;
height: 135px;
border: 0px
}
//$$$$$ a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!
//a
//{
//float:left;
//width:6em;
//text-decoration:none;
//color:white;
//background-color: transparent;
//padding:0.2em 0.6em;
//border-right:1px solid white
//border: 0px
//}