html, body { margin:0; padding:0; height:100%; font-family: helvetica, arial,  verdana,  sans-serif; width: 100%; text-align: center; }
#wholeBody { min-height:100%; height:100%; position:relative; font-size: 85%; }
html>body #wholeBody { min-height:100%; height: auto; }
body{ background:url("/images/bodybg.png") 0 0 repeat-x; }

#footer { position:absolute; bottom:0; left: 0; width:100%; height:65px; background:#6cf; background: url("/images/footerbg.gif") repeat-x ; } 
#footer p{ text-align: right; padding: 7px; font-size: 70%; color: #888888; }

h2{ font-size: 13pt; }
p, li{ font-size: 10pt; }
h1{ color: #000066; font-size: 21pt; margin-top:2px;}
img{ border: 0;}

#mainBody{ margin: 0 auto 10px auto; padding-bottom: 75px; width: 700px; background-color: transparent; text-align: left;}
#mainLogo{ float: left; margin-top: 10px; margin-bottom:10px;}
p#topNav{ float: right; padding: 0; margin: 40px 0 0 0; }
p#topNav a{ margin: 0px 10px 0 10px;text-decoration: none;color: #000066;font-weight: bold;}
p#topText{ float: right; clear: right; padding: 0; margin: 13px 5px 0 0; width:250px; text-align: right; }

div.topBox{	height: 140px; width: 32%; float: left; text-align: left; padding-top: 15px; }
div.topBox p{ margin: 6px 2px 2px 38px; }
div.topBox img{ float: left; }
div.topBox h2{ font-style: italic; margin: 2px 2px 2px 38px; }
div.topBoxSpacer{	width: 1px;	height: 120px;	margin-top: 20px;	float: left; background-color: white; }

div.largeDarkBox{ padding: 2px; clear: both; width: 695px; text-align: left; color: #000066; background-color:#77abff; position:relative;}
div.largeDarkBox h2{ font-family: verdana, sans-serif; margin: 0; color: white; font-size: 2.5em; }
div.largeDarkBoxLeft{ width: 320px; float: left; border-right: 1px solid #DDDDFF; padding-right: 5px; }
div.largeDarkBoxRight{ width: 300px; margin-left: 10px; padding-left: 10px; float: left;}
div.largeDarkBoxInner{ background: url("/images/darkBox.gif") repeat 0 -408px; padding: 12px; }
div.d-tl{ width: 16px; height: 16px; background: url("/images/darkBox.gif") no-repeat 0 0; position: absolute; top: 0; left: 0;}
div.d-tr{ width: 16px; height: 16px; background: url("/images/darkBox.gif") no-repeat -16px 0; position: absolute; top: 0; right: 0; }
div.d-bl{ width: 16px; height: 16px; background: url("/images/darkBox.gif") no-repeat 0 -384px; position: absolute; bottom: 0; left: 0;}
div.d-br{ width: 16px; height: 16px; background: url("/images/darkBox.gif") no-repeat -16px -384px; position: absolute; bottom: 0; right: 0; }

div.leftBox{ float: left; clear: left; width: 200px; text-align: left; margin:0; padding:5px; }
div.leftBox p{ margin: 6px 2px 2px 38px; }
div.leftBox img{ float: left; }
div.leftBox h2{ font-style: italic; margin: 2px 2px 2px 38px; }

div.homeContent{ background-color:#84b3ff; float: right; clear: none; width: 480px; padding: 1px; position: relative;}
div.pageContent{ background-color:#84b3ff; width:100%; padding: 1px; position: relative; clear: both;}

div.pc1{ background-color: #77abff; padding: 1px; }
div.pc2{ background-color: #83b2ff; padding: 1px; }
div.pc3{ background-color: white; padding: 8px; height: 300px; }
html>body div.pc3{ height: auto; min-height: 300px; }
div.b-tl{ width: 16px; height: 16px; background: url("/images/pageBoxC.gif") no-repeat 0 0; position: absolute; top: 0; left: 0;}
div.b-tr{ width: 16px; height: 16px; background: url("/images/pageBoxC.gif") no-repeat -16px 0; position: absolute; top: 0; right: 0; }
div.b-bl{ width: 16px; height: 16px; background: url("/images/pageBoxC.gif") no-repeat 0 -16px; position: absolute; bottom: 0; left: 0;}
div.b-br{ width: 16px; height: 16px; background: url("/images/pageBoxC.gif") no-repeat -16px -16px; position: absolute; bottom: 0; right: 0; }

.shadow { height: 1em;
/* filter: Shadow(Color=#666666,Direction=135,Strength=4); */
line-height: 0.85em; white-space: nowrap; }
.shadow:before { display: block; margin: 0 0 -0.92em 0.1em; padding: 0; color: #6666AA; }
#shadow_1:before { content: 'Welcome'; }
#shadow_2:before { content: 'Contact Us'; }

.img-computer, .img-servicedesk, .img-webdesign,.img-email, .img-phone, .img-home{ display: block; background-image: url("/images/sprites.gif"); width: 32px; height: 32px; float: left; margin: 0 3px; }
.img-email, .img-phone, .img-home{ margin-right: 10px; }
.img-servicedesk{ background-position: 0 -96px;}
.img-webdesign{ background-position: 0 -64px;}
.img-email{ background-position: 0 -32px;}
.img-home{ background-position: 0 -160px;}
.img-phone{ background-position: 0 -128px;}

table, tr, td{ font-size: 1em; }
table form{ padding: 0;}
a {text-decoration: none;}

a.next{ color: black; font-weight: bold; padding: 10px; margin: 10px 10px 10px 300px; background-color: #E8FFE8; background-image:url(/images/grad_help_t.png); background-repeat: repeat-x; background-position: bottom; border: 1px solid #33AA00; -moz-border-radius: 3px; text-align: center; }