/* Stylesheet for Creative Employment Opportunities */



* {
	margin: 0px;
	padding: 0px;

} /* sets all margins to 0 for all browsers. i.e. clean slate */



/* layout div styles */



body {

	background-color: white;

	text-align:left;

	height:100%;

}

#container {

	text-align:center;

	

}



#maincontainer {
	position:relative;
	text-align:left;
	width:773px;
	top: 0px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 0;
	left: 0px;

}

#layout {
	height:365px;
	width:100%

}

#header {
	position:absolute;
	height:139px;
	width:773px;
	top:132px;
	left:-2px;
	background-repeat: no-repeat;

}



#footer {
	position:static;
	height:38px;
	text-align:center;
	font-size:12px;
	width:773px;
	line-height:38px;
	bottom: auto;
	margin-top:0px;

}



#content {
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}



#pagecontent {

	text-align:left;
	padding:15px;
	font-size: 12px;

}



#textleft {
	text-align:left;
	float:left;
	height:auto;
	width:550px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: static;



}

#textright {
	text-align:left;
	float:right;
	height:50%;
	width:23%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;



}

/* font display properties */

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:12px;}

body {

	font-family:Arial, Helvetica, sans-serif;

}

.footertext {
	font-size:12px;
	clear: both;
	margin-left: 0%;
	margin-right: 0%;
}



/* css for styling the drop down menus */



#menu {
	position:absolute;
	top:95px;
	left:187px;
	height:0px;
	width:773px;
	font-size:12px;
	right:0px;
	bottom:0px;
	z-index:3;
	overflow:visible;

}

#menu li:hover, #menu li.hover {   /* ie7 drop down stick bug fix */

    position:static;

    }   


#nav {height:30px; line-height:30px;	list-style: none;}


#nav ul { /* all lists */

	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	border-bottom:solid 1px #000000;

}



#nav a {
	display: block;
	width: 7em;
	color:#042AE3; /* navigation text color */
	text-decoration:none;

}

#nav li a:hover {
	background-repeat: no-repeat;
	background-position: center;

}


#nav li a {text-align:center;}

#nav li { /* all list items */
	float:left;
	width: 7em;
	margin: 0px;

}

#nav li ul li a:hover {

	background:yellow; /* drop down menu hover color */

	}

#nav li ul li {

	text-align:left;
	background:white;	/* drop down menu color */
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-top:solid 1px #000000;
}

#nav ul li {width:15em !important; line-height:30px;}

#nav li ul li a {text-align:left; padding:5px 1.5em; line-height:15px; width:12em;}

#nav li ul { /* second-level lists */

	position: absolute;
	float:left;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
}
.images {
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}