/* start elements */
html {min-height: 100%;}
* :focus { outline: 0; }
* {
margin: 0;
padding: 0;
}
* html .navigation a {
height:1px;
}
body {
color: #444;
font: normal 62.5% Tahoma,sans-serif;
background-image:url(img/BackgroundsBorders/bg4.jpg);
background-repeat:repeat;
}
p,code {padding-bottom: 0.9em;}
h1 {
font: normal 2.0em Tahoma,sans-serif;
color:#900;
margin-bottom: 10px;
padding-top:6px;
}
h2 {
font: normal 1.4em Tahoma,sans-serif;
color:#900;
margin-top:30px;
margin-bottom: 10px;
line-height:20px;
border:#060 thin groove;
padding-left:3px;
}
h3 {
font: normal 1.3em Tahoma,sans-serif;
color:#333;
padding-left:4px;
margin-top:12px;
margin-bottom: 10px;
line-height:20px;
font-weight:bold;
}
.top {
background-image:url(img/BackgroundsBorders/background2.gif);
border: #fff thin solid;
height:250px;
}
/* title */
.header {
background-image:url(img/CollageJPG/CollageJPG5.jpg);
background-repeat:no-repeat;
width:798px;
height:197px;
margin: 120px auto 0px;
}
/* navigation */
.navigation {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
line-height:20px;
}
.navigation a {
color: #000;
display: block;
float: right;
width:auto;
padding: 0px 15px 15px 15px;
text-decoration:none;
text-transform:lowercase;
font-weight:bold;
margin-right:-10px;
}
.navigation a:hover {
color: #900;
font-weight:bold;
text-decoration:underline;
}
/* footer */
.footer {
border-top:#CCC thin solid;
padding-top:5px;
color: #999;
font: normal 1.1em sans-serif;
line-height: 25px;
text-align: center;
margin-top:22px;
margin-bottom:25px;
}
.footer a {
text-decoration:none;
background-image:none;
color: #999;
font: normal 1.0em sans-serif;
line-height: 25px;
}
.footer a:visited {
padding:0px;
background-image:none;
color: #999;
font: normal 1.2em sans-serif;
line-height: 25px;
}
.footer a:hover {
background-image:none;
text-decoration:underline;
color: #999;
font: normal 1.2em sans-serif;
line-height: 25px;
}
/* structure */
.container {
margin: 70px auto 0px;
width: 100%;
padding:0;
}
.content {
background-image:url(img/BackgroundsBorders/bgUN2.gif);
background-position:left;
background-repeat:no-repeat;
width:800px;
margin: 0px auto;
padding: 0px;
}
.main {
width:570px;
padding:0px 10px 0px 0px;
margin:0px;
}
.ImageCol {
margin-top:5px;
float:right;
width:170px;
padding: 0px 10px;
}
.ImageCol img {
float:right;
}
/* lists */
.content ul {
margin-left:30px;
font-family: "Lucida Sans Unicode",sans-serif;
}
.content li {
font-size: 1.2em;
font-family: "Lucida Sans Unicode",sans-serif;
line-height:6px;
list-style: none;
background-image:url(img/Bullets/bullet4.jpg);
background-repeat:no-repeat;
background-position:-1px -1px;
margin: 10px 20px;
padding-bottom: 7px;
padding-left:20px;
}
/* sidebar */
.sidebar {
width: 220px;
float: left;
margin: 10px;
background: #CBF622 url(img/bg_bottom.gif) center bottom no-repeat;
padding-bottom: 75px;
}
.sidebar h3 {
font-size: 1.4em;
margin: 0;
text-align: center;
text-transform: uppercase;
background: url(img/SidebarTop.jpg) center top no-repeat;
color: #FFF;
padding: 5px;
}
.sidebar ul {
color: #666;
font-size: 1.2em;
margin: 0px 0px;
padding: 0px 5px 0px 5px;
border-left: 1px solid #E73A10;
border-right: 1px solid #E73A10;
}
.sidebar li {
background: url(img/flower_bullet.gif) no-repeat 0px 2px;
list-style: none;
padding-left: 18px;
margin-bottom: 6px;
}
.sidebar p{
color:#039;
padding:5px 10px;
margin: 0px;
border-left: 1px solid #E73A10;
border-right: 1px solid #E73A10;
}
/* sidebar2 */
.sidebar2 {
width: 131px;
margin: 0px 10px 10px 10px;
background: #fff url(img/BackgroundsBorders/SidebarBottom2.jpg) center bottom no-repeat;
padding-bottom: 35px;
}
.sidebar2 h2{
color:#333;
font-weight:bold;
text-align:center;
border:0px;
background:none;
}
.sidebar2 h3{
font-size: 1.2em;
margin: 0;
text-align: center;
text-transform: uppercase;
background: url(img/BackgroundsBorders/SidebarTop2.jpg) center top no-repeat;
color: #FFF;
padding: 5px;
}
.sidebar2 ul{
color: #666;
font-size: 1.2em;
margin: 0px 0px;
padding: 0px 5px 0px 5px;
}
.sidebar2 li{
background: url(img/Bullets/flower_bullet.gif) no-repeat 0px 2px;
list-style: none;
padding-left: 18px;
margin-bottom: 6px;
}
.sidebar2 p{
color:#039;
padding:4px 6px;
margin: 0px auto;
}
/*CSS fixes for Internet Explorer */
/* fix the over extended h2 borders if image used*/
* html h2 {
zoom: 1;
}
/* double margin bug fix */
* html .sidebar {
display: inline;
}
/* styling */
.content .line2 {
color: #664;
font-size: 0.9em;
margin-bottom: 12px;
}
.content p {
font-size: 1.2em;
font-family: "Lucida Sans Unicode",sans-serif;
line-height:20px;
}
.date {
margin-top:0px;
margin-bottom:0px;
margin-left:50px;
border-left: 1px dotted #900;
color: #900;
padding:0 10px;
}
.datelastline {
margin-top:0px;
margin-bottom:10px;
margin-left:50px;
border-left: 1px dotted #900;
color: #900;
padding:0 10px;
}
.date2 {
margin-top:0px;
margin-bottom:0px;
margin-left:210px;
border-left: 1px dotted #900;
color: #900;
padding:0 10px;
}
.date2lastline {
margin-top:0px;
margin-bottom:10px;
margin-left:210px;
border-left: 1px dotted #900;
color: #900;
padding:0 10px;
}
.red {
color:#F00;
}
.blockquote {
color:#960;
width: 80%;
margin-left:25px;
display: block;
font-weight: bold;
font-size:11px;
padding:10px 10px 10px 10px;
line-height:17px;
}
/* misc */
.clearer {clear: both;}
.left {
float: left;
padding:0px 5px 5px 0px;
background-color:#CCC;
margin: 0px 15px 4px 0px;
}
.navigation li {
display:inline;
}
/* image */
.header .figure {
float: left;
margin: 10px 40px 10px 2px;
}
.header .photo {
background: url(img/drop_shadow.gif) no-repeat bottom;
}
.content .figure {
float: left;
margin: 10px 40px 10px 2px;
}
.content .photo {
background: url(img/drop_shadow.gif) no-repeat bottom;
}
.content .photo img {
border: 1px solid #666;
background-color: #FFF;
padding: 4px;
position: relative;
top: -5px;
left:-5px;
}
.content .figure p {
font: 1.1em/normal Arial, Helvetica, sans-serif;
text-align: center;
margin: 5px 0 5px 0;
height: 1em;
}