*
{
margin: 0;
padding: 0;
}

html, body
{
background: #fff;
height: 100%;
}

a.textLink,
a.textLink:link,
a.textLink:visited,
a.textLink:active
{
padding: 4px;
color: #0c6;
font: 10px/13px monaco, serif;
text-decoration: underline;
}

a.textLink:hover
{
background: #0c6;
color: #fff;
}

.container
{
background: url(../images/clare_with_tv.jpg) right bottom no-repeat;
height: 100%;
width: 830px;
float: right;
position: relative;
}

.logo
{
bottom: 495px;
right: 305px;
position: fixed;
}

.screens{
position: fixed;
bottom: 125px;
right: 170px;
background: url(../images/screens.gif) top left no-repeat;
padding: 0 0 160px 0;
white-space: nowrap;
width: 640px;
z-index: 2;
}

.monitor
{
float: left;
margin: 25px 45px 20px 25px;
}

.clear
{
clear: both;
}

.blogArea
{
border: 1px solid #ccc;
width: 415px;
bottom: 22px;
right: 355px;
position: fixed;
height: 150px;
overflow: auto;
z-index: 0;
}

.content
{
padding: 20px 15px;
font: 10px/13px monaco, serif;
}

.content h1
{
color: #00cc66;
font: 14px/16px monaco, serif;
margin: 0 0 12px 0;
text-transform: uppercase;
}

.content p
{
margin: 0 0 12px 0;
color: #666;
}

.content strong
{
display: block;
margin: 0 0 12px 0;
color: #666;
font: bold 12px/15px monaco, serif;
}

a.moreNews,
a.moreNews:link,
a.moreNews:visited,
a.moreNews:active
{
display: block;
padding: 4px;
color: #0c6;
font: 10px/13px monaco, serif;
float: right;
text-decoration: underline;
}

a.moreNews:hover
{
background: #0c6;
color: #fff;
}

.showHide
{
font: 10px/12px arial, sans-serif;
margin: 0 0 10px 0;
}

.showHide a,
.showHide a:link,
.showHide a:visited,
.showHide a:active
{
color: #093;
text-transform: uppercase;
text-decoration: none;
}

.showHide a:hover
{
border: 1px solid #093;
}

.bodyNav
{
color: #000;
font: bold 12px/17px arial, sans-serif;
position: absolute;
background: #ccc;
border: 1px solid #093;
padding: 15px;
opacity: 0.75;
}

.bodyNav ul.levelOne
{
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

.bodyNav ul.levelOne li
{
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

.bodyNav ul.levelOne li strong
{
color: #093;
font-size: 14px;
}

.bodyNav ul.levelTwo
{
border: none !important;
padding: 0 !important;
margin: 0 0 0 15px !important;
display: inline;
}

.bodyNav ul.levelTwo li
{
border: none !important;
padding: 0 !important;
margin: 0 !important;
}

.bodyNav ul.levelThree
{
border: none !important;
padding: 0 !important;
margin: 0 0 0 25px !important;
}

.bodyNav ul.levelThree li
{
border: none !important;
padding: 0 !important;
margin: 0 !important;
display: inline;
}

.bodyNav a,
.bodyNav a:link,
.bodyNav a:active
{
color: #093;
text-decoration: none;
border: 1px solid #093;
}

.bodyNav a:visited
{
color: #000;
text-decoration: none;
border: 1px solid #000;
}

.bodyNav a:hover
{
background: #fff;
}