@charset "utf-8";
/* stylesheet.css for home page only */

/* universal style rule */
* {
/* block all  default browser margins and padding */
	margin:0;
	padding:0;
	/*border: dashed 1px #C00;*/
}

body {
	background-color:#676767;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
	text-align:justify;
}
	

#wrapper {
	width:60em;
	background-color:#c5d4ff;
/* center the wrapper */
	margin:auto;
}

#branding {
	height:5.625em;
	background-color:#C6D4F7;
	color:#006;
	text-align:left;
}

/* fixes the mysterious image gap */
#branding img {
	display:block;
}
	

#branding h1 {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.60em;
	padding-top:0.55em;
}

#topleftbar {
/*toprightbar1 margin has to be equal to this width */
	width:25em;
	float:left;
	
}

/* fixes the mysterious image gap */
#topleftbar img {
	display:block;
}
	

#toprightbar1 {
/* topleftbar width has to be equal to left  margin */
	margin-left:25em;
	background-color:#006;
	height:8.75em;
}

#toprightbar1 p {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	color:#FFF;
	text-align:center;
	position:relative;
	top:2.35em;
	letter-spacing:0.0625em;	
}

#toprightbar2 {
	margin-left:25em;	
}

/* fixes the mysterious image gap */
#toprightbar2 img {
	display:block;
}


#navbar {
	height:3.625em;
	width:60em;
/*same color as last button */
	background-color:#D60093;	
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

/*remove bullets from ul in the nav bar*/
#navbar ul {
	list-style-type:none;
}
	
/* make a horizontal list */
#navbar li {
	float:left;
	width:7.5em;
	height:3.635em;
	text-align:center;
	line-height:3.635em;
}

/*applies to nav bar links, visited, unvisited */
#navbar a,
#navbar a:link,
#navbar a:visited {
font-size:1.2em;
text-decoration:none;
color:#009;
}
	
/* applies to navbar active and hover links */
#navbar a:active,
#navbar a:hover {
	text-decoration:underline;
}

.orange {
	background-color:#F30;
}

.yellow {
	background-color:#FF0;
}

.blue {
	background-color:#469eff;
}
	

#maincontent {
	clear:both;	
	background-color:#FFF;
	padding:0.9375em;
}

#footer {
	height:1.5625em;
	background-color:#2f3a96;
}

/*remove bullets from ul in the footer*/
#footer ul {
	list-style-type:none;
}

#footer #centeringdiv {
	width:29.5em;
	margin:0 auto;
}
	
/* make a horizontal list */
#footer li {
	float:left;	
	text-align:center;	
}

/*applies to footer links, visited, unvisited */
#footer a,
#footer a:link,
#footer a:visited {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-decoration:none;
	color:#fff;
	display:block;
	height:2em;
	padding-left:1em;
	line-height:2em;
	outline-style:none;
	font-weight:normal;
	
}
	
/* applies to footer active and hover links */
#footer a:active,
#footer a:hover {
	text-decoration:underline;
}
	
#credits {
	background-color:#FFF;
	height:1.5em;
	text-align:center;
	font-size:0.7em;
	padding-top:0.3em;	
	color:#0F2433;
	font-weight:normal;
}

/*applies to credits links, visited, unvisited */
#credits a, #credits a:active, #credits a:visited {
	color:#0F2433;
	text-decoration:none;
	font-weight:normal;
}

#credits a:hover {
	text-decoration:underline;
}