/** 
CSS Document for Project Phoenix
Author: Reuben Goulart
**/

/** Constants **/
h1{color:white; font-size:22px; font-weight:bold; padding:0; margin:0;}
h2{color:#0c2d57; font-size:14px; font-weight:bold; padding:0; margin:0;}
h3{}
h4{color:#29568f; font-weight:bold; font-size:10px; padding:0; margin:0;}
a{text-decoration:none; color:#29568f; font-size:10px;}
a:hover{text-decoration:underline;}
a:visited{text-decoration:none;}
a:visited:hover{text-decoration:underline;}
p{color:black; font-size:10px; margin:0; padding:0;}
img{border:0; padding:0; margin:0;}

/** Required CSS **/
body{padding:0;margin:0;background-color:#ececec;font-family:verdana;}
	#container{margin: 0 auto; width: 720px; background: transparent url(../../images/bkg.jpg) repeat-y; }
		#content{margin: 0 auto; width:700px;}
			#header{padding:0; height:114px;}
				#header img{padding:0; margin:0;}
			#menubar{z-index:0; background-color:#29568f;}
			#flash{padding:0; margin:0;}
			#meat{height:403px; width:660px; margin:10px auto;}
			#footer{height:25px; width:700px; background-color:#0c2d57; clear:both;}
				.leftside{float:left; width:300px;}
					.leftside p{color:white; padding:6px 10px;}
				.rightside{float:right; width:400px; text-align:right;}
					.rightside a{color:white; padding-right:15px;}
					
/** Main page CSS **/
.infoBox{width:150px; font-weight:bold; margin:0 auto;}
	.leftdate{width:55px; float:left; vertical-align:top; padding:10px 0;}
	.rightinfo{width:90px; float:right; padding:8px 0; line-height:1em;}
.infoBox2{width:160px; line-height:1em; margin:0 0 0 13px; padding:0;}
	.infoBox2 p{clear:both; line-height:1.4em;  padding:5px 0;}
	.leftimage{width:45px; float:left; font-weight:bold; padding:8px 0 0 0;}
	.rightLink{width:100px; float:right; font-weight:bold; padding:6px 0 0 0;}
#column1{width:205px; height:390px; background-color:#ececec; border:1px solid #9a9a9a; float:left; margin-right:18px;}
	#column1 h3{margin:0;padding:7px;font-weight:bold; font-size:10px; color:white; background:transparent url(../../images/heading_bkg.jpg) no-repeat; clear:both;}
	#column1 p{ font-size: 11px; padding:5px 10px; margin:0;}
#column2{width:205px; height:390px; background-color:#ececec; border:1px solid #9a9a9a; float:left; margin-right:18px;}
	#column2 h3{margin:0;padding:7px;font-weight:bold; font-size:10px; color:white; background:transparent url(../../images/heading_bkg.jpg) no-repeat; clear:both;}
#column3{width:205px; height:390px; background-color:#ececec; border:1px solid #9a9a9a; float:left; }
	#column3 h3{margin:0;padding:7px;font-weight:bold; font-size:10px; color:white; background:transparent url(../../images/heading_bkg.jpg) no-repeat; clear:both;}
	.information{width:178px; margin:5px auto; line-height:.7em;}
		.information p{padding-bottom:5px; padding-left:5px;}
		
/** Template CSS **/
	#contentSub{margin: 0 auto; width:700px; background:transparent url(../../images/subBKG.jpg) repeat-y;}
		#meatSub{width:700px; margin:0;  padding:0;}
			#menuList{float:left;width:162px;  background-color:#ccc; margin:0; padding:0; border-right:1px solid #9a9a9a;}
				#menuList ul{list-style-type:none; margin:0; padding:0;}
					#menuList ul li{width:162px; padding:0; margin:0;}
						#menuList ul li a{display:block; padding:10px 20px; border-bottom:1px solid #9a9a9a; font-size:11px; color:#0c2d57; height:15px; }
							.menuListLit p{background-color:#9a9a9a; color:white; font-weight:bold; display:block; padding:10px; border-bottom:1px solid #9a9a9a; font-size:11px;}
							#menuList ul li a:hover{text-decoration:none; background-color:#5a92db; color:white; font-weight:bold;}
							#menuList ul li a:visited{text-decoration:none; background-color:transparent; color:#0c2d57;}
							#menuList ul li a:visited:hover{text-decoration:none; background-color:#5a92db; color:white; font-weight:bold;}
			#contentarea{float:left; width:536px; background-color:white; margin:0; padding:0;}
			#titleBanner{float:left; width:537px; background-color:#b3ae81; margin:0; padding:0;}
				#leftContents{float:left; width:336px; padding:10px 0 0 10px;}
					#leftContents p{padding:5px 5px 2px 5px; font-size:12px; color:white; line-height:1.5em;}
					#leftContents a{font-size:14px; color:white; font-weight:bold; float:right;}
				#rightContents{float:right; width:170px; border-left: 2px solid #736f46; padding:0; margin:0;}
					#rightContents img{padding:0; margin:0;}
			#informationArea{float:left; width:500px; padding:10px;}
				#informationArea p{padding:9px; font-size:12px; line-height:1.5em;}
				#informationArea a{font-size:12px;}
				
/** Contact Page CSS **/
	#mapContainer{height:500px; width:500px;}
	
/** Articles Page CSS **/
	.article{margin:10px; padding:0; width:490px; height:70px; background-color:#29568f; clear:both;}
		.leftart{width:60px; height:70px; text-align:center; color:#29568f; font-size:14px;float:left;}
			.leftart p{color:white;}
		.rightart{width:428px; height:70px; background-color:white;float:right; border-left:2px solid white;}
			.rightart a{color:#29568f;}
			.rightart a:hover{text-decoration:none;}
			.rightart p{color:#29568f; }
		.rightart:hover{background-color:#a7a37e; cursor:pointer; border-left:2px solid #736f46;}
			.rightart:hover p{color:white;}
			.rightart:hover a{color:white;}