271 lines
3.5 KiB
CSS
271 lines
3.5 KiB
CSS
|
|
body{
|
|
background-color:#CCCCCC;
|
|
font-family:Arial, Helvetica, sans-serif}
|
|
|
|
a:link
|
|
{
|
|
color:#446688;
|
|
font-weight:bold;
|
|
font-style:normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:visited
|
|
{
|
|
color:#446688;
|
|
font-weight:bold;
|
|
font-style:normal;
|
|
text-decoration:none;
|
|
}
|
|
h5
|
|
{
|
|
padding-left:10px;
|
|
color:#333333;
|
|
}
|
|
|
|
#container
|
|
{ width:800px;
|
|
background:#FFFFFF;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
#menu
|
|
{
|
|
background:#4682B4;
|
|
width:170px;
|
|
height:105px;
|
|
float:left;
|
|
}
|
|
|
|
#image
|
|
{
|
|
background: url(images/header630.gif) #4682B4;
|
|
width:630px;
|
|
height:105px;
|
|
|
|
float:left;
|
|
}
|
|
#image p
|
|
{
|
|
color:#FF9900;
|
|
font-size:36px;
|
|
margin-top:15px;
|
|
margin-left:30px;
|
|
}
|
|
header
|
|
{
|
|
width:800px;
|
|
|
|
}
|
|
#content
|
|
{
|
|
width:100%;
|
|
background:#FFFFFF;
|
|
}
|
|
|
|
|
|
#leftContent
|
|
{
|
|
width:500px;
|
|
float:left;
|
|
background:#FFFFFF;
|
|
}
|
|
|
|
#rightContent
|
|
{
|
|
width=250%;
|
|
float:left;
|
|
background:#FFFFFF;
|
|
}
|
|
|
|
|
|
#WideContent
|
|
{ background: #ffffff; width: 800px; float: left }
|
|
|
|
|
|
#HalfContent
|
|
{
|
|
width:35%;
|
|
float:left;
|
|
background:#FFFFFF;
|
|
}
|
|
#right
|
|
{
|
|
width:200px;
|
|
float:left;
|
|
background:#FFFFFF;
|
|
}
|
|
#infoBox
|
|
{
|
|
margin-top:20px;
|
|
margin-bottom:20px;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
width:270px;
|
|
border:1px solid gray;
|
|
}
|
|
#infoBoxContent
|
|
{
|
|
background:#FFFFFF;
|
|
margin:3px;
|
|
}
|
|
#infoBoxHeader
|
|
{
|
|
font-weight:bold;
|
|
border-left:5px solid gray;
|
|
border-bottom:1px solid gray;
|
|
height:25px;
|
|
background-color:#FF9900;
|
|
margin-top:0px;
|
|
}
|
|
#infoBoxHeader p
|
|
{
|
|
margin-top:0px;
|
|
padding-top:3px;
|
|
margin-left:5px;
|
|
font-size:12px;
|
|
}
|
|
#infoBoxContent
|
|
{
|
|
margin-top:0px;
|
|
margin-left:5px;
|
|
font-size:10px;
|
|
padding-bottom:3px;
|
|
}
|
|
#infoBoxContent a:hover
|
|
{
|
|
color:#999999;
|
|
}
|
|
|
|
#footer
|
|
{
|
|
height:25px;
|
|
background:#4682B4;
|
|
width:800px;
|
|
clear:both;
|
|
text-align:center;
|
|
font-size:10px;
|
|
}
|
|
#footer p
|
|
{
|
|
padding-top:5px;
|
|
}
|
|
#footer a:hover
|
|
{
|
|
color:#999999;
|
|
}
|
|
#navMenu ul
|
|
{
|
|
list-style:none;
|
|
padding: 0px;
|
|
margin: 0;
|
|
}
|
|
#navMenu li a
|
|
{
|
|
background-color:#4682B4;
|
|
height:16px;
|
|
display:block;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
float:none;
|
|
font-size:10px;
|
|
color:#000000;
|
|
letter-spacing:2px;
|
|
font-weight:bold;
|
|
|
|
border-bottom:1px solid #B0C4DE;
|
|
|
|
|
|
}
|
|
|
|
#navMenu li a:hover
|
|
{
|
|
background-color:#708090;
|
|
color:#FFFFFF;
|
|
}
|
|
|
|
#contentBoxHalf
|
|
{ margin: 20px auto; width: 250px; border: solid 1px gray }
|
|
|
|
|
|
#contentBoxWide
|
|
{
|
|
|
|
width:770px;
|
|
border:1px solid gray;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
margin-top:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
#contentBox
|
|
{
|
|
|
|
width:95%;
|
|
border:1px solid gray;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
margin-top:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
#contentBoxHeader
|
|
{
|
|
font-weight:bold;
|
|
border-left:5px solid gray;
|
|
border-bottom:1px solid gray;
|
|
height:25px;
|
|
background-color:#CCCCCC;
|
|
}
|
|
#contentBoxHeader p
|
|
{
|
|
margin-left:5px;
|
|
margin-top:0;
|
|
padding-top:2px;
|
|
}
|
|
#contentBoxContent
|
|
{
|
|
font-size:14px;
|
|
|
|
}
|
|
#contentBoxContent p
|
|
{
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
padding-bottom:10px;
|
|
}
|
|
#contentBoxContent a:hover
|
|
{
|
|
color:#999999;
|
|
}
|
|
|
|
#cBoxEnv
|
|
{
|
|
border:1px solid gray;
|
|
margin-left:10px;
|
|
margin-right:10px;
|
|
margin-top:20px;
|
|
margin-bottom:20px;
|
|
}
|
|
|
|
#cBoxHeader
|
|
{
|
|
font-weight:bold;
|
|
border-left:5px solid gray;
|
|
border-bottom:1px solid gray;
|
|
height:25px;
|
|
background-color:#CCCCCC;
|
|
}
|
|
|
|
|
|
#cBoxContent
|
|
{
|
|
font-size:14px;
|
|
}
|
|
#cBoxContent p
|
|
{
|
|
padding-left:10px;
|
|
padding-right:10px;
|
|
padding-bottom:10px;
|
|
} |