/***********************************************/
/* style.css                          		   */
/* Basilica Virtual Exhibit       	
/*
/*  Site notes:     -style sheets and scripts are in /assets
/*					-main images in /images
					-all page backgrounds in /backgrounds
					-information for all embedded images (right hand side of screen) are in /images/popups         */

/***********************************************/





/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html, body { margin: 0; padding: 0; height: 100%; background-color: #242424; 
	font-family: "Times New Roman", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#242424  }
img { border: none; }


body{
	background-color:#242424;
	line-height: 1.166;
	background-position:top center ;
	margin-left:auto;
	margin-right:auto;
	font: small/18px "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
	height:1036px;
	color: black;
}


/*  Wrapper is centered and holds all the other divs  */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 776px;
	float:none;
/*	/* Box Model */
/*	width:400px; 
  	voice-family: "\"}\""; 
  	voice-family:inherit;

*/
}


#langselect {
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	position: absolute;
	margin-top: 6px;
	margin-left:668px;
	}
 
#langselect[id] {
	margin-left: 665px;
	}

#langselect a{
	color:white;
	}
	
#vmctop {
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	float:none;
	font: 18px bold Verdana, Arial, Helvetica, sans-serif;
	color: white;
	/*background: url(../images/topbar.jpg) ;       */
	background-repeat: no-repeat;
	padding-bottom:3px;
 	}

.logoimg {
	margin-left: 0;
	padding:0;
	}

.vmcimg {
	margin-left: 620px;
	padding: 0px;
	margin-top:-8%;
	border:0;
	}
	
html>body .vmcimg {
	margin-top:-5%;
	}


	
.vmcimgindex {
	margin-left: 77%;
	border: 0;
	padding: 0;
	}	
	
#skipintro a  {
	color:white;
	text-align: center;
	}

.filesize {
	font:12px Arial, Helvetica, sans-serif;
	color:black;
	}

	
h1 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:28px;
	color:#000;
	text-align:center;
}




h2 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-align:center;
	color: #000000;
}

h3 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-align:center;
	color: #fff;
	}

h4 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	text-align:center;
	color: #000;
	}

h5 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	text-align:center;
	color: #fff;
	}
h6 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align:left;
	color: #000;
	}
h7 {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:28px;
	color:#fff;
	text-align:center;
}


strong {
	color:#fff;
	text-decoration:underline;
	}

pre {
	color:white;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	}

a {
	text-decoration: none;
}

a:link {
	color: black;
}

a:visited {
	color: black;
}

a:active {
	color: black;
	text-decoration:underline;
}

a:hover {
	text-decoration: underline;
}

.copyright {
	font-family: "Times New Roman",Geneva, Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height:28px;
	color:#fff;
	text-align:center;
}

/**************  Navigation ******************/

/* Set properties on subnav items as well as main nav items. When not set, subnav items will have same properties as man nav items. */


/* Class applied to each menu section - .ctr goes in a span to keep each item properly styled */
.spc { width: 20px; height: 1px; overflow: hidden; float: left;  }
.ctr { width: 100%; float: left; text-align: center; cursor: pointer; }
.lang { width: 30%; float: left; text-align: left; cursor: pointer; border-left:none; margin:0px; padding: 0px;}

#menucontainer {
	margin-left:22%;
	margin-right:auto;
	
}

#mainmenu ul { 
	margin: 0;
	padding: 0; 
	list-style: none; 
	z-index:10000;
	font-size:medium;
	margin-top:-24px;
}

html>body #mainmenu ul { 
	margin-top:5px;
}

/* Level 1 Static Style  */
#mainmenu ul li { 
	position: relative; 
	float: left;
	height:20px; 
	/* background-color:#242424;  */
	border-bottom: 2px solid black;
	background-repeat: no-repeat;
	background-image: url(../images/divider.gif);
	padding: 0;
	margin:0;
	text-align: left;
	font-size:medium;
	color:#fff;
	
	
}

/* Level 1 Hover  - Styles the TOP MENU ITEMS (Early years, Construction etc)   */
#mainmenu ul li a:hover { 
	background-color:#606060; 
	background-image: url(../images/divider.gif); 
	background-repeat: no-repeat;
	color:#fff; 
}


/* Styles the static state for  TOP MENU ITEMS (Early years, Construction etc)   */
#mainmenu ul li a {	
	height: 18px; 
	text-decoration: none; 
	color: #fff; 
	display: block; 
	line-height: 18px; 
	margin: 0;
}

#mainmenu ul {
color:#fff;
}

/* menu level 1 */
#mainmenu ul li ul {
	display:none; 
	position: absolute;
	top: 19px; 
	width: 149px;
	margin: 3px;
	padding: 3px;
	filter:alpha(opacity=95); /* for IE */
	-moz-opacity:0.95; /* for mozilla */
	opacity: 0.95; /* for safari */
	khtml-opacity: 0.95; /* for konquerer and older safari */
}



#mainmenu ul li ul:hover { display: block; }
#mainmenu ul li:hover ul { display: block; }
#mainmenu ul li.over ul  { display: block; } /* for IE */


/* Level 2 Static */
#mainmenu ul li ul li {
	width: 190px;
	height: 25px;
	background-color: #666666;
	background-image: none;
	border-bottom: none;
	text-align: left;
	font-size:small;
	padding: 0px;
	margin-top:-5px;
	border-bottom: none;
	border-top: none;
	
}
/* Level 2 Static - Submenu colours */

#mainmenu ul li ul li a {	
	padding-left: 20px; 
	height: 22px; 
	text-decoration: none; 
	color: #fff; 
	display: block; 
	width: auto;
	}

#mainmenu a:visited {
	color:#c1c3c1;
	
		}

/* Level 2 - Sub Menu Hover Background  Colours */
#mainmenu ul li ul li a:hover { 
	background-color: #919191; 
	background-image: none; 
}



#mainmenu ul li ul li:hover { display: list-item; }
#mainmenu ul li ul li.over { display: block; } /* for IE  */


/* menu widths */
#mainmenu  #topnav_lang  {width: 35px; background-image:none; background: none; padding: 0px; border:none; }	 	/* Language Selection */
 #mainmenu  #topnav_lang   a:hover { background:none; }
 
 #mainmenu  #topnav_lang_fr  {width: 35px; background-image:none; background: none; padding: 0px; border:none; }	 	/* Language Selection */
 #mainmenu  #topnav_lang_fr   a:hover { background:none; }
 
#mainmenu  #topnav_20 	{width: 120px; background-image:none;}		/* Early Years */
#mainmenu  #topnav_604	{width: 120px;}		/* Construction */
#mainmenu  #topnav_13	{width: 120px;}		/* Completion */
#mainmenu  #topnav_79	{width: 120px;}		/* Then to Now */
#mainmenu  #topnav_22	{width: 120px;}		/* Resources */
#mainmenu  #topnav_19	{width: 120px;}		/*  */
#mainmenu  #topnav_23	{width: 139px;}		/*  */
#mainmenu  #topnav_528	{width: 72px;}		/* */
#mainmenu  #topnav_528	ul {margin-left: -78px; }

 

.maincont{	text-align: center;}


.current{
	}



/*************Text Content (left hand side of screen)**************/


#textcontent {
	
	padding-top: 55px ;
    margin: 50px 0px 0px 3%   ;  /*First number moves up/down, last number moves left/right */
	width: 360px;
	position:static;
	float: none;
	
	}

#textcontent[id] {
    margin-top: 120px 
	}

p {
	font: bold 13px/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-indent:30px;
	}

#quote p {
	font: italic 13px/1.3em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-indent:30px;
	margin-left: 180px;
	margin-right: 180px;
	color: white;
	}

	


.popup {	
	text-align:center;
 	}

 
/************** Quiz *************/

#quiz {
	font: bold 13px/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px ;
    margin: 120px 0px 0px 3%   ;  /*First number moves up/down, last number moves left/right */
	width: 560px;
	position:static;
	float: none;
	overflow:auto;
	height:450px;
}

.quizol {
	margin-top: 5px;
	margin-left:5px;
	margin-bottom:11px;
	list-style:lower-alpha;
	}

#answers {
	margin-top: 75px;
	margin-left:35px;
	}





/************** Glossary *************/

#glossary {
	font: bold 13px/1.3em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
	padding-right:25px;
    margin: 120px 0px 0px 3%   ;  /*First number moves up/down, last number moves left/right */
	width: 560px;
	position:static;
	float: none;
	overflow:auto;
	height: 450px;
}

dt {
	font-size: 15px;
	text-decoration:underline;
	margin-bottom: 10px;
	margin-top:25px;
	}
	
dd {
	margin-left:35px;
	}


/*************Search**************/

#searchcontainer {
	float: left;
	padding: 10px;
	padding:12px;
	margin-top: 45px;
	margin-left: 0px;
	background:#b1b48f;
	color: white;
	width: 90%; 
	height: 100%;
	text-align:center;
	}

#search   {
	float: left;
	padding: 10px;
	padding-top:25px;
	margin-top: 0px;
	margin-left: 0px;
	background:#6b6d72;
	width: 90%; 
	height: 100%;
	text-align:center;
	border: solid thin #bdc0cb;

	}

input {
	color:#fff;
	font: x-large Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	border: solid 1px #242424;
	padding-bottom: 4px;
	}
	
.go {
	font:small Verdana, Arial, Helvetica, sans-serif;
	background:none;
	text-align:center;
	padding-top: 4px;
	border: none;
	}


/************** Feedback Form *************/

#feedback {
	background:none;
	margin: 120px 0px 0px 3%;  /*First number moves up/down, last number moves left/right */
	width: 360px;
	}

input, textarea, select, option {
		font-size: 14px;
		font-family: arial;	
	}

input {
	color:#242424;
	font: large Verdana, Arial, Helvetica, sans-serif;
	background-color:#eee;
	border: solid 1px #fff;
	padding-bottom: 4px;;
	}
	
.go {
	font:small Verdana, Arial, Helvetica, sans-serif;
	background:none;
	text-align:center;
	padding-top: 4px;
	border: none;
	}
	
/*************Credits page (6f)**************/


#credits {
	
	padding: 0px 0px ;
    margin: 120px 0px 0px 3%   ;  /*First number moves up/down, last number moves left/right */
	width: 460px;
	position:static;
	float: none;
	
	}





/************** Footer *************/

#footer{
	font:medium 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left:10%;
	margin-right:10%;
	position: relative;
	text-align:center;
 	background-repeat:repeat;
	clear: both;
}


#footer a:link { 
	color: #fff;
	text-decoration:none;
}

#footer a:visited { 
	color: #fff; 
	text-decoration:none;
	}

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