* {
     padding:0;
     margin:0;
}
body {
     text-align: center;
     margin: 0px;
     padding: 0px;
     background-color: #ffffff;
}

.container {
     width: 900px;
     margin-left: auto;
     margin-right: auto;
     border-left: solid #993399 2px;
     border-right: solid #993399 2px;
}

img {
     margin: 10px;
     margin-bottom: 0;
}

.head {
     position: relative;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 76px;
     background-color: #993399;
     text-align: center;
     font-size: 30pt;
     color: #ffffff;
}

.nav {
     position: relative;
     width: 100%;
     line-height: 25px;
     background: url(blue.jpg) repeat-x;
     text-align: center;
     font-size: 14pt;
}

.nav a {
     background: url(images/blue.jpg);
     text-decoration: none;
     height: 25px;
     padding: 0px 4px 0px 2px;
     color: #fff;
}

.current a {
     background: url(images/quartz.jpg);
     text-decoration: none;
     height: 25px;
     padding: 0px 4px 0px 2px;
     color: #000;
}

.nav a:hover {
     background: url(images/quartz.jpg);
     text-decoration: none;
     height: 25px;
     padding: 0px 4px 0px 2px;
     color: #000;
}

.content {
     position: relative;
     text-align: left;
     left: 0px;
     top: 0px;
     width: 700px;
     margin-left: 20px;
     margin-right: 20px;
     padding: 5px;
     background-image: url(cclogo1.gif);
     background-repeat: no-repeat;
     background-position: bottom left;
}

li			{

	list-style-image:url(smallblue.gif);
        padding:5px;
	margin-left:45px;

	font-weight: 600;

			}

.foot{position:relative;bottom:0px;right:0px;background-color:#993399;color:00ff00;margin-left:0px;height:50px;width:100%;text-align:center;cursor:pointer;}
.foot a:link{text-decoration:none;color:#0000ff;}
.foot a:active{text-decoration:none;color:#0000ff;}
.foot a:visited{text-decoration:underline;color:#0000ff;}
.foot a:hover{text-decoration:none;color:#ffffff;}

p			{

	margin-left:50px;
        padding:5px;
	text-align:justify;

			}

.list		{

	margin-left:50px;
        padding:5px;text-align:left;
			}

a:hover		{

	color:#ff0000;

	font-weight: 900;

			}

.column1	{

position:relative;

float:left;

margin:20px;

width:200px;

height:450px;

overflow:auto;

border-style:ridge;

border-width:2px;

			}

.column2	{

position:relative;

float:left;

width:400px;

height:500px;
		}
.clear {clear:both;}
.button {
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.5);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fffbf9;
border: solid 1px #980401;
background: #c50503; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#ff8a50), to(#c30000)); /* For Webkit Browsers */
background: -moz-linear-gradient(top, #ff8a50, #c30000); /* for Firefox */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8a50', endColorstr='#c30000'); /* for IE */
}
.button:hover {
background: #c50503;
background: -webkit-gradient(linear, left top, left bottom, from(#c30000), to(#ff8a50));
background: -moz-linear-gradient(top, #c30000, #ff8a50);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c30000', endColorstr='#ff8a50');
}
.button:active {
border: solid 1px #ec3331;
color: #f9baae;
background: -webkit-gradient(linear, left top, left bottom, from(#dc3921), to(#ffb36a));
background: -moz-linear-gradient(top, #dc3921, #ffb36a);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3921', endColorstr='#ffb36a');
}