/*colours
dark green #006666;
cyan #00cccc;
lime #b3d237;
dark pink #ee4b9c;
*/

html,body {
margin-top:0px; 
margin-left:0px; 
margin-bottom:0px; 
margin-right:0px;
background-color:#ffffff;
height:100%;
font-size:82%;
vertical-align:top;
}

td
{
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:1em;
vertical-align:top;
}

div
{
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:1em;
vertical-align:top;
}

div.main
{
width: 760px;
background-color: #ffffff;
top:-10px;
text-align:left;
margin: 1em auto;		
position:relative;	
vertical-align:top;
}

#index
{
height:810px;	
}

#services
{
height:1000px;	
}

#graphics
{
height:1490px;	
}

#sites
{
height:1630px;	
}

#flash
{
height:1270px;	
}

#terms
{
height:1050px;	
}

#links
{
height:1000px;	
}

#about
{
height:700px;	
}

#contact
{
height:700px;	
}

#head
{
height:124px;
width:760px;
position: absolute;
left:0px;
top:0px;
background-color:#ffffff;
}

td.strap
{
text-align:right; 
width:580px;
font-size: 1.2em;
color: #006666;
font-weight:bold;
vertical-align: middle;
height:85px;
padding-right:10px;
}

td.navcell
{
width:84px;
border-right:1px solid #00cccc;
height:15px;
text-align:center;	
}

td.navcella
{
width:84px;
border-right:1px solid #00cccc;
border-left:1px solid #00cccc;
height:15px;
text-align:center;	
}

#ban
{
z-index:0;
top:124px;
left:0px;
position:absolute;	
/*background-image:url(images/banner1.jpg);*/
background-color:#ffffff;
background-repeat:repeat-x;
/*background-position: 0px 124px;*/
height:600px;
width:760px;
visibility:visible;
}

#news
{
height:244px;
width:200px;
background-color:#ffffff;
border:2px solid #b3d237;
top:430px;
left:14px;
padding:6px;
overflow:auto;
position:absolute;
}

#welcome
{
height:192px;
/*width:716px;*/
width:456px;
background-color:#ffffff;
/*background: rgba(255, 255, 255, 0.7);*/
border:2px solid #b3d237;
top:200px;
left:14px;
padding:6px;
overflow:auto;
position:absolute;
}

#vector
{
height:107px;
width:226px;
background-color:#ffffff;
border:2px solid #b3d237;
top:430px;
left:244px;
padding:6px;
overflow:auto;
position:absolute;
}

#cafe
{
height:107px;
width:226px;
background-color:#ffffff;
border:2px solid #b3d237;
top:430px;
left:503px;
padding:6px;
overflow:auto;
position:absolute;
}

#gcu
{
height:107px;
width:226px;
background-color:#ffffff;
border:2px solid #b3d237;
top:567px;
left:244px;
padding:6px;
overflow:auto;
position:absolute;
}

#zazzle
{
height:107px;
width:226px;
background-color:#ffffff;
border:2px solid #b3d237;
top:567px;
left:503px;
padding:6px;
overflow:auto;
position:absolute;
}

#valid
{
position:absolute;	
height: 100px;            
background-color:#ffffff;
width:726px;	
left:14px;
top:728px;
}

#bottom
{
position:absolute;	
height: 20px;            
background-color:#ffffff;
width:760px;	
left:0px;
bottom:0px;
}

div.txt
{
width:720px;
position:absolute;
padding: 6px;
background-color:#ffffff;
height:auto;
left:14px;
top:138px;
overflow:auto;
}

#portm
{
visibility: hidden;
left:338px;
top:100px;
width:86px;
background-color:#ffffff;
z-index:10;
position:absolute;
}

td.drop
{
border-bottom: 1px solid #00cccc;
padding-left:2px;
height:15px;
}

table.droptb
{
border-left: 1px solid #00cccc;
border-right: 1px solid #00cccc;
border-top: 1px solid #00cccc;
width:86px;
}

h1
{
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:1.3em;
vertical-align:top;
font-weight: bold;
}

h2{
font-family:verdana, arial, sans-serif;
color: #000000;
font-size:1.2em;
vertical-align:top;
font-weight: bold;
}

a {
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:1em;
text-decoration:underline;
}

a:visited {
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:1em;
text-decoration:underline;
}

a:hover {
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:1em;
text-decoration:none;
}

a.nav {
font-family:verdana, arial, sans-serif;
color: #ee4b9c;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.nav:visited {
font-family:verdana, arial, sans-serif;
color: #ee4b9c;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.nav:hover {
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

a.nav2 {
font-family:verdana, arial, sans-serif;
color: #ee4b9c;
font-size:11px;
text-decoration:none;
}

a.nav2:visited {
font-family:verdana, arial, sans-serif;
color: #ee4b9c;
font-size:11px;
text-decoration:none;
}

a.nav2:hover {
font-family:verdana, arial, sans-serif;
color: #006666;
font-size:11px;
text-decoration:none;
}