/* *************    the big stuff    ************* */
body, td{ background-color:#103334; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF;}
.header{ width:754px; margin-left: auto; margin-right: auto; border:solid #FFFFFF 1px;}
.navigation{ background-color:#103334; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px; border-color:#FFFFFF;}
.imagepadding{ padding-left:40px;  padding-top:29px;}
.container{ width:754px; margin-left: auto; margin-right: auto; border-left:solid #FFFFFF 1px;  border-right:solid #FFFFFF 1px; border-bottom:solid #FFFFFF 1px;}
.hide { visibility: hidden; }


/* *************  orange about us page    ************* */

.titleabout{ background-color:#FC6610; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}
.contentabout{ background-color:#FA9918; padding:30px 40px 10px 40px; min-height:150px;}
 /* for Internet Explorer min-height hack*/
/*\*/
* html .contentabout {
height: 150px;
}
/**/
.footerabout{ background-color:#FC6610; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}

/* *************  teal green  grafix page    ************* */

.titlephoto{ background-color:#1A6633; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}
.contentphoto{ background-color:#309865; padding:30px 40px 10px 40px; min-height:150px;}
 /* for Internet Explorer min-height hack*/
/*\*/
* html .contentphoto {
height: 150px;
}
/**/
.footerphoto{ background-color:#1A6633; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}

/* *************   red multimedia page    ************* */

.titlegraphics{ background-color:#66080C; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}
.contentgraphics{ background-color:#990C06; padding:30px 40px 10px 40px; min-height:150px;}
 /* for Internet Explorer min-height hack*/
/*\*/
* html .contentgraphics {
height: 150px;
}
/**/
.footergraphics{ background-color:#66080C; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}

/* *************  blue  contact page    ************* */

.titlemedia{ background-color:#306799; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}
.contentmedia{ background-color:#3B66CC; padding:30px 40px 10px 40px; min-height:150px;}
 /* for Internet Explorer min-height hack*/
/*\*/
* html .contentmedia {
height: 150px;
}
/**/
.footermedia{ background-color:#306799; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}

/* *************  pink photo page    ************* */

.titleweb{ background-color:#DF0059; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}
.contentweb{ background-color:#FF0066; padding:30px 40px 10px 40px; min-height:150px;}
 /* for Internet Explorer min-height hack*/
/*\*/
* html .contentweb {
height: 150px;
}
/**/
.footerweb{ background-color:#DF0059; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}

/* *************  pea green webdesign page    ************* */


.sidebar
{text-align: left;
  padding:0 ;
  width:150px; float:left;
  
}
.main
{text-align: left;
  padding:10px; 
  background:#999A0E;
  margin-left:150px; border-left:solid #FFFFFF 1px; min-height:170px;

}

a:link.nav, a:visited.nav
	{
	background-color: #103334;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	width: 142px;
	float:left;
	clear:both;
	border-bottom:solid #FFFFFF 1px;
	
	
}

a:hover.nav
	{
	background-color: #999A0E;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	border-bottom:solid #FFFFFF 1px;	
		
	
}
#hover.nav
	{  /* the # makes it an id identifier. using this for the php bit */
	background-color: #999A0E;
	color: #ffffff;
	line-height: 12px;
	margin: 2px 2px 2px 2px;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	border-bottom:solid #FFFFFF 1px;	
		
	
}

a:active.nav {
	background-color: #D8C008;
	color: #000000;
	margin: 2px;
	padding: 5px 2px 5px 2px;
	border-bottom:solid #FFFFFF 1px;
}

.titlewebby{ background-color:#646608; width:754px; margin-left: auto; margin-right: auto;  border:solid #FFFFFF 1px; height:100px;}

 /* for Internet Explorer min-height hack*/
/*\*/
* html .main {
height: 170px;
}
/**/
.footerwebby{ background-color:#646608; width:754px; margin-left: auto; margin-right: auto; border-style:solid; border-width:0 1px 1px 1px; border-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:24px;}


/* *************    footer email link    ************* */ 

.footeremail{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none;}
a:visited.footeremail{color:#FFFFFF; text-decoration:none;}
a:hover.footeremail{color:#FFFFFF; text-decoration:none; background-color: #0000CC;}
a:active.footeremail{color:#FFFFFF; text-decoration:none; background-color: #FF00CC;}

/* *************    navigation links    ************* */   

.navlink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; text-decoration:none; padding-left:20px; padding-right:20px; line-height:30px;}
a:visited.navlink{color:#FFFFFF; text-decoration:none;}
a:hover.navlink{color:#FFFFFF; text-decoration:none; background-color: #0000CC;}
a:active.navlink{color:#FFFFFF; text-decoration:none; background-color: #FF00CC;}

/* *************    dashed links    ************* */  

.dashlink{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF; text-decoration:none; border-bottom: dashed 1px #FFFFFF;}
a:visited.dashlink{color:#FFFFFF; text-decoration:none;}
a:hover.dashlink{color:#FFFFFF; text-decoration:none; border-bottom: solid 1px #FFFFFF;}
a:active.dashlink{color:#FFFFFF; text-decoration:none;}