body {
	margin: 0;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 135%;
	background-color: #192e53;
	/* background: url("../images/bkgrd-strip2.jpg") repeat-y 50% 0; */
	text-align: center;
}
h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 125%;
	word-spacing: normal;
	letter-spacing: 0.3ex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5588AA;
}
h3 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 105%;
	word-spacing: normal;
	letter-spacing: 0.3ex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5588AA;
}

/* To hide/show text */
.hidden { display: none; }
.unhidden { display: block; }
.crumb { color: #888; font-variant: small-caps; font-style: italic;}

div.pagewrapper {
   text-align: left;
	width: 731px;
	margin: 0 auto; 
	padding:0;
}

#header {
	margin: 0; padding:0;
	position:relative;
	width:725px; height:125px;
	overflow:hidden;
}
#header span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:725px; height:125px;
	margin:0; padding:0;
	background:url("../images/header-new.jpg") top left no-repeat;
}

#content-wrapper {
	margin:0; padding:0;
	background-color: #fff;
	border: 3px solid #000;
}
#content {
	display:block;
	width: 710px;
	padding: 10px;
}

#computersupport { background: url("../images/computer.gif") no-repeat 100% 100%;}
#counselling { background: url("../images/path.jpg") no-repeat 100% 100%;}
#digitalimaging { background: url("../images/photo.jpg") no-repeat 100% 100%;}

.rightpad { margin-right: 210px;}

img.floatLeft { 
    float: left; 
    margin: 4px 8px 4px 0; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}


.developer {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #888888;
	line-height: 135%;
   text-align: center;
}

/* Menu System */
#nav-menu-bar {
   text-align: center;
	margin: 0 auto; 
	padding:0;
	position:absolute; top: 126px; width:725px; height:30px; z-index:1;
	background-color: #284577;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000000;
}
#nav-menu {
	margin: 0 0 0 2px;
}
#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav-menu li {
	float: left;
	margin: 0 0.15em;
}
#nav-menu li a {
	height: 2em;
	line-height: 2em;
	float: left;
	width: auto;
	display: block;
	text-decoration: none;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: 0.2ex;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #284577;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #284577;

}
#nav-menu li a:hover {
	height: 2em;
	line-height: 2em;
	float: left;
	width: auto;
	display: block;
	text-decoration: underline;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	word-spacing: normal;
	letter-spacing: 0.2ex;
	color: #000000;
	background-color: #ffffff;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #5588AA;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5588AA;
}
#nav-menu {
	width:725px;
} 
#nav-menu .active {
	background-color: #77AACC;
	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	cursor:default;
	text-decoration: none;
}	
#nav-menu a:hover.active {
	background: none #77AACC;
	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	cursor:default;
	text-decoration: none;
}

/* set millions of background images */
.rbroundbox { background: url('../images/nt.gif') repeat;  }
.rbtop div { background: url('../images/tl.gif') no-repeat top left; }
.rbtop { background: url('../images/tr.gif') no-repeat top right; }
.rbbot div { background: url('../images/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../images/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; height: 225px;}
.rbroundbox { width: 95%; margin: 1em auto; }

#content1 {
	width: 50%;
	float: left;
}

#content2 { 
	width: 50%;
	float: left;
	height: 1% /* Holly hack for Peekaboo Bug */
}

.servicelist {
	list-style: none;
}

.servicelist li {
	padding: 2px;
}

.servicelist a:link{color:#fff; font-weight:bold; text-decoration:underline}
.servicelist a:active{color:#fff; font-weight:bold; text-decoration:underline}
.servicelist a:visited{color:#fff; font-weight:bold; text-decoration:underline}
.servicelist a:hover{font-weight:bold; text-decoration:underline; letter-spacing: 0.1ex;
}

#1col {
	width: 100%;
	clear:both; 
}

.daisy {
	background:url("../images/daisy.gif") bottom right no-repeat;
}

.bloggroup {
	margin: 0 0 100px 150px;
}
.blog {
	width:45px;
	margin:3px;
	padding: 4px 10px 5px 10px;
	overflow:hidden;
	float: left;
	text-align: center;
	font-size: 90%;
}
.blog img {border: none; text-decoration: none;}
.blog a:link{color:#fff; font-weight:bold; text-decoration:none}
.blog a:active{color:#fff; font-weight:bold; text-decoration:none}
.blog a:visited{color:#fff; font-weight:bold; text-decoration:none}
.blog a:hover{font-weight:bold; text-decoration:underline; letter-spacing: 0.1ex;}

.bloggroup2 {
	margin: 0;
}
.blog2 {
	width:175px;
	margin:3px;
	padding: 4px 10px 4px 10px;
	font-size: 100%;
}
.blog2 img {vertical-align:middle; border: none; text-decoration: none;}
.blog2 a {color:#333366; font-weight:bold;}
.blog2 a:link{text-decoration:none}
.blog2 a:active{text-decoration:underline}
.blog2 a:visited{text-decoration:none}
.blog2 a:hover{text-decoration:underline;}