/* mediac.css (from acao from gaates)*/
/* last modified 2009-12-11 */
/* Section 1 - basic page layout CSS for the GAATES prototype photo gallery */
/*  */
/* 
|-- body -------
| |-- container -c5-------------------|
| |                                   |
| | |-- skipBox -c1-----------------| |
| | |                               | |
| | |-------------------------------| |
| |                                   |
| | |-- titleBox -c2----------------| |
| | |                               | |
| | |-------------------------------| |
| |                                   |
| | |-- columns -c2a----------------| |
| | | |- content -c3--||- links c4| | |
| | | |               ||          | | |
| | | |               ||          | | |
| | | |               ||          | | |
| | | |---------------||----------| | |
| | |-------------------------------| |
| |                                   |
| | |-- c1a ------------------------| |
| | |                               | |
| | |-------------------------------| |
| |-----------------------------------|
|-------
 */
body { 	font-family:  trebuchet ms, arial, ms sans serif;
	
			/* background-color:#99cccc; background-image: url('../images/bg3_mediac_logo_lbw.png'); 	background-repeat: repeat; */
			/* background-color:#fff; background-image: url('../images/bg_red_grad.jpg'); background-repeat: repeat-x; */
			background-color:#fff; background-image: url('../images/bg_gray_grad.jpg'); background-repeat: repeat-x;
	}
	
#main {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #69c;
	padding:1%;
	}
	
.skipBox { /* c1 */
  clear:both; border:1px solid #ccc; margin-bottom:.5%;
	/* background-color:#ffd; background-color:#fee; */ background-color:#eee; 
	padding:1%; min-height:20px; height:20px; height:auto;
}
.c1a { /* c1a */
  clear:both; border:1px solid #fff; 
}
.skipBox a {text-decoration:none;}
.skipBox img {border:none;}

.titleBoxDef { /* c2   min-height: 100px; bgc: #ffd;*/
  border:1px solid #ccc; clear:both; margin-bottom:.5%;
	padding:1%; background-color:#eee;height:auto; height:115px; line-height:115px;
		/* background-image: url('../images/grad2.jpg');*/
		background-image: url('../images/grad3.jpg');
	background-repeat: repeat-x;
}
.titleboxDef h1 {  padding-top:10%; 
}

.titleBox { /* c2   min-height: 100px; bgc: #ffd;*/
  border:1px solid #ccc; clear:both; margin-bottom:.5%;
	padding:1%; background-color:#eee;height:auto; height:75px; line-height:75px;
		/* background-image: url('../images/grad2.jpg');*/
		background-image: url('../images/grad3.jpg');
	background-repeat: repeat-x;
}
.titlebox h1 {  padding-top:5%; 
}

#bCrumbBox{ clear:both; 
	border:1px solid #ccc; 
	margin-bottom:.5%; 
	background-color:#efefef; 	
	padding:.5% 1.5%;
	font-weight:bold;
	}
#bCrumbBox a {padding:0em .25em;}
#bCrumbBox a:hover {color:#fff;background-color:#333;}

.columns{ /* c2a */
  border-top:1px solid #fff;  clear:both;
}
.contentDef { /* c3 */
  float:left; width:57%; border:1px solid #ccc;
	padding:1%; 
	/* background-color:#ffd;background-color:#fee;  */ background-color:#eee; 
	margin-right:7px;
}
.content { /* c3 */
  float:left; width:74%; border:1px solid #ccc;
	padding:1%; 
	/* background-color:#ffd;background-color:#fee;  */ background-color:#eee; 
	margin-right:7px;
}
.linksDef { /* c4 */
  float:right; width:21%; padding:.25em; 
	/* background-color:#ffd;background-color:#fee;  */ background-color:#eee; 
	color:#000;
	font-size:1em;
	border:1px solid #ccc;
}
.linksDef img {background-color:#eee;}
.links img {background-color:#eee;}

.links { /* c4 */
  float:right; width:21%; padding:.25em; 
	/* background-color:#ffd;background-color:#fee;  */ background-color:#eee; 
	color:#000;
	font-size:1em;
	border:1px solid #ccc;
}
.container { /* c5 */
  width:75%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	border:1px solid #69c;
	padding:1%;
}
/*  */
/* Section 2 - special css for individual pages */
/*  */
.table {
	clear:both;
	padding: .5em;
	margin: .5em;
	}
.row {clear:left; border-bottom: 1px solid #ccc;}
.lab {
	float:left;
	width: 45%;
	font-weight:bold;
	}
.inf {
	padding-left: 0em;
	float:left;
	}
/*  */
.fullBox {
	width:94%; 
	margin-top: 5px; margin-bottom: 5px; 
	padding:1em; 
	border:2px solid #ccc; 
	clear:both; 
	text-align:center;
	} 
.thumbBox {
	float:left;
	border: 2px solid #333;
	padding: 1em;
	margin: 5px;
	text-align:center;
	} 
/*  */
.error {
	border: 1px solid red;
	padding: 1em;
	margin: 1em;
	color:yellow; background-color:black;
	font-weight:bold;
	}
/*  */
a:hover {color:#fff;background-color:#333;}
label, legend {
	font-family: arial, ms sans serif;
	font-weight:bold;
	}
input, textarea {
	font-family: arial, ms sans serif;
/* 	margin-right: 1em; */
	font-size:1em
	}
acronym {
	color:#000; border-bottom:3px dashed #090;
	}
/*  */
table {width:95%;}
th {background-color:#ccc;}
th,td {
	border-bottom:1px solid black;
	border-right:1px solid black;
	border-collapse:collapse;}
/*  */
/* .links ul {margin-left:0;padding-left:1em;} */
.links ul {margin-left:1em;padding-left:0;}
.thisPage {margin:0px 0px 0px 0px; padding:.3em; }
.company {margin:8px 0px 0px 0px; padding:.3em; border-top:1px solid #ccc; background-color:#ffd;}
.goTops {text-align:center; padding:.25em; border:1px solid #ccc; background-color:#ccc;}
.goTops a {background-color:#ffd;padding:0 10px 0 10px; font-size:.85em;}
.goTops a:hover {color:#ff0;background-color:#000;}
 /* */
 /* styling for right side menu */
/* .RsMitem {
	clear:both;
 	border: 1px solid #ccc;
	border-bottom:none;
	padding: 5px;
	width:95%;
		}
.RsMitemLast {
	clear:both;
 	border: 1px solid #ccc;
	padding: 5px;
	width:95%;
		}
.RsMitem ul, .RsMitemLast ul {list-style-type:none; font-size: 85%;border-bottom:1px dashed #ccc;}
.RsMitem li {border-top:1px dashed #999;padding:.25em 0em .25em 0em;}
.RsMitemLast li {border-top:1px dashed #999;}
.RsMitem:hover, .RsMitemLast:hover {background-color:#ffe;}
.RsMitem a:hover, .RsMitemLast a:hover {color:#000;}
.RsMitem ul a:hover, .RsMitemLast ul a:hover {background-color:#eee;} */
/* .RsHead {background-color:#dfdfdf;width:98%;font-weight:bold;} */
.RsHead {background-color:#dfdfdf;width:98%;font-weight:bold;list-style:none;margin-bottom:.5em;margin-left:-1em;}
.RsHead a:hover {color:#fff;background-color:#333;}
.RsHead a {}/* float:left;*/
.RsHead ul {}
.RsHead ul li {margin-bottom:.5em;}
.expand { height:18px; width:26px; border:none; margin-top:3px;}/* float:right; */
/* special formatting for MEDIAC INC. */
.meds {font-family:maximo, century gothic, arial, ms sans serif;letter-spacing:-1px}
.alens  {font-family:maximo, century gothic, arial, ms sans serif;letter-spacing:-1px}
/* special formatting for Accessibility Lens */
.lens {width:20px; height:20px; vertical-align:baseline;margin-left: 4px;}
 /* */
#onThisPage { /* border:thin solid blue; */ padding:1em;background-color:#ddd;color:#000;
		background-image: url('../images/grad3.jpg');
	background-repeat: repeat-x;
}
#onThisPage h1 { text-align:center;}

.indent {margin-left: 2em;}

div.onPage li {margin-bottom:.75em !important;}

.newsItem {
	margin: 10px 5px 10px 5px;
	border: 1px solid #ccc;
	color: #000; background-color:#eee;
	padding: 1em;
	}
  /* */
ol.alpha {list-style-type:lower-alpha}
   /* */
.extraBlock {float:left; max-width:14%; margin:.15%; padding: 1%; background-color:#fff;}

.extraBlock h2 {font-size:1em; margin-bottom:0px; text-align:center;}

.ebox {
		float:left; 
		margin:1% 0% 1% 0%;
		border:1px solid #ccc ;
		padding:5px;
		width:92%;
		font-size:80%;
		text-align:center;		
		line-height:1em;
		min-height:5em;
		max-height: auto;
}
.bluish {background-color:#bcd;}
.redish {background-color:#dcb;}

.contentDef h1 {font-size: 1.1em; color:#333;}
  /* */	
	.sitemap h1 {}
	.sitemap h2 {text-indent: 2em;}
	.sitemap h3 {text-indent: 4em;}
	.sitemap h4 {text-indent: 6em;}

  /* */	
	  /*  new 2010-06-11 for a putting extra link info offscreen*/	
		span.offscreen {position:absolute; right:100em;}
	
	  /*  new 2010-06-11 for a fieldset emulation and p*/	
#fieldset { 
width:98%; 
border:3px double #999; 
padding:15px 5px; 
margin:20px auto; 
font-size:1em; 
} 
#fieldset span{ 
position:relative; 
padding:4px 8px;; 
border:1px solid #999; 
top:-28px; 
left:20px; 
background-color:#fff; 
font-size:0.9em; 
color:#300; 
} 
#fieldset ul { 
margin:-10px 0 0; 
} 
  /* */