*{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration:none;
vertical-align:top;
border: 0px;
color:#202020;	/* 032048 */
}
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 0px;
background-color:#f8b948;	
font-size:small;
}
a{
color:#270341;	/*032048*/
}
a:hover{
color:#FF3300;
}
a:visited{
color:#270341;
}
.clear{
clear:both;
}
p{
line-height:normal;
margin: 5px 5px 5px 5px;
}
.center{
font-size: 110%;
font-weight:bold;
text-align:center;
/* color:#ffffff;	003366 */
}
noscript{
vertical-align:top;
}
li{
list-style-position:inside;
font-size:90%;
font-weight:bold;
}
.redbold{
color:#FF0000;
font-weight:bold;
}
.bluebold{
color:#003366;
font-weight:bold;
}
.bluebold120{
color:#0000FF;
font-weight:bold;
font-size:120%;
margin: 0px 0px 0px 20px;
}
h1
{
font-size:200%;
font-family:"Times New Roman", Times, serif;
color:#270341;
font-weight: bold;
margin-left: 0px;
}
h2{
font-size:150%;
font-weight:bold;
color:#ca004c;
text-align:center;
margin: 5px 0px 0px 0px;
}
h3{
font-size:130%;
font-weight:bold;
color:#003366;
text-align:left;
margin: 0px 0px 5px 5px;
height:30px;
}
img{
border:0px;
}
.imgL{
float:left;
}
.imgR{
float:right;
margin: 3px 0px 3px 3px;
}
.imgIndex{
margin: 0px 0px 0px 5px;
}
.imgSite{
margin: 5px;
}
.capLge{
font-size:250%;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#4f52d5;
vertical-align:baseline;	/*for IE6*/
}
.capMid{
font-size:150%;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#4f52d5;
vertical-align:baseline;	/*for IE6*/
}
.capSmall{
font-size:120%;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
color:#606060;
vertical-align:baseline;	/*for IE6*/
}
#navTabWrapUpr{
width:100%;
text-align:left;
}
.navBarUpper
{
font-size:80%;
font-weight:bold;
text-align:left;
}
.navBarLower
{
font-size:80%;
font-weight:bold;
text-align:right;
}
#upperNav{
position:relative;	/*needed for IE7*/
border:0px;
margin: 0px 0px -2px 0px; 	/*makes navBar move in from right hand side and makes navBar overlap following element*/
}
#upperNav td{
white-space:nowrap;
}
#upperNav a
{
display:block;
border-bottom:2px solid #270341;
padding: 5px 5px 5px 5px;
}
body#home #upperNav td.tHome, body#webDesign #upperNav td.tWebDesign, body#program #upperNav td.tProgram, body#multimed #upperNav td.tMultimed, body#network #upperNav td.tNetwork, body#system #upperNav td.tSystem, body#cyber #upperNav td.tCyber , body#about #upperNav td.tAbout, body#contact #upperNav td.tContact, body#login #upperNav td.tLogin 
{
background:   url("../img/upprNavTL.gif") top left no-repeat;
white-space:nowrap;
}
body#home #upperNav .tHome a,  body#webDesign #upperNav .tWebDesign a, body#program #upperNav .tProgram a, body#multimed #upperNav .tMultimed a, body#network #upperNav .tNetwork a, body#system #upperNav .tSystem a, body#cyber #upperNav .tCyber a, body#about #upperNav .tAbout a, body#contact #upperNav .tContact a, body#login #upperNav .tLogin a
{
display:block;
color:#ca004c;
background:   url("../img/upprNavTR.gif") top right no-repeat;
border-bottom:0px solid #ffffff;
padding: 5px 5px 7px 5px;
}
#wrapTab1{
width:98%;
position:relative;
left: 10px;
/*left:2%;*/
}
#contWrap1{
padding: 15px 7px 7px 3px;
}
#contTab{
width:100%;
}
#leftNavTD{
width: 200px;
vertical-align:top;
background:  url("../img/lNavSketch.jpg") top center repeat-y;
}
#leftNavTop{
height:303px;
}
#LNBox{
margin: 0px 0px 0px 0px;	/*need this to keep popup background from overlapping prvious element*/
padding: 6px 3px 5px 7px;	
width:190px;
background-color:#ffcc66;
}
.subMenu{	/* creates the background shadow?*/
padding: 1px 0px 0px 10px;
}
.leftNavItem{
font-size:85%;
padding: 0px 0px 3px 3px;
font-weight:bold;
}
.leftNavItem a{
display:block;
}
body#home #LN1, body#webDesign #LN2, body#program #LN3, body#multimed #LN4, body#network #LN5, body#system #LN6, body#cyber #LN7, body#about #LN8, body#contact #LN9, body#login #LN10
{
background:url(../img/arrowL.gif) right top no-repeat;
/*background-color:#f8b948;
border-right: 1px solid #270341;
border-bottom:1px solid #270341;*/
}
body#home #LN1 a, body#webDesign.webDesign #LN2 a, body#webDesign.webOverview #LN2a a, body#webDesign.webSolution #LN2b a, body#webDesign.webCat #LN2c a, body#webDesign.webBasket #LN2d a, body#webDesign.webPay #LN2e a, body#webDesign.webVirtual #LN2f a, body#webDesign.webAudio #LN2g a, body#webDesign.webDynamic #LN2h a, body#webDesign.webForms #LN2i a, body#webDesign.webJavaScrp #LN2j a, body#webDesign.webFlash #LN2k a, body#webDesign.webApplet #LN2l a, body#webDesign.webDBase #LN2m a,  body#webDesign.webWhoami #LN2n a, body#program #LN3 a, body#multimed #LN4 a, body#network #LN5 a, body#system #LN6 a, body#cyber #LN7 a, body#about #LN8 a, body#contact #LN9 a, body#login #LN10 a
{
color:#ca004c;
background:url(../img/arrowSub.gif) right top no-repeat;
}
#centerContTD
{
/*width:50% !important; Mozilla uses this as 'important', IE ignores and uses following value.*/
vertical-align:top;
background:  url("../img/plesketch.jpg") 2px 0px no-repeat;
}
#contTopTab{
width: 100%;
text-align:center;
vertical-align:top;
}
.centerContTxt{
margin: 0px 0px 0px 0px;
}
body#home.homePage #centerA{
text-align:center;
}
.centerContTxt p{
font-size:85%;
font-weight:bold;
margin: 5px 5px 0px 0px;	/*Bizarre: if lower margin positive, centerA background does not fill properly*/
}
.centerContTxt ul{
font-size:100%;
font-weight:normal;
margin: 10px 10px 10px 20px ;
}
#centerContTab{
width: 100%;
border:0px;
}
.tableWeb{
width:100%;
border:0px;
text-align:center;
vertical-align:top;
margin: 0 auto;
background-color:#ffcc66;
}
.tableWeb p{
text-align:left;
margin:0px 0px 0px 0px;
}
.tableHeader{
font-weight:bold;
text-align:center;
}
.tablePara{
text-align:justify;
}
.centerTab{
width:100%;
text-align:justify;
vertical-align:top;
border:0px;
margin: 0px 0px 0px 0px;
}
.centerTabRow{
background:url(../img/spcBrwnLine.gif) 10px top no-repeat;
height: 2px;	/*for Safari, need to add in html as well*/
}
.indexItem{
margin:0px 0px 0px 0px;
}
body#webDesign.webApplet #javaVer {
visibility:visible;
}
body#webDesign.webApplet #javaVerAlt{
visibility:hidden;
}
#carteContact{
width: 100%;
text-align:center;
margin: 0 auto;
}
.carteContactNS{
width: 100%;
text-align:center;
}
#lowerNav{
position:relative;
margin: -2px 20px 0px 0px; 	/*makes navBar move in from right hand side and makes navBar overlap previous element*/
}
#lowerNav td{
white-space:nowrap;
}
#lowerNav a
{
display:block;
border-top:2px solid #270341;
padding: 5px 5px 5px 5px;
}
body#home #lowerNav td.tHome,  body#webDesign #lowerNav td.tWebDesign, body#program #lowerNav td.tProgram, body#multimed #lowerNav td.tMultimed, body#network #lowerNav td.tNetwork, body#system #lowerNav td.tSystem, body#cyber #lowerNav td.tCyber, body#about #lowerNav td.tAbout, body#contact #lowerNav td.tContact, body#login #lowerNav td.tLogin
{
background:   url("../img/lowerNavBL.gif") bottom left no-repeat;
white-space:nowrap;
}
body#home #lowerNav .tHome a,  body#webDesign #lowerNav .tWebDesign a, body#program #lowerNav .tProgram a, body#multimed #lowerNav .tMultimed a, body#network #lowerNav .tNetwork a, body#system #lowerNav .tSystem a, body#cyber #lowerNav .tCyber a, body#about #lowerNav .tAbout a, body#contact #lowerNav .tContact a, body#login #lowerNav .tLogin a
{
display:block;
color:#ca004c;
background:   url("../img/lowerNavBR.gif") bottom right no-repeat;
border-top:0px solid #ffffff;
padding: 7px 5px 5px 5px;
}
#footer
{
font-size:80%;
text-align:center;
vertical-align:middle;
color:#666666;
}