/*
   
   Final Project

   
   Author:  Tom Harkins             
   Date:    12/3/2011         

   Filename:         pcmm.css
   Supporting files: greenbar.jpg, holiday.jpg, salogo.jpg, sunny.css
*/




body  	{
		margin: 0 0 0 30px;
		padding: 0 0 0 0;
		width: 800px;
			}
h1		{
		font-family:Verdana;
		font-size:18px;
		text-align: left;
		padding: 20px 20px;	
		}
		
h2		{
		font-size:16px;
		font-family:Verdana;
		padding:0px 25px;
		}

h3		{
		font-size:14px;
		font-family:Verdana;
		padding:0px 10px;
		}
		
h4		{
		font-size:12px;
		font-family:Verdana;
		padding:0px 10px;
		}
		
p		{
	font-size: 14px;
	padding: 0px 35px;
	text-align: left;
		
		}

address {
	font-size: 12px;
	font-weight: bold;
	font-family: Courier;
	word-spacing: 10px;
	letter-spacing: 2px;
	text-align: center;
	padding: 15px 15px;
		}
		
table.services		{border: 10px outset red; border-collapse: collapse; margin: 0 0 40px 50px;
						font-family: Arial, Helvetica, sans-serif; font-size: .7em; width: 80%}
table.services th
		{ font-size: 12pt;}		
	
table.services td
		{font-size: 10pt;}		
						
table.services thead	{color: white; background-color: blue; font-weight:bold}
table.services col.serviceCol {background-color: lightsteelblue; width: 25%}
table.services col.descriptionCol {background-color: lightsteelblue; width: 60%}
table.services col.priceCol  {background-color: lightsteelblue;width: 15%}
table.services thead tr {height: 20px}
table.services tbody tr {height: 30px}
table.services tbody td {vertical-align: top; padding: 5px}
table.services caption {caption-side: top; text-align: right; font-style:italic;}


		
#header  {		
		 width:100%;				 
		 }
		 
#header img {
		padding:0 50px 10px 20px;
		float: left;
		vertical-align:text-bottom;
}
#header  h1  {
		padding:40px 0 0 40px;
		text-align: left;
		color: rgb(90,0,0);
		
		
		}
#menu  	{background-color: thistle;
		 height:23px;
		 width:800px;
		 border-bottom:3px solid gray;
		 padding:0 0 0 0;
		 clear:both;
		}
#mainContent  {
	background-color: lightyellow;
	width: 70%;
	height: 700px;
	float: left;
		}
#mainContent h1 {
		font-family:Verdana;
		font-size:18px;
		text-align: left;
		padding: 5px 30px;	
}

#footer  {
	border-width: 5px;
	border-top-style: ridge;
	width: 100%;
	clear: both;
		}
#subfooter  {
	width: 70%;
	clear: both;
		}			
		
		
#menu a:link,		
#menu a:visited {
		text-decoration: none;
		color: firebrick;
}
#specialLink a:link,
#specialLink a:visited {
		text-decoration: none;
		color: firebrick;
}

#specialLink  a {
		color: gray;
		font-size: 14pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 15px 15px 15px 15px;
		padding: 0 0 0 0;
}


#specialLink  a:hover {
		color: blue;
		border: none;
}

#menu  a {
		color: gray;
		font-size: 14pt;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin: 15px 15px 15px 15px;
		padding: 0 0 0 0;
}


#menu  a:hover {
		color: blue;
		border: none;
}


#serviceContent {
		width:100%;
}

#supportContent {
		width:100%;
}
#remoteContent {
	width: 700px;
	margin-left: 0px;
	padding-left: 100px;
	list-style-position: outside;
	background-color: #E5E6EE;
	font-weight: bold;
}

#botlink {
		color:red;
		text-align: center;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
}

#news  {
	background-color: silver;
	width: 30%;
	height: 700px;
	float: right;
	overflow: auto;
		 		}		
#news p{		
		font-size:10pt;
		text-align: justify;
		padding: 0 15px 0 15px;
}

#news h1{
		font-size:14pt;
		text-align:center;
}

#news h2{
		font-size:10pt;
}

#news h3{
		font-size:10pt;
		font-style:italic;
}

#news h4{
		font-size:10pt;
}

.firstOrd {
	list-style: url('graphics/star.png');
	padding-top: 10px;
	padding-right: 0;
	padding-left: 30px;
	padding-bottom: 0;
}
.secondOrd  {
	list-style-image: url('graphics/checkmark.gif'); 
	padding-top: 0;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 0;
	
	
	margin-left: 30px;
}

.firstOrd li{
			padding: 10px 0 0 0;
			
}
.secondOrd  li{
			padding: 5px 0 0 0;
			
}