@import url("bgimage.css");


/* Pretty Stuff
================================== */

/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  background-color:#D4D4D4;
  font-size:0.8em;
}

h2 {
  font-size: 1.3em;
  font-weight: normal;
  line-height:1.2em;
  padding-top:1em;
}

h3 {
	background-color:#05A966;
	font-size: 1em;
	font-weight:normal;
  	line-height:1.2em;
	padding:1px;
}

h4 {
	background-color:#FFCC00;
	font-size: 1em;
	font-weight:normal;
  	line-height:1.2em;
	padding:1px;
	margin-bottom:4px;;
}	

.cpd {
/*	background-color:#6bb3f2; */
/*	background-color:#a86405; */
	background-color:#059ba8;
}

.needs{
	background-color:#fda1c1;
}

.culture {
	background-color:#7965eb;
}

.admin{
	background-color:#990080;
}

p {
  font-size: 1.2em;
  line-height: 1.2em;
}

.images {
	padding-right:1em;
	padding-bottom:0.5em;	
}

#wrapper {
  background-color: #FFFFFF;
}


#banner {
	background-color:#0000FF;
	line-height:63px;
}


#images {
	padding-right:10px;
	padding-bottom:5px;
	padding-top:3px;
}

/* .album and .la class allow background image to be diffrent for every area of site */
.bkgphoto {
 width: 432px; height: 62px;
 background-repeat: no-repeat;
 float:right;
}



h1 { 
	font-size:2.0em;
	color:#FFCC00;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*
#secondaryContent {
  background-color:#eee;
}

#secondaryContent h2 {
  font-size: 1.6em;
  margin: 0;
}

#secondaryContent p {
  font-size: 1.2em;
}
*/

#footer {
  background-color:#b0b0b0;
  padding: 1px 20px;
}



/* The Core Technique
================================= */

body {
  font-size: 62.5%;
  text-align: left;
}

#wrapper {
  width: 78em;
  margin: 0em auto; 
  text-align: left;
}

#mainNav { 
  width: 20em; 
  float: left; 
}

#content { 
  width: 56em; 
  float: right; 
}

#mainContent { 
  width: 42em; 
  float: left; 
}

#secondaryContent { 
  width: 12em;
  float: right; 
} 

#footer { 
  clear: both; 
} 

/* Add some padding
================================== */ 

#mainNav, #secondaryContent {
 padding-top: 0;
  padding-bottom: 20px;
}

#secondaryContent {
	padding-top:0.5em;
}
/* Caused trouble with lines
#mainNav *, #secondaryContent * {
  padding-left: 20px;
  padding-right: 20px;
}
*/

#mainNav * *, #secondaryContent * * {
  padding-left: 0;
  padding-right: 0;
}




#access {
	background-color:#000000;
	color:#FFFFFF;
	text-align:right;
	font-size: 1em;
	font-variant:small-caps;
	padding-right: 2px;
	margin-bottom: 2px;
}



#banner {
	background-color:#003399;
	color:#FFFFFF;
	height: 63px;	
}

#logo {
	padding-right:15px;
}


#bar {
	background-color:#05A966;
	height: 1.5em;
	font-size:1em;
	text-align:right;
	color: #FFFFFF;
}

#bar ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}

#bar ul li {
	display: inline;	
}

#bar ul li a {
	float: right;	
	height: 1.3em; /* was 18px must adjust if change size of divBar*/
	padding-left: 10px;
	padding-right: 10px;
	padding-top:0.2em;
	text-decoration:none;
}

#bar ul li a:link, #divBar ul li a:visited {
	color:#e8e9e2;
}

#bar ul li a:hover {
	background-color: #717A73;

}



/* asthetics */
#navigation {
	width: 18em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.6em;
	
}

/* Removes list styles */
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


#navigation li {
	border-bottom: 1px solid #9c9c9c;
}

/*
#navigation li a:link, #navigation li a:visited {
	display: block;
	
	border-left: 12px solid #003399;
	border-right: 12px solid #003399; 
	background-color: #003bb0;
	color: #FFFFFF;
	
	text-decoration: none;
	
} 
*/

.subnav li{
	font-size:1em;
	line-height:1.3em;
}


/* hover state */
#navigation li a:hover {
	background-color: #999999;
	color: #FFFFFF;
}

/* indents sub navigation */
#navigation ul ul {
	margin-left: 12px;
}


#navigation ul ul li {
	border-bottom: 1px solid #283c63;
	margin:0;
} 

#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #466ab0;
	color: #ffffff;
}



/* sets current page look and state 
#navigation #mainNav .home a, #navigation #mainNav .learnteach a {
	background-color:#003399;
	cursor:default;
	padding: 5px 5px 5px 0.5em;
}

*/
#navigation a:active{
	background-color:#3399CC;
}

#map {
	padding-bottom:3em;
}

#secEmail {
	padding-left:0.5em;
}


#secondaryContent {
	border:1px solid #05A966;
	margin-top:0.1em;
	margin-bottom:0.1em;

	
}


#secondaryContent h4, h5{
	
	background-color:#0066CC;
	font-size:1em;
	height:1.4em;
	text-align:center;
	
	
}

#secondaryContent h5{
	background-color:#05A966;
	text-align:left;
	margin-top:1em;
	margin-bottom:0.3em;
}

#secondaryContent h4{
	margin-top:2em;
}

#footer {
  background-color:#05A966;
  padding: 2px; /* padding was 1px 20px */
  text-align:right;
  height:1em;;
}

#sitemap {
	margin:5px;
	padding:0;
	list-style:none;
	line-height:2.5em;
}

.indent {
	margin-left:2.3em;
	list-style:none;
	padding-bottom:1em;
}