body {
margin:0;
font-family: Arial, Helvetica, sans-serif;
}

#page {
margin:auto
}

#sitecontainer {
margin:0px 0px 0px 0px;
width:1000px;
}

#banner {
background-image:url(images/banner-bkg.jpg);
background-position:left;
background-repeat:no-repeat;
background-color:#FFFFFF;
height:110px;
}

#banner #cmc {
width:212px;
height:45px;
float:right;
margin:56px 10px 0px 0px;
padding:0;
text-align:right;
}

#banner #logo {
width:300px;
float:left;
margin:0px 0px 0px 30px;
padding:0;
text-align:right;
}

#banner #logo h1{
font-family:"Times New Roman", Times, serif;
font-size:42px;
color:#0653A0;
margin:20px 6px 0px 0px;
font-weight:normal;
}

#banner #logo h2{
font-family:"Times New Roman", Times, serif;
font-size:14px;
letter-spacing:1px;
color:#333333;
margin:0px 6px 0px 0px;
}

#menucontainer {
position:relative;
background-image:url(images/menu-bkg.jpg);
height:40px;
border-right:thin inset #eeeeee;
}
/*see dropdown menus below for actual menu items */

#left {
margin:0;
padding:0;
width:50px;
float:left;
/*background-image:url(images/left-slogan.jpg);
background-position:top;
background-repeat:no-repeat; */
background-color:#000000;
min-height:600px;
}

#centre {
margin:0;
padding:0;
width:313px;
float:left;
background-image:url(images/centre-bkg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#FFFFFF;
}

#centre h1{
font-size:large;
color:#0653A0;
margin:0px 0px 0px 14px;
}

#centre ul,li{
list-style:disc;
font-size:medium;
color:#333333;
margin:10px 10px 0px 20px;
}

#right {
float:left;
background-image:url(images/centre-bkg.jpg);
background-position:top;
background-repeat:repeat-x;
margin:0px 0px 0px 0px;
padding:0;
width:634px;
background-color:#FFFFFF;
border-right:thin inset #666666;
}

#right #top{
background-image:url(images/sub-menu-bkg.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#000000;
height:52px;
}

#right #top #submenu{
width:200px;
float:right;
padding:20px 20px 0px 0px;
text-align:right;
}

#right #top #submenu a{
color:#FFFFFF;
text-decoration:none;
padding:0px 0px 0px 14px;
}

#right #top #submenu a:hover{
color:#FFFFFF;
text-decoration:none;
}

#right #title{
width:625px;
float:right;
background-color:#000000;
height:50px;
border-left:thin inset #FFFFFF;
}

#right #title h1{
font-size:x-large;
color:#eeeeee;
margin:12px 0px 0px 10px;
}

#right #content{
width:625px;
float:right;
background-color:#FFFFFF;
min-height:400px;
border-left:thin inset #666666;
border-bottom:thin inset #666666;
padding-bottom:10px;
}

#right #content p{
font-size:small;
color:#333333;
margin:10px 10px 0px 20px;
}

#right #content li{
font-size:small;
color:#333333;
margin:10px 10px 0px 20px;
}

#right #content h2{
font-size:medium;
color:#333333;
margin:10px 10px 0px 20px;
}

#right #content h3{
font-size:small;
color:#333333;
margin:10px 10px 0px 20px;
}

#right #content a{
color:#0653A0;
}

#right #content a:hover{
color:#CC6600;
}

#right #content #imgcontainer{
width:210px;
float:right;
background-color:#eeeeee;
margin:12px 12px 10px 10px;
padding:0px 0px 10px 0px;
color:#0653A0;
}

#right #content #imgcontainer p{
font-size:medium;
font-weight:bold;
margin:10px 8px 0px 8px;
}

#footer {
font-size:x-small;
background-color:#000000;
color:#999999;
padding:6px 0px 10px 0px;
text-align:center;
}
#footer a{
font-size:x-small;
color:#999999;
}

#admincontent {
width:900px;
float:right;
border-top:2px solid #cccccc;
border-right:1px solid #cccccc;
margin-right:1px;
}

#admincontent hr{
color:#dddddd;
size:1px;
}


/*dropdown menus */
#cssdropdown {
font-size:x-large;
position:absolute;
padding: 0px 0px 0px 60px;
margin: 0px 0px 0px 0px;
list-style: none;
z-index:99999;
}

#cssdropdown ul {
font-size:x-large;
position:absolute;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
z-index:99999;
}

#cssdropdown li {
float: left;
position: relative;
margin:0;
z-index:99999; 
color:#0653A0;
list-style: none;
}

.mainitems{
font-size:x-large;
background-color: none;
z-index:99999;
padding:10px 34px 0px 34px;
}

.mainitems a{
font-size:large;
padding: 0px 0px 0px 0px; 
text-decoration: none; 
color:#0653A0;
z-index:99999;
}

.mainitems a:hover{
font-size:large;
padding: 0px 0px 0px 0px; 
text-decoration: none; 
color:#333333;
z-index:99999;
}

.subuls{
padding:0;
display: none;
width: 235px;
position: absolute;
top: 1.4em;
left: 0;
background-color: #eeeeee;
border: 2px solid #333333;
z-index:999999;
}

.subuls li{
padding:2px 10px 2px 10px;
width: 90%;
text-align:left;
margin:2px 10px 2px 10px;
z-index:99999;
}

.subuls a{
font-size:small;
padding: 0px 0px 0px 0px; 
text-decoration: none; 
color:#0653A0;
z-index:99999;
}

.subuls a:hover{
font-size:small;
padding: 0px 0px 0px 0px;
text-decoration: none; 
color:#0653A0;
z-index:99999;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
z-index:99999;
}

#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
z-index:99999;