@charset "UTF-8";
body  {
	font-family: "veranda", sans-serif;
	font-style:normal;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;
}

.content {
border:5px #006 solid;
text-align:justify;
min-height:300px;
width:400px;
margin: 10px 5px 0px 360px;
background-color:#FFFFFF;
color:#000000;
position:relative;
}

#content h1 {
padding-right: 0px;
padding-left: 0px;
font-weight: 900;
font-size: 1.6em;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
text-align:center;
width:400px;
margin-left: 0px;
color:#ffffff;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #999999;
background-color:#006;
border-top: 7px #006 solid;
background-image:url(images/padlock40x43.png);
background-position:right;
background-repeat:no-repeat;
}

.cool h1 {
padding-right: 0px;
padding-left: 0px;
font-weight: 900;
font-size: 1.6em;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
text-align:left;
width:280px;
margin-left: 0px;
padding-top: 7px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #999999;
}


a {
	text-decoration:none;
	color:#00C;
}

a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}

#logo {
position:absolute;
top:0px;
left:0px;
}

#logo h1 a {
display: block;
z-index:1;
text-indent: -5000px;
position:absolute;
width:100px;
height:74px; 
top:0px;
border:none;
background-image:url(images/alarm100x74.png);
margin-top:5px;
margin-left:5px;
}

.bl3 {background:url(images/bl.png) 0 100% no-repeat #006; width:20em; text-align:center} 
.bl2 {background:url(images/bl.png) 0 100% no-repeat #006; width:20em; text-align:center; padding:10px}
.bl {background:url(images/bl.png) 0 100% no-repeat; width:20em; text-align:center}
.br {background:url(images/br.png) 100% 100% no-repeat}
.tl {background:url(images/tl.png) 0 0 no-repeat}
.tr {background:url(images/tr.png) 100% 0 no-repeat}
.tr2 {background:url(images/tr.png) 100% 0 no-repeat; padding:10px}
img {border:0}

#bluebar {
position:absolute;
background-color:#00C;
height:90px;
top:0px;
left:0px;
width:100%;
z-index:-4;
}

#centerit {
margin: 0px auto 45px auto;
text-align:center;
min-height:400px;
width:780px;
position:relative;
}

#toplinkbar {
margin-top:90px;
padding-top:4px;
padding-bottom:4px;
border-bottom: solid black thin;
color:#00C;
background-color:#F90;
}

#bottomlinkbar {
border-top: solid black thin;
position:fixed;
background-color:#F90;
min-width:800px;
color:#00C;
font-size:12px;
left:0px;
margin:0px auto 0px auto;
width:100%;
bottom:25px;
}

.linkbar {
background-color:#66F;
}

#sidebar {
position:relative;
float:left;
width:300px;
min-height:615px;
margin:0px 0px 0px 10px;
}

.cool {
border:15px #006 solid;
margin-top:10px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
color:#000000;
text-align:left;
background-color:#FFFFFF;
}



#tech {
text-align:justify;
min-height:300px;
width:370px;
margin: 10px 5px 0px 360px;
background-color:#FFFFFF;
position:relative;
}

.foot {
background-color:#006;
margin-bottom:0px;
padding-bottom:0px;
color:#FFFFFF;
bottom:0px;
font-size:12px;
position:fixed;
vertical-align:bottom;
padding-left:5px;
padding-right:5px;
}

#footer {
min-height:25px;
min-width:800px;
width:100%;
left:0px;
} 

#footer-mid {
width:100%;
bottom:0px;
margin-left:auto;
margin-right:auto;
}

#footer-right {
right:0px;
}

#footer-left {
left:0px;
}

ul {
list-style:none;
}

li {
font-style:italic;
font-weight:bold;
padding-top:25px;
}

#manuallist ul {
list-style:none;
font-weight:bold;
}

#manuallist li
{
font-weight:normal;
padding-top:5px;
font-style:italic:
}

#manuallist
{
float:left;
margin-left:10px;
min-height:400px;
margin-bottom:50px;
}

#centerit a:hover {
text-decoration:underline;
color:black;
}