body {
margin: 0 auto;
padding: 0;
text-align: center;
background-image: url('images/background-tile.gif');
background-repeat: repeat;
}

td, p {
font-family:verdana,arial,sans-serif;
font-size: 11px;
color: #000000;
}

h1 {
margin: 16px 8px 8px 8px;
padding: 0 0 2px 0;
font-size: 14px; 
color: #333333;
border-bottom: 1px solid #dddddd;
}

h2 {
margin: 12px 0 0 8px;
padding:0;
font-size: 11px; 
color: #333333;
}

a {
text-decoration: underline;
color: #000000;
}

a:hover {
text-decoration: underline;
color: #000000;
}

#master {
margin:0 auto;
padding:0;
width: 766px;
height: 100%;
}

#leftshadow {
margin:0;
padding:0;
width:8px;
background-image: url('images/leftshadow.gif');
background-repeat: repeat;
}

#rightshadow {
margin:0;
padding:0;
width:8px;
background-image: url('images/rightshadow.gif');
background-repeat: repeat;
}

#headerlinks {
margin:0;
padding:0;
width:500px;
height:30px;
text-align: left;
vertical-align: top;
background: #ffffff;
}

#headerlinks ul {
margin: 0; 
padding: 8px 0 0 8px;
list-style-type: none;
list-style-image: none;
}

#headerlinks li {
display: inline;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
border-right: 1px solid #999999;
float: left;
}

#headerlinks li.last {
border:none;
}

#headerlinks a {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration:none;
color: #666666;
}

#headerlinks a:hover {
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration:underline;
color: #000000;
}

#search {
margin:0;
padding:0;
width:250px;
height:30px;
text-align: right;
vertical-align: top;
background: #ffffff;
}

.searchform {
padding:6px 5px 0 0;
margin:0 0 0 0;
}

.searchbox {
margin: 0;
padding: 0;
width: 125px;
font-family: Verdana, sans-serif;
font-size: 10px;
border: 1px solid #999999;
}

.searchbutton {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 10px;
border: 1px solid #999999;
background: url("images/searchbutton.gif") repeat-x top left #CFCFCF ;
font-weight: bold;
color: #000000;
}

#headerimage {
margin:0;
padding:0;
width:750px;
height:105px;
text-align: center;
vertical-align: top;
background: #ffffff;
}

#navmenu {
margin:0;
padding:0;  
width:750px;
height:26px;
text-align: left;
vertical-align: top;
background:#C8BCA2;
border-top: 1px solid #5F5A59;
border-bottom: 1px solid #5F5A59;
}

#navmenu ul {
margin: 0; 
padding: 6px 0 0 8px;
list-style-type: none;
list-style-image: none;
}

#navmenu li {
display: inline;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
border-right: 1px solid black;
float: left;
}

#navmenu li.last {
border:none;
}

#navmenu a {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #333333;
}

#navmenu a:hover {
font-family: Verdana, sans-serif;
font-size: 11px;
font-weight: bold;
text-decoration:none;
color: #ffffff;
}

#datetime { 
margin:0; 
padding:0;
width:500px;
height:40px;
text-align: left;
vertical-align: top;
background:#f7f7f7;	
}

#datetime p {
margin: 12px 0 0 15px;
padding: 0;
}

#pageoptions { 
margin:0;
padding:0;
width:250px;
height:40px;
text-align: right;
vertical-align: top;
background:#f7f7f7;	
}

#pageoptions p {
margin: 12px 15px 0 0;
padding: 0;
}

#pageoptions a {
text-decoration:none;
color: #000000;
}

#pageoptions a:hover {
text-decoration:underline;
color: #000000;
}

#main {
margin:0;
padding:0;
width:750px;
text-align: center;
vertical-align: top;
background: #f7f7f7;
}

#container {
margin:0 auto;
padding:0;
width: 720px;
background: #ffffff;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
border-left: 1px solid #cfcfcf;
}

h3#headinghome {
margin:0;
padding: 4px 0 0 8px;
height:24px;
text-align: left;
vertical-align: top;
background-image: url('images/headinghome-bkgd.gif');
background-repeat: repeat-x;
font-size: 11;
font-weight: bold;
color: #333333;
}

#leftmenu {
margin:0;
padding:0;
width:200px;
background: #f1efe2;
text-align: left;
vertical-align: top;
}

#leftmenu ul {
margin: 0;
padding: 6px 8px 0 8px;
list-style: none;
}

#leftmenu li {
margin: 0 0 5px 0;
padding: 0 0 5px 10px;
border-bottom: 1px solid #dbd3c1;
background-image:url(images/bullet-home.gif);
background-position:0px 3px;
background-repeat:no-repeat;
}

#leftmenu li.unfolded {
margin: 0 0 5px 0;
padding: 0 0 5px 0px;
border-bottom: 1px solid #dbd3c1;
background-image:none;
font-weight: bold;
color: #333333;
/*background-position:0px 3px;
background-repeat:no-repeat;*/
}

#leftmenu li li {
margin: 0 0 5px -10px;
padding: 0 0 5px 10px;
border-bottom: 1px solid #dbd3c1;
background-image:url(images/bullet-home.gif);
background-position:0px 3px;
background-repeat:no-repeat;
font-weight: normal;
}

#leftmenu p {
margin: 10px 12px 15px 12px;
padding: 0;
line-height: 16px;
}

#content {
margin:0;
padding:0;
width:520px;
text-align: left;
vertical-align: top;
border-left: 1px solid #cccccc;
}

#content p {
margin: 10px 8px 8px 8px;
padding: 0px;
line-height: 18px;
text-align: justify;
}

#content img {
margin: 10px 8px 0px 8px;
padding: 0px;
text-align: left;
}

#content ul {
margin: 6px 24px 0 24px;
padding: 0;
list-style: none;
}

#content ul li {
margin: 0 0 5px 0;
padding: 0 0 5px 10px;
line-height: 16px;
background-image:url(images/bullet-home.gif);
/*lower due to line height*/
background-position:0px 5px;
background-repeat:no-repeat;
}

#content ol {
margin: 6px 24px 6px 24px;
padding: 0;
list-style-type: decimal;
}

#content ol li {
margin: 0 0 1px 8px;
padding: 0 0 1px 0px;
line-height: 16px;
}

#content blockquote {
margin: 6px 24px 6px 12px;
padding: 0;
}

#homecontent {
margin:0;
padding:0;
width:520px;
text-align: left;
vertical-align: top;
border-left: 1px solid #cccccc;
background-image:url(images/ucci-watermark.gif);
background-position:85px 50px;
background-repeat:no-repeat;
}

#homecontent p {
margin: 8px 8px 12px 8px;
padding: 0;
line-height: 20px;
text-align: justify;
}

.TA{
cursor:pointer;
}


#news {
margin:0;
padding:0;
width:200px;
background: #f1efe2;
text-align: left;
vertical-align: top;
}

#news h3 {
margin:0;
padding: 4px 0 0 8px;
height:24px;
text-align: left;
vertical-align: top;
background-image: url('images/headinghome-bkgd.gif');
background-repeat: repeat-x;
font-size: 11;
font-weight: bold;
color: #333333;
}

#news img {
margin:10px;
}

#news p {
margin: 10px 12px 15px 12px;
padding: 0;
line-height: 16px;
text-align: justify;
}

#news h2 {
margin: 6px 8px 0 12px;
padding:0;
font-size: 11px; 
color: #333333;
}

/*for 2 column tables programs.php*/
table.programs {
margin: 2px 0 8px 0;
padding: 0px;
width: 500px;
}

table.programs td.left {
margin: 0px;
padding: 0px 8px 0px 8px;
line-height: 18px;
width:250px;
text-align: left;
vertical-align: top;
}

table.programs td.right {
margin: 0px;
padding: 0px 8px 0px 8px;
line-height: 18px;
width:250px;
text-align: left;
vertical-align: top;
}

/*for dates-and-deadlines.php and calendar.php pages*/
table.calendar {
margin: 2px 0 8px 0;
padding: 0px;
width: 500px;
}

table.calendar td.date {
margin: 0px;
padding: 0px 8px 4px 8px;
line-height: 18px;
width:150px;
text-align: left;
vertical-align: top;
}

table.calendar td.event {
margin: 0px;
padding: 0px 8px 4px 8px;
line-height: 18px;
width:350px;
text-align: left;
vertical-align: top;
}

/*for tuition-and-fess.php*/
table.tuition {
margin: 2px 0 8px 0;
padding: 0px;
width: 400px;
}

table.tuition td.left {
margin: 0px;
padding: 0px 8px 0px 8px;
line-height: 18px;
width:250px;
text-align: left;
vertical-align: top;
}

table.tuition td.right {
margin: 0px;
padding: 0px 8px 0px 8px;
line-height: 18px;
width:150px;
text-align: left;
vertical-align: top;
}

/*for academic-advising.php*/
table.advisors{
margin: 4px 0 8px 0;
padding: 0px;
width: 520px;
}

table.advisors td.left {
margin: 0px;
padding: 0px 0px 12px 8px;
line-height: 18px;
width:245px;
text-align: left;
vertical-align: top;
}

table.advisors td.right {
margin: 0px;
padding: 0px 8px 12px 2px;
line-height: 18px;
width:275px;
text-align: left;
vertical-align: top;
}

#footer {
margin:0;
padding:0;
width:750px;
height:50px;
text-align: center;
vertical-align: middle;
background: #f7f7f7;
}

/*for 2 column table bios ourteam.php*/
table.bios {
margin: 2px 0 8px 0;
padding: 0px;
width: 500px;
}

table.bios td.left {
margin: 0px;
padding: 4px 8px 0px 8px;
line-height: 16px;
width:200px;
text-align: left;
vertical-align: top;
}

table.bios td.right {
margin: 0px;
padding: 4px 8px 0px 8px;
line-height: 16px;
width:300px;
text-align: left;
vertical-align: top;
}