/***************************************************
             Cool Canada 002/027
***************************************************/
body {
background-color: #66ccff;
}


/*FOR NEW TEMPLATES WITH IMAGE IN BANNER*/
div.center h1 {
background-color:  #990033;
padding: 8px;
margin: 8px;
text-align: left;
/*border: 1px solid #ffffff;*/
display: block;
font-size: 1.30em;

}


div.center h1 a {
color: #fff;
}


div.center h2 
{
	color: #663366;
	font-weight: bolder;
}


div.center h3, h4 
{
	background-color: #ffffff;
	color: #000000;
	
}

div.center h3 
{
	margin-bottom: 20px;
	
}

/* LEFT MENU */



ul.nav {
width: 100%;
background-color: #ffffff;

}

/*MULTIPLE LEFT MENU COLORS*/



ul.nav li {
background-color: #ffffff;
border: none;
margin:  0 0 8px 0;
padding: 0;
display: block;

}

ul.nav li.introduction {
border-left: 5px solid #990033;
}

ul.nav li.incredible {
border-left: 5px solid #330066;
}

ul.nav li.canadian {
border-left: 5px solid #cc3300;
}

ul.nav li.interesting {
border-left: 5px solid #ffff33;
}

ul.nav li.fascinating {
border-left: 5px solid #006600;
}

ul.nav li.amazing {
border-left: 5px solid #ff66cc;
}

ul.nav li.educational {
border-left: 5px solid #990033;
}

ul.nav li.about {
border-left: 5px solid #990033;
}

ul.nav li.copyright1 {
border-left: 5px solid #990033;
}

ul.nav li.comments {
border-left: 5px solid #990033;
}



ul.nav li a.menulink, ul.nav li a.menulink:link, ul.nav li a.menulink:active, ul.nav li a.menulink:visited {
background-color: #ffffff;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
color: #000000;
display: block;
}


/*MULTIPLE HOVER COLORS*/
ul.nav li a.menulink:hover {
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
}

ul.nav li.introduction a.menulink:hover  {
color: #fff;
background-color: #990033;

}

ul.nav li.incredible a.menulink:hover  {
color: #fff;
background-color: #330066;

}

ul.nav li.canadian a.menulink:hover  {
color: #fff;
background-color: #cc3300;

}

ul.nav li.interesting a.menulink:hover  {
color: #000;
background-color: #ffff33;

}

ul.nav li.fascinating a.menulink:hover  {
color: #fff;
background-color: #006600;

}

ul.nav li.amazing a.menulink:hover  {
color: #000;
background-color: #ff66cc;

}

ul.nav li.educational a.menulink:hover  {
color: #fff;
background-color: #990033;

}

ul.nav li.about a.menulink:hover  {
color: #fff;
background-color: #990033;

}

ul.nav li.copyright1 a.menulink:hover  {
color: #fff;
background-color: #990033;

}

ul.nav li.comments a.menulink:hover  {
color: #fff;
background-color: #990033;

}

/*MULTIPLE ON-STATE COLORS FOR 12PX BORDER LEFT*/

ul.nav li span.on-state {
display: block;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;
}

ul.nav li.introduction2 span.on-state {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;

}

ul.nav li.incredible2 span.on-state {
background-color: #330066;
color: #fff;
border-left: 5px solid #330066;
margin-bottom: 0;
}

ul.nav li.canadian2 span.on-state {
background-color: #cc3300;
color: #fff;
border-left: 5px solid #cc3300;
}

ul.nav li.interesting2 span.on-state {
background-color: #ffff33;
color: #000;
border-left: 5px solid #ffff33;
}

ul.nav li.fascinating2 span.on-state {
background-color: #006600;
color: #fff;
border-left: 5px solid #006699;
}

ul.nav li.amazing2 span.on-state {
background-color: #ff66cc;
color: #000;
border-left: 5px solid #ff66cc;
}

ul.nav li.educational2 span.on-state {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.about2 span.on-state {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.copyright2 span.on-state {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.comments2 span.on-state {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}


/*FULL ON-STATE COLORS*/

ul.nav li a.linked_on-state:link, ul.nav li a.linked_on-state:visited {
display: block;
border: none;
margin: 0;
padding: 1px 1px 1px 4px;

}

ul.nav li.introduction2 a.linked_on-state:link, ul.nav li.introduction2 a.linked_on-state:visited {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.incredible2 a.linked_on-state:link, ul.nav li.incredible2 a.linked_on-state:visited {
background-color: #330066 !important;
color: #fff;
border-left: 5px solid #330066;

}

ul.nav li.canadian2 a.linked_on-state:link, ul.nav li.canadian2 a.linked_on-state:visited {
background-color: #cc3300;
color: #fff;
border-left: 5px solid #cc3300;
}

ul.nav li.interesting2 a.linked_on-state:link, ul.nav li.interesting2 a.linked_on-state:visited {
background-color: #ffff33;
color: #000;
border-left: 5px solid #ffff33;
}

ul.nav li.fascinating2 a.linked_on-state:link, ul.nav li.fascinating2 a.linked_on-state:visited {
background-color: #006600;
color: #fff;
border-left: 5px solid #006600;
}

ul.nav li.amazing2 a.linked_on-state:link, ul.nav li.amazing2 a.linked_on-state:visited {
background-color: #ff66cc;
color: #000;
border-left: 5px solid #ff66cc;
}

ul.nav li.educational2 a.linked_on-state:link, ul.nav li.educational2 a.linked_on-state:visited {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.about2 a.linked_on-state:link, ul.nav li.about2 a.linked_on-state:visited {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.copyright2 a.linked_on-state:link, ul.nav li.copyright2 a.linked_on-state:visited {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

ul.nav li.comments2 a.linked_on-state:link, ul.nav li.comments2 a.linked_on-state:visited {
background-color: #990033;
color: #fff;
border-left: 5px solid #990033;
}

/*SUB MENU*/

ul.nav3 {
padding-left: 0;
margin-left: 4px;
margin-top: 0;
background-color: #fff;
/*position: relative;
z-index: 0;*/

}


ul.nav3 li {
margin: 5px 0 0 4px;
padding: 0;
display: inline;
border-bottom: 1px dotted #ccc;

}



ul.nav3 li a.menulink, ul.nav3 li a.menulink:link, ul.nav3 li a.menulink:active, ul.nav3 li a.menulink:visited {
display: block;
margin: 0;
padding: 1px 8px 1px 4px;
text-decoration: none;
border-left: 5px solid #fff;
width: 125px;
background-color: #fff;
color: #000000;

}

ul.nav3 li.incredible3 a.menulink, ul.nav3 li.incredible3 a.menulink:link, ul.nav3 li.incredible3 a.menulink:active, ul.nav3 li.incredible3 a.menulink:visited {
background-color: #fff;

}

ul.nav3 li.canadian3 a.menulink, ul.nav3 li.canadian3 a.menulink:link, ul.nav3 li.canadian3 a.menulink:active, ul.nav3 li.canadian3 a.menulink:visited {
background-color: #fff;
}


ul.nav3 li.interesting3 a.menulink, ul.nav3 li.interesting3 a.menulink:link, ul.nav3 li.interesting3 a.menulink:active, ul.nav3 li.interesting3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li.fascinating3 a.menulink, ul.nav3 li.fascinating3 a.menulink:link, ul.nav3 li.fascinating3 a.menulink:active, ul.nav3 li.fascinating3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li.amazing3 a.menulink, ul.nav3 li.amazing3 a.menulink:link, ul.nav3 li.amazing3 a.menulink:active, ul.nav3 li.amazing3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li.educational3 a.menulink, ul.nav3 li.educational3 a.menulink:link, ul.nav3 li.educational3 a.menulink:active, ul.nav3 li.educational3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li.about3 a.menulink, ul.nav3 li.about3 a.menulink:link, ul.nav3 li.about3 a.menulink:active, ul.nav3 li.about3 a.menulink:visited {
background-color: #fff;
}

ul.nav3 li a.on-state, ul.nav3 li a.on-state:link, ul.nav3 li a.on-state:active, ul.nav3 li a.on-state:visited {
display: block;
margin: 0;
padding: 1px 8px 1px 4px;
text-decoration: none;
width: 125px;
color: #000000;
background-color: #fff !important;
}

ul.nav3 li.incredible3 a.on-state, ul.nav3 li.incredible3 a.on-state:link, ul.nav3 li.incredible3 a.on-state:active, ul.nav3 li.incredible3 a.on-state:visited {
/*background-color: #330066;
color: #fff;*/
background-color: #cc99ff;
color: #000;

}

ul.nav3 li.canadian3 a.on-state, ul.nav3 li.canadian3 a.on-state:link, ul.nav3 li.canadian3 a.on-state:active, ul.nav3 li.canadian3 a.on-state:visited {
background-color: #ff9966;
color: #000;
}

ul.nav3 li.interesting3 a.on-state, ul.nav3 li.interesting3 a.on-state:link, ul.nav3 li.interesting3 a.on-state:active, ul.nav3 li.interesting3 a.on-state:visited {
background-color: #ffff99;
color: #000;
}

ul.nav3 li.fascinating3 a.on-state, ul.nav3 li.fascinating3 a.on-state:link, ul.nav3 li.fascinating3 a.on-state:active, ul.nav3 li.fascinating3 a.on-state:visited {
background-color: #99ff99;
color: #000;
}

ul.nav3 li.amazing3 a.on-state, ul.nav3 li.amazing3 a.on-state:link, ul.nav3 li.amazing3 a.on-state:active, ul.nav3 li.amazing3 a.on-state:visited {
background-color: #ffccff;
color: #000;
}

ul.nav3 li.educational3 a.on-state, ul.nav3 li.educational3 a.on-state:link, ul.nav3 li.educational3 a.on-state:active, ul.nav3 li.educational3 a.on-state:visited {
background-color: #990033;
color: #fff;
}

ul.nav3 li.about3 a.on-state, ul.nav3 li.about3 a.on-state:link, ul.nav3 li.about3 a.on-state:active, ul.nav3 li.about3 a.on-state:visited {
background-color: #990033;
color: #fff;
}

ul.nav3 li span.on-state {
display: block;
font-size: 1.00em;
padding: 1px 8px 1px 4px;
margin: 0;
/*color: #fff !important;*/
width: 125px;
}

ul.nav3 li.incredible3 span.on-state {
background-color: #cc99ff;
color: #000;
border-left: 5px solid #330066;
}

ul.nav3 li.canadian3 span.on-state {
background-color: #ff9966;
color: #000;
border-left: 5px solid #cc3300;
}

ul.nav3 li.interesting3 span.on-state {
background-color: #ffff99;
color: #000;
border-left: 5px solid #ffff33;
}

ul.nav3 li.fascinating3 span.on-state {
background-color: #99ff99;
color: #000;
border-left: 5px solid #006600;
}

ul.nav3 li.amazing3 span.on-state {
background-color: #ffccff;
color: #000;
border-left: 5px solid #ff66cc;
}


ul.nav3 li a.menulink:hover {
background-color: #ffffff;
margin: 0;
display: block;
padding: 1px 8px 1px 4px;
color: #fff;
width: 125px;
}


ul.nav3 li.incredible3 a.menulink:hover {
color: #000;
background-color: #cc99ff;
border-left: 5px solid #330066;
}

ul.nav3 li.canadian3 a.menulink:hover {
color: #000;
background-color: #ff9966;
border-left: 5px solid #cc3300;
}

ul.nav3 li.interesting3 a.menulink:hover {
color: #000;
background-color: #ffff99;
border-left: 5px solid #ffff33;
}

ul.nav3 li.fascinating3 a.menulink:hover {
color: #000;
background-color: #99ff99;
border-left: 5px solid #006600;
}

ul.nav3 li.amazing3 a.menulink:hover {
color: #000;
background-color: #ffccff;
border-left: 5px solid #ff66cc;
}

/*FULL NAV3 ON-STATE COLORS*/

ul.nav3 li a.linked_on-state:link, ul.nav3 li a.linked_on-state:visited {
padding: 1px 8px 1px 4px;
margin: 0; 
}

ul.nav3 li.incredible3 a.linked_on-state:link, ul.nav3 li.incredible3 a.linked_on-state:visited {
color: #000;
background-color: #cc99ff !important;
border-left: 5px solid #330066;
}

ul.nav3 li.canadian3 a.linked_on-state:link, ul.nav3 li.canadian3 a.linked_on-state:visited {
color: #fff;
background-color: #ff9966 !important;
border-left: 5px solid #cc3300;
}

ul.nav3 li.interesting3 a.linked_on-state:link, ul.nav3 li.interesting3 a.linked_on-state:visited {
color: #000;
background-color: #ffff99 !important;
border-left: 5px solid #fff;
}

ul.nav3 li.fascinating3 a.linked_on-state:link, ul.nav3 li.fascinating3 a.linked_on-state:visited {
color: #000;
background-color: #99ff99 !important;
border-left: 5px solid #fff;
}

ul.nav3 li.amazing3 a.linked_on-state:link, ul.nav3 li.amazing3 a.linked_on-state:visited {
color: #000;
background-color: #ffccff !important;
border-left: 5px solid #fff;
}



ul.nav3 a.on-state {
background-color: #ffcc33;
color: #000000;

}


/*proactive link fix*/
div#procontainer ul.nav li a.menulink{
padding: 5px 10px 5px 10px !important;
}

/*Images for the galler pages*/

div.galleryPage {
width: auto;
margin:  10px 10px 15px 0;
padding: 0 0 0 40px;
float: left;
}

div.galleryPageImageleft  {
width: 130px;
margin: 0 15px 0 0;
padding: 0;
float: left;
}

div.galleryPageImageright  {
width: 130px;
margin: 0 0 0 15px;
padding: 0;
float: left;
}

div.galleryPageImageleft p, div.galleryPageImageright p, div.galleryPageImageleft-side p {
margin: 0 0 0 15px;
padding: 0;
font-size: .85em;
}

div.galleryPageImageleft-side  {
width: 130px;
margin: 0 15px 0 0;
padding: 0;
float: left;
}

.v2-right {

float:left;
width:170px;
margin: 15px 10px 10px 10px;
border:1px solid #aaa;

}

.v2-right img {
padding:10px 10px 0 10px;
border: none;
}


.v2-right p {
font-size:0.82em;
}

.v2-left {
float:left;
width:170px;
margin: 10px 10px 10px 10px;
border:1px solid #ccc;
}

.v2-left img {
padding:10px 10px 0 10px;
border: none;
}


.v2-left p {
font-size:0.82em;
}

.v2-center {
width:170px;
margin: 10px 10px 10px 200px;
border:1px solid #ccc;
}

.v2-center img {
padding:10px 10px 0 10px;
}


.v2-center p {
font-size:0.82em;
}


/*for images*/



/*.photos-right {
float: right;
width: 150px;
margin: 0px 0px 10px 10px;
}

.photos {
width: 150px;
}

.photos .caption {
width: 150px;
}*/

.explorer  {
width: 99%;
display: block;

}

.content-container {
margin: 0px 0px 0px 0px;
padding: 0px;
}


.photos-right {
width: 150px;
float: right;
margin: 10px 10px 10px 10px;
padding: 10px 10px 10px 10px;
border: 1px solid #ccc;
}


.photos-right p {
width: 150px;
padding: 0px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size:0.85em;

}

.photos-right img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid black;
}

.content-container3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 100px 0px;

}

.content-container2 {
width: 375px;
/*height: 250px;*/
margin: 10px 0px 0px 105px;
padding: 5px 0px 0px 5px;
text-align: left;
display: table;

}

.content-container4 {
width: 560px;
margin:  10px 0px 0px 20px;
padding: 0px;
display: table;

}



.photos {
float: left;
width: 150px;
margin: 0px 10px 10px 0px;
padding: 10px 10px 10px 10px;
border: 1px solid #ccc;
/*background-color: #cc99ff;*/

}

.photos p {
padding: 2px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size:0.85em;

}

.photos img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid black;
}

.photo-row-container {
width: 400px;
margin: 85px 5px 5px 100px;

}

.photo-row-container2 {
width: 150px;
margin: 0px;


}

/*.photo-row-container p {
display: block;
margin: 0px 0px 10px 0px;
text-align: left;
font-size:0.85em;
}*/

.photo-row img {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid black;
}

.photo-row {
width: 150px;
margin: 0px 10px 10px 0px;
padding: 10px 10px 10px 10px;
float: left;
border: 1px solid #ccc;
}

.photo-row p {
padding: 2px;
margin: 0px 0px 0px 0px;
text-align: left;
font-size:0.85em;

}

/*.photo-row td {
padding: 0px 6px 0px 6px;
}*/

.intro-text table {
width: 340px;
}

.intro-text td {
background: none;
padding: 5px 30px 5px 30px;
width: 340px;
}

.intro-text textarea {
width: 320px;
}

.center-image {
width: 150px;
margin-left: 220px;
margin-bottom: 20px;
/*border: 1px solid black;*/

}

/*FOR GRAPHICAL IMAGE IN MIDDLE COLUMN*/

/*.graphicalImage2Col img {
width: 557px;
margin-left: 0px;
padding: 0px 0px 5px 0px;


}*/

/*.graphicalImage2ColBlack img {
width: 84px;
margin: 0px 0px 0px 230px;
padding: 0px;


}*/

/*END OF GRAPHICAL IMAGE IN MIDDLE COLUMN*/

/*TO FIX THE LEFT MARGIN FOR THE TABLES IN FIREFOX*/
table.marginfix {
width: 100%;
margin: 10px 0 10px 0px;
padding: 0;

}

/*ED RESOURCES CSS*/

.handout1-Containter {
width: 540px;
margin: 20px 0px 0px 30px;
padding: 0px;

}

.handout1-Left {
width: 265px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #ccc;
float: left;
text-align: center;
}

.handout1-Right {
width: 265px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #ccc;
float: left;
text-align: center;
}

.handout1-Containter2 {
width: 540px;
margin: 20px 0px 0px 30px;
padding: 0px;

}


.handout1-NarrowLeft {
width: 265px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
color: #006600;
font-weight: bolder;
}

.handout1-NarrowRight {
width: 265px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
color: #006600;
font-weight: bolder;
}

.handout1-BottomLeft {
width: 265px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
}

.handout1-BottomRight {
width: 265px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
}

.handout1-BottomLeft-Last {
width: 265px;
height: 100px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
}

.handout1-BottomRight-Last {
width: 265px;
height: 100px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
text-align: center;
}

.word-listContainer {
width: 540px;
margin: 0px 0px 0px 30px;
padding: 0px;

}


.word-list {
width: 175px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

.Rubric-Container {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;

}

.Rubric-Left {
width: 400px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;

}

.Rubric-Right {
width: 100px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}

.Rubric-Left-Last {
width: 400px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;

}

.Rubric-Right-Last {
width: 100px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.RankingSystemContainer {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;


}

.headingRow1 {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
}

.headingRow2 {
width: 225px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
}

.headingRow3 {
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
}

.RankingSystem1 {
width: 100px;
height: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
}

.RankingSystem2 {
width: 225px;
height: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
}

.RankingSystem3 {
width: 200px;
height: 35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
}

.RankingSystem3Last {
width: 200px;
height: 35px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
}


.AlternativesContainer {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;

}

.Alternatives1 {
width: 100px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
text-align: center;
color: #006600;
font-weight: bolder;
}

.Alternatives1a {
width: 100px;
height: 49px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #ccc;
float: left;
}

.Alternatives1b {
width: 100px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
text-align: center;
}


.Alternatives2 {
width: 425px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
text-align: center;
color: #006600;
font-weight: bolder;
}

.Alternatives3a {
width: 84px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
text-align: center;
color: #006600;
font-weight: bolder;
}

.AlternativesLast {
width: 84px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}


.GovCorpContainer {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;

}

.GovCorp {
width: 512px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
}

.GovCorp-Left {
width: 400px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp-Right {
width: 100px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp-Right-Last {
width: 100px;
height: 50px;
margin: 0px 0px 30px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}


.GovCorp2-Left {
width: 400px;
height: 75px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp2-Right {
width: 100px;
height: 75px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp2-Left-Last {
width: 400px;
height: 75px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp2-Right-Last {
width: 100px;
height: 75px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}
.GovCorp3-Left {
width: 400px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp3-Right {
width: 100px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp3a-Left {
width: 400px;
height: 125px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp3a-Right {
width: 100px;
height: 125px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp3-Left-Last {
width: 400px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp3-Right-Last {
width: 100px;
height: 100px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp4-Left {
width: 400px;
height: 165px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp4-Right {
width: 100px;
height: 165px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp4-Left-Last {
width: 400px;
height: 165px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.GovCorp4-Right-Last {
width: 100px;
height: 165px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}


.HistoricalContainer {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;

}

.Historical-Left {
width: 400px;
height: 150px;
margin: 0px 0px 30px 0px;
padding: 5px 5px 5px 5px;
border: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical-Right {
width: 100px;
height: 150px;
margin: 0px 0px 30px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}


.Historical2-Left {
width: 200px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical2-Center {
width: 150px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical2-Right {
width: 140px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical2-Left-Last {
width: 200px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical2-Center-Last {
width: 150px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical2-Right-Last {
width: 140px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Left {
width: 225px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Center {
width: 225px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Right {
width: 40px;
height: 40px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Left-Last {
width: 225px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Center-Last {
width: 225px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Historical3-Right-Last {
width: 40px;
height: 40px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}


.InquiryContainer {
width: 540px;
margin: 10px 0px 0px 30px;
padding: 0px;

}

.Inquiry-Left {
width: 300px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Inquiry-Center {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Inquiry-Right {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
color: #006600;
font-weight: bolder;
text-align: center;
}

.Inquiry1-Left {
width: 300px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;
}

.Inquiry1-Center {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
}

.Inquiry1-Right {
width: 100px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;
}

.Inquiry2-Left {
width: 300px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;

}

.Inquiry2-Center {
width: 100px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}

.Inquiry2-Right {
width: 100px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}


.Inquiry2-Left-Last {
width: 300px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.Inquiry2-Center-Last {
width: 100px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;

}

.Inquiry2-Right-Last {
width: 100px;
height: 50px;
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
float: left;
}

.Inquiry3-Left {
width: 300px;
height: 75px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
float: left;

}

.Inquiry3-Center {
width: 100px;
height: 75px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}

.Inquiry3-Right {
width: 100px;
height: 75px;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
float: left;

}

.WordList {
color: #006600;
}




/*FOR THE COMMENTS SECTION ON 1203.3 PAGE*/

.suggestions {
height: 100px;
}