/* Start of CMSMS style sheet 'MCM screen' */
/* Minnesota Children's Museum
Site Layout and Design Styles
by Dan Moriarty, www.danmoriarty.com
Copyright 2008, All Rights Reserved */


/* = BASE RULES = */

* {
	margin:0;
 	padding:0;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align:left;
	background:#ffeeb5 url(images/bg-body.gif);
	color:#000;
 	}

a:link, a:visited {
	color:#1183b3;
	text-decoration:none;
	}

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

img {
	border:none;
	}



/* ***** CONTENT HOLDERS ***** */

#wrapper {
	text-align:left;
	margin:0px auto;
	width:830px;
	z-index:102;
	font-size:1.2em;	
        position:relative;
	}

#top {
	width:820px;
	margin-left:5px;
	}


#contentwrap {
	background: url(images/bg-contentwrap.gif) repeat-y;
	float:left;
	width:830px;
	margin:0 auto;
	position:relative;/* for IE 6, position absolute on sidebar*/
       }

#content {
	width:820px;		
	padding-top:10px;
	text-align:left;
    margin:0 auto;
	}

#content a:link, #content a:visited {
	text-decoration:underline;
	}
	
#maincol {
	float:right;
	width:610px;
	padding-right:15px;
        padding-top:10px;
	margin-bottom:1em;
	}


#maincol.wider { width:790px;padding:20px; }


#footer {
	clear:both;
	width:830px;
	background:#521775 url(images/bg-footwrap.gif) repeat-y;
	color:#fff;
	text-align:center;
	}

#footer p {
	line-height:130%;
	}
	
#footer a {
	color:#fff;
	text-decoration:underline;
	}

#footercontent {
	padding:10px 20px;
	margin:0 5px;
	}


#bottom {
	clear:both;
	width:800px;
	padding:10px;
	margin:0 auto;
	text-align:center;
	}


/* ***** FLOAT BOXES ***** */
/*these are optional boxes on the right side of content*/


#floatingcol, #floatingcol2 {
	
	float:right;
	background:#fff;
	clear:right;
	height:1%;	
        padding:0 0 0 10px;
        margin-bottom:5px;
	}

body#homepage #floating2 {
	width:192px;	
        float:right;
	background:#fff;
	clear:right;
	height:1%;	
        padding:5px 0 5px 10px;

margin-left:15px;

}


#floatingcol img, img.pictureframe {
	background: url(images/bg-smallpix.gif) no-repeat;
	padding:14px;
	width:180px;
	height:180px;
margin:5px 10px 10px 0;
      


 	}

#floatingcol.wider {
       width:310px;
       margin:10px 0 10px 0;
       padding-left:20px;
       }

#floatingcol2 { 
       width:200px;
       }

/* ***** OTHER MISC HOLDERS ***** */


#colorbar {
	height:2em;
	width:830px;
	margin:-1px auto;
      background: #0068b3 url(images/bg-support.gif) repeat-y;
	clear:both;
	}


div#search {
	}
	
input#cntnt01searchinput {
	width:140px;
	margin:10px 0;
	/*search input box*/
	}
	
#animatedbanner {
	height:230px;
	width:340px;
	background:#fff;
	margin-bottom:10px;
border:1px solid #ddd;
	}

	
div.highlighted-items {
	margin:5px 0 5px 10px;
	float:right;
	clear:right;
	background:#fff;
	}
	
.highlighted-items table td {
	border:1px solid #ccc;
	padding:5px 10px;
	}


/* ***** gold sidebar holders ***** */

#sidecol {
       float:left;
	   position:relative;
       margin-left:-20px;
margin-top:3px;
       width:215px;
/* this breaks outside the frame of content holder*/
	}

#topbar {
	background: url(images/bg-topframe.gif) no-repeat;
	width:201px;

	}

#sidebar {
	width:201px;
	margin:10px 0 0 0;
	background: transparent url(images/bg-midframe.gif) repeat-y;

	}

#sidebar #sidetext {
	margin:5px 30px 0px 20px;
padding-top:20px;
	}

#bottombar {
	height:2.2em;
	width:201px;
	margin:-1px 0;
	background: transparent url(images/bg-bottomframe.gif) no-repeat;
	}

#sidecol div#bottomside {
	margin:15px 0 15px 40px;

	width:140px;
	}
	
	
/*white rounded box holders*/

.calloutbox {
	width:192px;
margin-bottom:5px;
	}

.callout-top {
	background: url(images/bg-topframe2.gif) no-repeat;
	width:192px;
	}

.callout-mid {
	width:192px;
	background: transparent url(images/bg-midframe2.gif) repeat-y;
	}

.callout-text {
	margin:0px 20px 0 15px;
        padding-top:15px;
padding-bottom:5px;
	}

.callout-bottom {
	height:46px;
	width:192px;
	margin:-8px 0;
	background: transparent url(images/bg-bottomframe2.gif) no-repeat;
	}

.calloutbox h3 {
        text-align:center;
       color:#1aa755;
       }

/* ***** TYPE ***** */

h1 { font-size:260%; }
h2 { font-size:260%; }
h3 { font-size:160%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }


h3, h4, h5 {
	margin:.8em 0 .6em 0;
	padding:0;
	}


h2 {
	color:#cc0000;
	font-family: "Times New Roman", Times, serif;
	font-weight:normal;
margin: .2em 0 .4em 0;
	}
	

h3 { color:#521775; }



h4 { color:#cc0000; }

h5 { color:#333; }
	
p {
	line-height:160%;
	margin:.2em 0 .6em 0;
	}

blockquote {
        margin:10px;
        }



/* ****** LISTS ****** */

ul, ol {
	margin:.4em 0 .4em .8em;
	padding:0 0 0 10px;
	}
		

li {
	margin:.2em 0;
	line-height:130%;
	}

#sidecol ul  {
        padding:0;
       }

#sidecol ul li {
	background: url(images/bg-bullet.gif) no-repeat 0 2px;
	padding-left:15px;
	list-style:none;
	}

ul.altbullet li {
	background: url(images/bg-bullet2.gif) no-repeat 0 5px;
	padding-left:20px;
	list-style:none;
	margin-left:10px;
	}

dl {
	margin:.2em 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	}


/* ***** TABLES ****** */
		
table {
	border:none;
	}

td {
	padding:5px;
	vertical-align:top;
	}

.tablestyle1 {
	width:99%;
       margin:8px 0;
border:1px solid #1aa755;
	}
	
.tablestyle2, table.socialsites {
	width:99%;
	border:none;
	margin:8px 0;
	}
table.socialsites {
       clear:both;
        }


.tablestyle1 td, table.tablestyle2 td {
	padding:5px;
	vertical-align:top;
  
		}

.socialsites td {
          padding:5px;
          text-align:center;
         }


.tablestyle1 th {
	background:#1aa755;
color:#fff;
	padding:8px;
        }

.tablestyle1 tr.even {
    background:#f8f4fa;
       }


.tablestyle1 p, tablestyle3 p {
	line-height:120%;
	padding:.4em 0;
	}

.tablestyle3 td {
       border-left:1px solid #ccc;
       }

/* ***** FORMS ***** */

fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #ccc;
	width:350px;
	}

legend {
	font-weight:bold;
	font-size:110%;
	color:#666;
	}
	


label {
	display:block;
	clear:right;
	}

div.contactform {
       width:250px;
}


/* ***** SPECIAL TYPE RULES ***** */

h1.siteheader { /*this is top type header*/
	margin:0;
	padding:0;
        width: 185px;
	height:119px;
        position:absolute;
        top:10px;
	}
	

h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	display: block;	
	width: 185px;
	height:119px;
	background: url(images/logo.gif) no-repeat;
	text-decoration:none;
	text-indent:-5000px;
	}



h2.tagline {
	background: url(images/coloredtag2.gif) no-repeat;
	text-indent:-5000px;
	position:absolute;
	left:230px;
	top:15px;
	height:70px;
	width:605px;
	}
	
h2.pageheader { margin-top:0; }

h2.clientsamples {
	font-weight:normal;
	color:#666;
	padding-left:10px;
	}
	
h3 a:link, h3 a:visited { color:#521775; }


h3#whatsnew {
        margin:0;
        text-indent:-5000px;
        background: url(images/btn-whatsnew.gif) no-repeat;
        padding:0 10px;
       width:164px;
       height:33px;
       }

h3#whatsnew a { 
        display:block;   width:164px;
       height:33px;
     }

#sidecol h3 {
	font-size:130%;
	border-bottom:1px solid #fff;
	background:none;
	}

#sidecol p {
        line-height:130%;
        }

h4.highlight {
       margin:.3em 0;
       color:#521775;
      }

#animatedbanner p { 
       background:#fff;
       padding:10px; }


#floatingcol p, #floatingcol2 p {
       margin-top:0;
}

/* ***** PAGE BASED RULES ***** */


/*RED SECTION*/
body.museum-information #colorbar {
      background: #e94235 url(images/bg-info.gif) repeat-y;
	}
body.museum-information h2, body.museum-information h4 {
        color:#e94235;
}

/*GREEN SECTION*/
body.events-and-happenings #colorbar {
      background: #1aa755 url(images/bg-events.gif) repeat-y;
	}
body.events-and-happenings h2 , body.special-events-and-happenings h4{
      color:#1aa755;
       }

/*PURPLE SECTION*/
body.educators-groups-parents #colorbar {
      background: #521775 url(images/bg-groups.gif) repeat-y;
	}
body.educators-and-groups h2 {
       color:#521775;
       }

body.educators-and-groups #maincol h4, body.educators-and-groups  #maincol h4 a, 
body.educators-and-groups #maincol h3, body.educators-and-groups #maincol h3 a {
      color:#1aa755;
       }
body.educators-and-groups #floatingcol2 h4 {
      color:#521775;
      }


/*ORANGE SECTION*/
body.about-the-museum #colorbar {
      background: #f59322 url(images/bg-about.gif) repeat-y;
	}
body.about-the-museum h2, body.about-the-museum h4 {
       color:#f59322;
       }


/*BLUE SECTION*/
body.support-the-museum #colorbar {
      background: #0068b3 url(images/bg-support.gif) repeat-y;
	}
body.support-the-museum h2, body.support-the-museum h4 {
      color:#0068b3;
       }


/* ***** MISC RULES ***** */

.clearout, .clearingout {
      clear:both;
}

.floatimage-left {
	float:left;
        margin-top:5px;
	padding:0 15px 8px 0;
	}

.floatimage-right {
	float:right;
	padding:10px 0 10px 20px;
	}

		
.breadcrumb {
	font-size:90%;
	line-height:100%;
	margin:.2em 0;
	padding:0;
	}

.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

.highlight {
       color:#990000;
}

/* End of 'MCM screen' */