/* CSS for Main Pages */
/* syntax
a{}
a:link{}
a:visited{}
a:hover{}
a:active{}
a.classname:link{}
a.classname:visited{}
a.classname:hover{}
a.classname:active{}
a:link, a:visited, a:hover, a:active{color:#ffffff}
.classname eg or
p.classname eg
#title eg
or
p#title eg
descendents
p h1 eg
This is h1 within p
p h1 {background-color:ffffff}
p.classname h1 ie h1 nested within p of specific class="classname"
p#title h1 ie h1 nested within p of specific id="title"
p>h1 ie h1 nested within 1 tier of p
attribute selectors
img[name] {border="none"} ie selects all images with an attribute name set to anything
img[name="main"] {border="none"} ie selects only images with name attribute set to "main"
*/
/* pseudo */
a:link {color:#918751}
a:visited {color:#918751}
a:hover {color:#4e5c9b}
a:active {color:#4e5c9b}
a:link img {border-color:#eef0f3}
a:visited img {border-color:#eef0f3}
a:hover img {border-color:#eef0f3}
a:active img {border-color:#e88615}
html {margin: 0; padding: 0;}
body {font: 12px Verdana, Arial, Helvetica, sans-serif;
margin: 0; padding: 0;
background: #37416F; color: #606060;}
table#framework {
width: 800px;
margin-left:auto;
margin-right:auto;
text-align: center;
border: medium solid #918751;
background-color: #fcfcfc;
}
/* remove this
table#framework td {
border: thin solid #00ff00;
}
*/
table#textframe{
background-color:#fcfcfc;
text-align: center;
line-height:150%;
vertical-align: top;
}
/* remove this
table#textframe{
border: thick solid #ff0000;
}
*/
img#logo{
float: left;
}
div#leftcol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
font-style: normal;
margin-left:30px;
margin-top:10px;
margin-right:20px;
}
div#rightcol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
vertical-align:top;
font-style: normal;
margin-right:30px;
margin-top:0px;
}
div.centercol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
margin-left:30px;
margin-right:30px;
margin-top:5px;
}
div#mainimage{
border:2px solid #918751;
background-color: #fcfcfcf;
text-align:left;
padding:20px;
margin-left:20px;
}
.dropcap
{float:left;
margin-top:0px;
color:#918751;
font-size:70px;
line-height:45px;
padding-top:0.11em;
padding-right:4px;
font-family:"times","Times New Roman";}
h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
font-style: normal;
color:#918751;
}
h1#events_header {
margin-top:20px;
margin-bottom:5px;
}
div#imgtext{
font-size: 10px;
text-align:left;
color:#918751;
padding-left:20px;
}
div#copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #606060;
font-size: 9px;
font-weight: normal;
text-align: center;
font-style: normal;
margin-top:0px;
}
.allclear {clear:both }