/* CSS Document for Philip Livingston DAR site */

body { margin: 30px; border: 10px solid #000066; 
  border-left: 10px solid #C30031; border-top: 10px solid #C30031;
  background-image: url(Images/blue_rays.jpg); color: black;
  font-family: Garamond, Times New Roman, serif; font-size: 1.3em; }

h1,h2,h3 { color: #000066; }

h1 { font-size:xx-large; text-align: center; }
h2 { font-size: x-large; }
h3 { text-align: center; font-style: italic; color: white;}

strong { font-family: Garamond, Times New Roman, serif; font-weight: bold; font-style: italic; font-size: larger; }
em { font-style: italic; }

#banner { color: white;  background-color: #000066;
  font-size: 1.3em; font-weight: bold;
  font-family: Arial, Helvetica, sans-serif; text-align: center; }

#navigationtool { background-color: #000066;
  font-family: Arial, Helvetica, sans-serif; }

#navigationtool ul { list-style-type: none;
  margin: 0;  padding: 0;  }
#navigationtool li {  padding: 5px;
  border: thin solid white;  margin: 1px; }
#navigationtool a { color: #CCDFFF; }

#contacts { color: white; }
#contacts a { color: white; }

.Lefty { float: left; margin-right: 10px; }
.Righty { float: right; margin-left: 10px; }
.Disclaimer { text-align: center; font-size: smaller; }
.middy { text-align: center; }
.RedLine { border-top: 5px solid #C30031; height: 0; }
.WhiteLine { border-top: 5px solid white; height: 0; }

.twoCol {
	float: left;
	margin: 0;
	width: 50%;
	padding-bottom: 1em;
	text-align:center; 
}
.triCol {
	float: left;
	margin: 0;
	width: 33%;
	padding-bottom: 1em;
}
.triCol + .triCol {
	width: 34%;
}
.triCol + .triCol + .triCol {
	width: 33%;
}

#banner, #maincontent, #contacts { position: static; }
#certification, #award, #RedStaff, #WhiteStaff, #navigationtool, #Photo { position: absolute; }

#contacts { margin: 20px; }
#banner { margin: 0; margin-left: 179px; }
#maincontent { margin-left: 179px; background-color: white; }
#certification { left: 40px; top: 40px; background-color: white; }
#award { top: 45px; right: 40px; background-color: white; }
#navigationtool { left: 40px; top: 135px; }
#Photo { left: 40px; top: 530px; }
#WhiteStaff { left: 214px; top: 135px; bottom: 41px; width: 5px; background-color: white; }
#RedStaff { left: 219px; top: 135px; bottom: 41px; width: 5px; background-color: #C30031; }

#banner { border-left: 5px solid white; border-bottom: 5px solid white; padding: 10px; 
  padding-bottom: 25px; height: 55px; }
#certification { border-right: 5px solid #C30031;  border-bottom: 5px solid #C30031; 
  padding-right: 5px; padding-top: 4px; padding-bottom: 5px; width: 169px; height: 81px; }
#award { padding-right: 5px; width: 92px; height: 81px; }
#maincontent { border-top: 5px solid #C30031; border-left: 5px solid #C30031; 
  padding: 15px; min-height: 473px; }
#navigationtool { border-top: 5px solid white; border-right: 5px solid white; 
  border-bottom: 5px solid #C30031; padding: 10px; width: 154px; height: 365px; }
#Photo { border-top: 5px solid white; border-right: 5px solid white; 
  border-bottom: 5px solid #C30031; width: 174px; height: 109px; }

#contacts { margin-top: 0px;  padding: 10px; min-height: 120px; }