body {
background: #fff;	
height: auto;
margin: 0; padding: 0;
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
text-align: left;
}

img, a img {
border: 0;
text-decoration: none;
}
a {
text-decoration: none;
font-weight: bold;
color:  #1119C2;
}
a:hover {
color:  #000;
}
a:active {
color:  #c00;
}


#outerwrap {		/*this is a hack space to hold the bgd graphics*/ 
position: absolute;
z-index: 1;
left: 50%; top: 0;
width: 880px;
margin: 0 0 0 -440px;
height: 53em;
}
#wrap {
position: relative;
z-index: 2;
left: 50%;
width: 820px;
margin: 0 0 0 -410px;
height: 53em;
overflow: auto;
padding-bottom: 10em;
border: 1px solid #96e379;
border-width: 0 0 1px 1px;
}

#wrap #banner {
width: 100%;
height: 200px;
margin: 0;
padding: 0;
}
/*#banner img {
margin: 14px 0 0 12px;
}*/
#wrap #banner h1 {
background: url(art/GCC-logotype.png) no-repeat 12px 14px;
text-indent: -9999px;
width:  342px;
height:  109px;
padding: 0;
margin: 0;
}

#wrap #nav {
position: absolute;
top: 114px;
right: 0;;
width: auto;
border: 1px solid #bbb;
margin: 0; padding: 0 0 0 2em;
background-color: #ececec;
}

#wrap #leftcol {
position: absolute;
z-index: 5;
top: 235px;
left: 0;
width: 320px;
height:  auto;
margin: 0; padding: 0;
}
#wrap #rtcol {
position: absolute;
top: 314px;
left: 340px;
width: 450px;
height:  auto;
margin: 0; padding: 0;
}

#wrap #concerts {
position: absolute;
top: 200px;
right: 0;
width: 160px;
margin: 0; padding: 0 0 0 4px;
/*background-color: #FADC97;*/
background-color: #5BD1D6;
}

#wrap #footer {
text-align: center;
font: 12px/17px "Lucida Grande", Lucida, Arial, Helvetica, Verdana, sans-serif;
}

/*background art*/

#outerwrap #lime {
position: absolute;
top: 320px;
left: -20px;
background: url(art/lime_bgd_block.png) no-repeat;
width: 200px; height: 224px;
}

#outerwrap #violet {
position: absolute;
top: 196px;
left: 600px;
background: url(art/violet_bgd_block.png) no-repeat;
width: 280px; height: 75px;
}
#outerwrap #logo {	/* watermelon logo */
position: absolute;
top: 210px;
left: 486px;
background: url(art/logo-watermelon_x160.jpg) no-repeat;
width: 160px; height: 108px;
}
#outerwrap #yellow {
position: absolute;
z-index: 1;
top: 230px;
left: 0;
background: url(art/yellow_bgd_circle.png) no-repeat;
width: 166px; height: 166px;
}
#yellow2 {	
position: relative;
left: 50%;
margin: 0;
height: 50em;
top: 230px;
left: 0;
background: url(art/yellow_bgd_circle.png) no-repeat;
width: 200px; height: 166px;
}


/*type*/

h1,h2,h3,h4,h5,h6 {
font-family: Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif;
line-height:  1.15em;
margin: 1.8em 0 .25em 0;
color: #000;
}

h1 {
font-family:  georgia, arial, helvetica, sans-serif;
font-size: 1.9em;
padding: .7em 0 0 .6em;
margin-bottom: 1em;
}
h2 {
font-weight: normal;
font-size: 1.7em;
text-align: center;
font-family:  Georgia, "Times New Roman", Times, serif;
margin-top: 2.4em;
}
h3 {
font-size: 1.25em;
color: #074711;
	}
h4 {
font-size: 1.12em;
}
h5 {
font-size: .9em;
margin: 1em 0 .25em .5em;
letter-spacing: .09em;
}
h2 big {
font-style: italic;
font-size: 1.15em;
}

p, ul, ol, li {
font: 13px/1.4 Georgia, "Times New Roman", Times, serif;
color: #390005;
margin: 0 0 1em;
}
p.intro {
font-size: 1.08em;
}

#wrap #rtcol p {	/*hack for long url at bottom; this gives desired measure*/
padding-right: 150px;
}

#banner p {
width: 440px;
font-family: Arial, Helvetica, Verdana, "Lucida Grande", Lucida, sans-serif;
float: right;
padding: 40px 0 0;
}
.rt {
text-align: right;
}
td {
font: 12px/15px Arial, Helvetica, Geneva, sans-serif;
vertical-align: top;
padding: 5px 0 5px 8px;
}


.hilite {
background-color: #fdebb2;
}

ul { /*with bullets*/
list-style-type: disc;
margin: 1em 0 0 0;
}
ul.plain {
padding: 0;
list-style-type: none;
}
li {
margin: 0 0 0 2em;
list-style-type: none;
padding: 0 0 .4em;
}


/*navbar*/

#nav a {
font: 11px/22px  verdana, arial, helvetica, sans-serif;
font-weight: normal;
color: #333;
border-left: 6px solid #c00;
padding: 0 3em 0 7px;
}
#nav a:hover {
color: #c00;
border-left: 6px solid #fc0;
padding: 0 3em 0 7px;
}
#nav a:active, #nav a.current {
color: #000;
border-left: 6px solid #c00;
padding: 0 3em 0 7px;
}
#nav a.current {
font-size: 1.02em;

font-weight: bold;
border-left: 12px solid #fc0;
padding: 0 2.5em 0 7px;
}