/* filename: site.css , provides css formatting support for the web page  */

/* Global Body properties */
body { 
  font-family: Trebuchet MS,Helvetica,Arial,sans-serif ;
	width:100%; height:100%;
   background-image: url(resource/background.gif);
   background-position: left:150px; top:0px;
  background-repeat:repeat;
  background-attachment: fixed;
}

/* Wrapper for right-side elements*/
#rightcontainer{
  position:absolute; left:150px; top:0px;
  width:100%; height:100%;
}

/*body content container. */
#content {
  top:100px;
  margin: 20px;
	width:80%;
}

	
h1 {
    font-size: xx-large;
    color: White;
    text-align: center;
  	color: Indigo;
}
h2 {
  font-size: x-large;
  margin: 0px ;
  line-height: 1.1em ;
  color: Indigo;
}
h3 {
  font-size: large;
  margin: 0px ;
  line-height: .8em ; /* 1.1em*/
  font-weight: bold;
  color: Indigo;
}
p {
	font-size: medium;
  color: #000066;
  margin: 0px ;
  line-height: 1.2em ;
}

/* Styling the horizontal rule element */
hr {
  border: 0;
  width: 100%;
  margin: 10px
  color: #A0A; /* define twice for cross-browser rendering */
  background-color: #A0A;
  height: 2px;
}

/* overloaded table formatting */
table
{
border-collapse:collapse;
}
table, td, th
{
   border:0px;
   text-align: center;
   font-family: Trebuchet MS,Helvetica,Arial,sans-serif ;
   color: #000066;
   font-size: medium;
    padding-right:5px;
    padding-left:5px;
}


/* container for the navigation bar MAY NOT BE NEEDED */
#navbar {
	position:absolute;
	left:0px;
	top:0px;
	width:150px /*180px*/;
	background-image: url(resource/navline.png);
	background-position: 0px 0px;
	background-repeat: repeat;

}

#navcontent{
	color:#aaf; padding: 5px;
	width: 140px /*170px*/;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 5px;
	margin-left: auto;
	border-top: 1px solid #008 ; /* may be a vanity?*/
	border-right: 1px solid #c0ffff ;
	border-bottom: 1px solid #c0ffff ;
	border-left: 1px solid #008 ;
}

/* hERE IS THE SITE TOP BANNER */
#banner {
	/*position:absolute;left:150px ; top:0px;*/
  width:100%; height:100px;
	background-image: url(resource/bannerline.png);
	background-position: 0px 0px;
	background-repeat: repeat;
}

/*Footer */
#footer {
/*position: absolute; left: 0px;*/
 	clear: all;
 	width:75%;
 	text-size:6px;
	text-align: right; color:#aaaaff; margin-left:20px;
}

/* Upper right element containing jobie logo with permalink to homepage*/
#home { 
	height: 100px;
	width: 150px /*180px*/;  

}

/* Navigation Buttons*/
#pageid{
	width: 150px /*180px*/ ;
	font-size: 1em;
	color: #ff5;
	text-align: center ;
	height: 1.5em;/*set box height*/
	line-height: 1.5em; /*center text vert. */
	background-image: url(resource/pageid.png);
	background-position: 0px 0px; 
	background-repeat: repeat;
	border: 1px outset #9191ff ;
	border-top: 1px solid #c0ffff ; 
}
#navheader {
	width: 150px /*180px*/ ;
	font-size: 1em;
	color: #fff;
	text-align: center ;
	height: 1.5em;/*set box height*/
	line-height: 1.5em; /*center text vert. */
	background-image: url(resource/altline.png);
	background-position: 0px 0px; 
	background-repeat: repeat;
	border: 1px outset #9191ff ;
	border-top: 1px solid #c0ffff ; 
}
/*-- Code for Navigation buttons */
#navbutton {
	width: 150px ; /*width: 150px /*180px*/ ;*/
	text-align: center ;
	font-size: .75em; /*font-size: 1em;*/
}

#navbutton ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	text-align: center ;
}

#navbutton li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;
	font-size: .9em;
	text-align: center ;
}

#navbutton li a {
	color: #fff ;
	height: 1.5em;/*set box height*/
	line-height: 1.5em; /*center text vert. */
   border-top: 1px solid #c0ffff ;
	border-right: 1px solid #008 ;
	border-bottom: 1px solid #008 ;
	border-left: 1px solid #c0ffff ;
	width: 149px /*180px*/ ;
	text-align: center ;
	text-decoration: none ;
	display: block ;
}

#navbutton li a:hover {
	color: #000 ;
	background-image: url(resource/altline.png);
	background-position: 0px 0px;
	background-repeat: repeat;
}

/*TEST ACTIVE BUTTON CLASS, unknown*/
#navbutton li a:active {
	color: #fff ;
	background-image: url(resource/pageid.png);
	background-position: 0px 0px;
	background-repeat: repeat;
}
/*End Vert Navigation Code*/

/*Horizontal Nav-menu*/
  #hmenu ul {
  padding: 2px 0 ;
  margin:2px;
  width: 100%;
  text-align:center;
  font-family:"trebuchet MS",helvetica,arial,"san serif";
  font-size: .75em;
  background-color: Purple;
}

#hmenu ul li {
  display:inline;
  list-style-type: none;
}

#hmenu ul li a:link, #hmenu ul li a:visited
{
  color:white;
  text-decoration:none;
  padding: 5px;
}

#hmenu ul li a:hover {
	background-color: #dd00dd;
  color: white;
 }
/*End Horizontal Nav*/

/* an optional use area in column below Navigation buttons */
#newsbox{
	width: 140px /*170px*/ ;
/	font-size: .8em;
	color: #fff;
	text-align: left ;	
	padding: 5px;	
	border: 1px inset #9191ff ;
	border-top: 1px solid #c0ffff ;
}

/* Image Constructs */

#bannerphoto{
text-align: center;
}

/* special button for facebook link */
#facebutton{
	width: 149px /*180px*/ ;
	height: 31px;
   border-top: 1px solid #c0ffff ;
	border-right: 1px solid #008 ;
	border-bottom: 1px solid #008 ;
	border-left: 1px solid #c0ffff ;
	display: block ;
}

#facebutton:hover {
	background-image: url(resource/pageid.png);
	background-position: 0px 0px;
	background-repeat: repeat;
}



/* Places a photo on the right margin , optional caption*/
#rightphoto{
float:right;
background-color: white;
padding: 10px;
border:1px solid black;
margin:10px 0px 10px 20px;
text-align: center;
clear: both;
}

/* Places a photo on the centered between margins , optional caption*/
#centerphoto{
background-color: white;
padding: 10px;
border: none;/*1px solid black;*/ 
margin:10px;
text-align: center;
}

/* Places a photo on the left margin , optional caption*/
#leftphoto{
float:left;
background-color: white;
padding: 10px;
border:1px solid black; 
margin:10px 20px 10px 0px; /*TOP-RIGHT-BOTTOM-LEFT */
text-align: center;
clear: both;
}