﻿a {
    text-decoration:none;
    color:#070;
}

.miniheader ul {
    float:right;
}

.miniheader ul li{
    display:inline;
}

.miniheader ul li a:hover{
    color:#FC0;
}

#header { 
    height: 65px;
}
 h1 { 
    background: url(images/BrianODbannerlong.png) no-repeat; 
	margin: 0;
	width: 100%;
	height: 64px;
	font-size: 36px;
	line-height: 56px;
	cursor: default;
	text-align: left;
	font-weight: normal;
	text-transform:uppercase;
	text-indent:-1000em;
}

h2 {
    color:#070;
	margin: 0px;
	padding: 12px 25px 6px 25px;
	font-size: 14px;
	/*color: #04070D;*/
	text-decoration: none;
}

h2 a {
    font-size:10px;
    font-weight:normal;
    text-decoration:none;
    color:#070;
    cursor: pointer;
}

h2 a:hover {
    font-size:10px;
    font-weight:normal;
	text-decoration: underline;
    cursor: pointer;
}



h3 {
    width:480px;
	margin: 0px;
	padding: 12px 25px 3px 25px;
	font-size: 12px;
	color: #54575D;
	text-decoration: none;
}

h5 {
    font:18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
    color:#070;
    padding:7px 18px 0px 23px; 
    line-height: 16px;
}

h1 span {
	color: #A5FFC4;
}

p {
	margin: 0px;
	padding: 3px 25px 10px 25px;
	line-height: 1.6em;
}

ul {
	padding: 3px 25px 10px 40px;
	line-height: 1.6em;
	margin: 0px;
}


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


#pagecontainer {
	
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: justify;
	position: relative;
	width: 699px;

}

#maincontent {
    clear:right;
	display: block;
	margin: 0px;
}

#sidebar {
	width: 170px;
	float: right;
	display: inline;
	margin: 45px 25px 50px 10px;
	text-align: left;
	position: absolute;
	top: 50px;
	right: 0px;
	left: 510px;
}

body { 

	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #eee  url(images/edge.gif) repeat-y center;
	color: #000000;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	position: relative;
}


ul#nav {
    float:left;
    position: relative;
	display: block;
	height: 25px;
	 width: 100%;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	list-style-type: none;
	background: #e7e7e7;
	
}



ul#nav li { display: inline;  text-align: center;}

ul#nav li a {
	display: inline;
	float: left;
	position:relative;
	background:  no-repeat 9px 5px;
	padding: 1px 10px 0px 10px;
	border-left: 1px solid #D7D7D7;
	border-right: none;
	color: #333;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
	height:24px;
}

ul#nav img {
	position: relative;
	top: 4px;
	left: -3px;
}


ul#nav li a#home {
	text-align:center;
    border-left: none;

}

ul#nav li a#hardware {
	text-align:center;
}

ul#nav li a#intranet {
	text-align:center;
}

ul#nav li a#shopping {
    text-align:center;
}

ul#nav li a#menahel {
    text-align:center;
}

ul#nav li ul {
    padding:0px 0px 0px 130px; 
    width: 86px; 
    display: none;
}

ul#nav li a#menahel:hover ul{
    visibility: visible; 
    display: block; 
    position:absolute;
}

ul#nav li a#about {
	text-align:center;
}

ul#nav li a#staff {
	text-align:center;
    width: 59px;
}
ul#nav li a#contact {
	text-align:center;
    width: 59px;
}

ul#nav li a#support {
    text-align:center;
}

ul#nav li a:hover {
    height:24px;
    color: #070;
	background: url(images/hovergrad.gif) repeat-x 0px 0px;
	border-bottom:#222;
	border-right:#222;

}

ul#nav li a#contact:hover {
	border-right: 1px solid #D7D7D7;
}



ul#nav li a.active {
    height:24px;
	background: #f8f9fb;
	cursor: default;
}

ul#nav li a.active:hover {
	height: 24px;
	color: #333;
	cursor: default;
}



ul#nav li a#support.active {
	border-right: 1px solid #D7D7D7;
}

img {
	border: none;
	margin: 0px;
	margin-right: 0px;
}

img.leftaligned {
	margin: 5px 10px 5px 0px;
}

img.rightaligned {
    float:right;
    top:40px;
    left:8px;
	position: absolute;
}

.centeralign {
	text-align: center;
}

.centeralign img {
	margin: 0px 4px;
}

.companygreen {
    display:inline;
    color:#070;
}

.front {
    font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 25px;
}

.twoup {
float:left;
width:48%;
border:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.lowerstretch {
width:100%;
height:230px;
clear:left;
}

.darkgreen {
    display:inline;
    color:#010;
}


#copyright {
	font-size: 10px;
	text-decoration: none;
	color: #8C8C8C;
	text-align: center;
	padding: 8px;
	margin: 20px 20px 0px 20px;
}


#bigone {
	position: absolute;
	top: 130px;
	left: -60px;
}
#bigzero {
	position: absolute;
	top: 430px;
	left: -52px;
}

#bigoneright {
	position: absolute;
	top: 430px;
	right: -60px;
}

#bigzeroright {
	position: absolute;
	top: 130px;
	right: -52px;
}

table {
    margin-left:auto;
    margin-right:auto;
    border: 1px dashed #51a125;
    width:90%
   
}

th {
    padding:0px 0px 2px 0px;
    background:#64af35;
    color:white;
    border-bottom: 1px solid #D7D7D7;
}

td {
    padding:4px;
}