body {
margin: 0;
padding: 0;
font:75% Helvetica, Arial, Verdana, sans-serif;
background: url(/web/20110717153058im_/http://www.umcmp.com/_img/bg.jpg ) repeat-x top left;
}

p {
 text-align: left;
 margin: 10px;
 line-height: 1.6em;
 }
 


/* default links */

a:link {
text-decoration: underline;
color: #6699cc;
}
a:hover {
text-decoration: none;
color: #0051ab;
}
a:visited {
text-decoration: underline;
color: #6699cc;
}

/* headers here */

h1 {
margin: 0;
padding: 0;
font-size: 150%;
color: #FF0000;
text-indent: -9000px;
}

h2 {
margin: 0;
padding: 30px 0 0 0;
font-size: 120%;
color: #000;
font-weight: bold;
text-align: center;
}

h3 /* normal headers in body */ {
margin: 10px 10px 0 10px;
padding: 0;
font-size: 100%;
color: #0051ab;
font-weight: normal;
text-align: left;
text-transform: uppercase;
}

h4 /* normal headers in body */ {
margin: 10px 10px 0 10px;
padding: 0;
font-size: 100%;
color: #0051ab;
font-weight: normal;
text-align: right;
text-transform: uppercase;
}


h5 /* normal headers in body */ {
margin: 10px 10px 20px 10px;
padding: 0;
font-size: 100%;
color: #000;
font-weight: bold;
text-align: left;
text-transform: uppercase;
}

h6 /* header on home */ {
margin: 0;
padding: 0 150px 0 150px;
font-size: 1.3em;
color: #000;
font-weight: bold;
text-align: center;
line-height: 150%;
}

/* main wrapper that holds it all centrally */

#wrapper {
width: 800px;
margin: 0 auto;
padding: 0;

}

#contacthome {
width: 800px;
overflow: hidden;
margin: 20px 0 0 0;
padding: 0;
background: url(_img_vert_line.gif) repeat-y top left;
}

#container {
width: 800px;
overflow: hidden;
margin: 30px 0 0 0;
padding: 0;
}


#leftSide{
float:left;
width:240px;
padding: 0 15px 15px 0;
text-align: right;
}


#leftSide p {
text-align: right;
}

#rightSide{
float:left;
width:380px;
padding: 0 0 15px 15px;
text-align: left;
}

#artistsRight{
float:left;
width:450px;
padding: 0 0 15px 15px;
text-align: left;
}


#left{
float:left;
width:380px;
padding: 0 15px 15px 0;
text-align: right;
}


#left p {
text-align: right;
}

#right{
float:left;
width:380px;
padding: 0 0 15px 15px;
text-align: left;
}

#sectionsbar {
clear:both;
width:600px;
height: 20px;
margin: 20px 0 0 0;
background-color: #f6f2dc;
}


/* default masthead holding the banner and mainNav */


#logo {
width: 800px;
height: 230px;
margin: 0;
padding: 0;
}

/*footer */

#footer{
clear: both;
width: 800px;
height: 60px;
padding: 0px;
margin: 50px 0 0 0;
background-color: #FFF;
}
#footer p {
margin: 10px 30px;
padding: 10px 0 0 0;
color: #000;
font-size: 11px;
text-align: center;
}

#footer a:link, #footer a:visited {
color: #0051ab;
}
#footer a:hover {
color: #0051ab;
background: none;
}


.default img {
border: 0;
}

/* For these larger images, I don't want them to float, for that causes the h3 above to be pushed to the right. I also declare a top margin to space the header and image apart, and also increase the border width slightly.  We also set it to display:block so that if body id is twoColLayout, the image will force the header and other bits to wrap around it */


.img-wrapper {
margin: 10px 8px 0 0;
/*background: none no-repeat bottom right;*/
float:left;
line-height:0;
}
 
.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding: 4px;
border:1px solid #d9d9cc;
position:relative;
left:-5px;
top:-5px;
}

/* used to ensure all our floated thumbnails stay the right width away from the left side of the box */

.thumbnails {
margin: 0 0 20px 0;
}

/* spacer used immediately after the floated gallery thumbnails to ensure the box expands to hold them all */

.spacer {
clear: both;
}


 #newVision
{
margin: 0;
padding: 5px 0 0 0;
width: 800px;
height: 20px;
text-align: center;
color: #FFF;
}

 #newVision h2
{
margin: 0;
padding: 0;
font-size: 120%;
color: #FFF;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}


/* horizontal main navigation*/

 #mainNav
{
margin: 20px 0 0 0;
padding: 0;
width: 800px;
text-align: center;
}

#mainNav ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
text-align: center;
}

#mainNav li
{
display: block;
margin: 0;
padding: 0.5em 0;
width: auto;
color: #ffcc33;
}

#mainNav a
{
color: #0051ab;
display: inline;
width: auto;
text-decoration: none;
margin: 0;
padding: 0 1.5em;
text-transform: uppercase;
letter-spacing: 0.1em;
}

#mainNav a:hover, #mainNav a:active { color: #6699cc; }

/* Highlighting the current page */

body.home #mainNav a#home, body.artists #mainNav a#artists, body.projects #mainNav a#projects, body.contact #mainNav a#contact { 
font-weight: bold;
}



.floatLeft {
	float: left;
}


.thumb img {
margin: 0 15px 10px 0;
}

.indent {
margin: 0 0 0 200px;
}

.padding {
padding: 0 150px 15px 150px;
}

.homecopy {
padding: 0 100px 15px 100px;
font-size: 120%;
}


/*
playback timings (ms):
  LoadShardBlock: 182.646 (3)
  esindex: 0.02
  captures_list: 204.055
  CDXLines.iter: 11.77 (3)
  PetaboxLoader3.datanode: 84.418 (4)
  exclusion.robots: 0.135
  exclusion.robots.policy: 0.124
  RedisCDXSource: 6.585
  PetaboxLoader3.resolve: 23.957
  load_resource: 39.287
*/