*{margin:0; padding:0}
body {font-family:Arial, Helvetica, sans-serif; font-size:70%;/* background:url(../images/gridUnit.gif) repeat;*/}
#wrapper {min-width:1002px; width:90em }
a:link, a:visited {color: #4CA6FF; text-decoration:none;}
a:hover, a:active {color: #005AAD; text-decoration:none;}

#graphicFront {margin:0 0 0 52px; width:896px;}
#graphicFront .troxler { background-color:#5A8BED; float:left; width:.5em; height:.5em; overflow:hidden; color:#6699FF; font:bold 108px "Arial Black"; border-bottom:1px solid #6699FF; border-right:1px solid #6699FF;}
#graphicFront .troxler span {float:left; z-index:1000}
#graphicFront a.normalLink {display:block; clear:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#fff; margin:0; padding:5px 50px 50px 5px;}

#header {width:100%; height:56px;/*2 grid units*/ background-color:#6699FF;}
#header .textImage{ margin:12px 14px 0 14px; border:0}

#navList {float:left; width:196px; padding-right:28px; margin-top:56px; line-height:27px;/*subtract 1px to compensate for 1px border on list*/ color:#666; font-weight:bold}
#navList li {list-style-type:none; padding:0 0 0 11px; border-bottom:1px dotted #ccc;}
#navList li a {padding:2px;}

a.selected {color:#000;}

#middle {float:left; width:532px; margin-bottom:38px;}
#middle .horizontalNav {margin:7px 0 14px 0; height:22px}
#middle .horizontalNav li {display:inline; padding:6px 8px; border-left:1px dotted #ccc;}
#middle .horizontalNav li.not a {color:#ccc}
#middle .horizontalNav li a {padding:2px; }
#middle .projectTitle {}
#middle h1 { margin-right:.5em; color:#333; font:normal 2.3em "Baskerville","Times New Roman",Times,serif; margin-top:-6px; float:left; height:42px}
#middle .intro {width:22em; color:#333; font:normal 2.3em/1.1em "Baskerville","Times New Roman",Times,serif; letter-spacing:.03em; margin-left:7px; margin-top:20px;}
#middle .intro sup {font-size:.35em; }
#middle p {margin:.6em 0}
#middle .clientWrapper {width:66em; clear:both}
#middle ul.clients {float:left; width:14em; margin-right:2em; font:normal 1.3em/1.1em "Baskerville","Times New Roman",Times,serif;}
#middle ul.clients li {list-style:none; margin-bottom:.5em}

#middle .tabbernav { list-style-type:none; float:left;}
#middle .tabbernav li{ display:block; float:left; margin-left:6px;}
#middle .tabbernav li a{ display:block; text-decoration: none; padding:2px 4px; border:1px solid #4CA6FF;/*blue*/ background-color:#fff; }
#middle .tabbernav li a:hover{ background-color:#fff; border:1px solid #005AAD;/*dark blue*/ }
#middle .tabbernav li.tabberactive{ background-color:#fff; }
#middle .tabbernav li.tabberactive a{ /*selected main tab style */ border:1px solid #333; color:#333 }
#middle .tabbernav li.tabberactive a:hover{ /*selected main tab style */ text-decoration: none; }
#middle .tabbertab img {margin-bottom:7px; width:532px; height:420px; }
#middle .tabbertab h6 {font:normal 1.4em/1.5em "Baskerville","Times New Roman",Times,serif; color:#333; }
#middle .tabbertab {margin-bottom:20px; clear:left;}

#middle .newsContainer { margin-bottom:30px; padding:0}
#middle .newsContainer img { float:left; padding:10px 10px 10px 0; border:0}
#middle .newsContainer h3 { margin:10px 0 4px 0; color:#bbb}
#middle .newsContainer h2 { color:#333; font:normal 2.3em "Baskerville","Times New Roman",Times,serif; margin-top:-14px}
#middle .newsContainer .blogPost {font:normal 1.2em/1.3em "Baskerville","Times New Roman",Times,serif; color:#777;}

#middle .categoryMatrix {clear:both; height: 0.1%;/*double margin IE bug fix*/; width:600px}
#middle .categoryMatrix img {width:166px; height:133px; border:1px solid #fff; margin:0 11px 14px 0; }
#middle .categoryMatrix img:hover {border:1px dotted #4CA6FF }

form#contact {text-align:right; float:left; margin-right:56px}
form#contact div {margin-bottom:1em}
form#contact input {width:200px; margin-left:14px}
form#contact textarea {width:200px; margin-left:14px}
form#contact span {vertical-align:top}
form#contact sup {font-size:1em; color:#CC3300; vertical-align:top}

#right {float:left; margin:10px 0 0 28px;}
#right .wrapper {margin-top:70px; min-width:200px; width:18.5em}
#right h3 {padding-top:25px;}
#right p {font:normal 1.2em/1.3em "Baskerville","Times New Roman",Times,serif; color:#777; margin:7px 5px 5px 0;}
#right ul.descriptText {font:normal 1.2em/1.3em "Baskerville","Times New Roman",Times,serif; color:#777; padding-left:14px; margin:7px 5px 5px 5px;}
#right ul.descriptText li {list-style-image:url(../images/listBullet_square.gif); margin-bottom:7px;}
#right ul {list-style:none; color:#777}
#right ul li {margin:.6em 0}

h3 {font-weight:bold; font-size:.8em; letter-spacing:.3em; color:#333; text-transform:uppercase;}

#footer {clear:both; padding:28px 0; width:97%; color:#999; height:126px;} 
#footer .border {display:block; border-top:1px dotted #ccc}
#footer .white a {color:#fff}
#footer .white a:hover, a:active {color:#000066}
#footer ul {float:left; margin-left:784px; font:normal .8em/2em Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; letter-spacing:.05em; display:inline;}
#footer ul li {list-style:none}

.transON{filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.transOFF{filter:alpha(opacity=100); -moz-opacity:1; opacity:0.9999;/*not 1, safari hack*/ }

.sIFR-flash {visibility: visible !important; }
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden;}  

/* added by Ann */
.postTitle a {
	color: #333;
}

.postTitle a:hover {
	text-decoration: underline;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.alignleft {
	float: left
}

.alignright {
	float: right;
}

.footerline {
	display: block;
	border-top: 1px dotted #ccc;
}