/* This sets a 50px gutter for each side of the page */	
body {
	margin-top: 50px;
	margin-left: 75px;
	margin-right: 50px;
	background-color: #333333; padding:0px;
	}
	
A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none: color: red;}
A:hover {text-decoration: underline; color: red;}


/* This is the main content box for every page */	
#content {
	width:800px;
	text-align:left;
	/* padding:15px;*/
	/*border:1px dashed #333;*/
	}

/* This is the background image for the home page */		
#bg {
	width: 800px;
	height: 600px;
	background: url(images/background-image.jpg) center;
	}

/* This is the setup of the nav */	
#nav { font-family: Arial, Tahoma, sans-serif; letter-spacing: 2px; color: white; background-color: black; border-style: none; font-size: 10px;}
#navActive { font-family: Arial, Tahoma, sans-serif; letter-spacing: 2px; color: red; background-color: black; border-style: none; font-size: 10px;}

/* This is the setup of the projects page nav */	
#navProjects { padding: 2px; text-align: center; font-family: Arial, Tahoma, sans-serif; letter-spacing: 2px; color: white; background-color: black; border-style: none; font-size: 10px;}

/* This the GA font setup with text decoration */
#gaFont { color: black; padding-top: 2px; font-size: 35px; font-family: Helvetica, Verdana, Arial, sans-serif;}
#gaFont A:link {text-decoration: none; color: black;}
#gaFont A:visited {text-decoration: none; color: black;}
#gaFont A:hover {text-decoration; color: black;}

/* This the copyright notice at the bottom of a page */
#copyright { letter-spacing: 2px; padding: 5px; color: white; font-size: 9px; font-family: Arial, Tahoma, sans-serif; background-color: #333333;}

/* This is the transparent box 
#transbox {
	text-align: center;

	border-color: white;
	border-style: solid;
	width:53px;
	height:40px;
	background-color: #fff;
	filter:alpha(opacity=40); 
	opacity: 0.4;
	-moz-opacity:0.4;
	}*/

#navbox {text-align: center;

	border-color: white;
	border-style: solid;
	width:53px;
	height:40px;
	background-color: #fff;
}

#navboxGray {text-align: center;

	border-color: #ffcc66;
	border-style: solid;
	width:53px;
	height:40px;
	background-color: #ffcc66;
}

/* This definition is for the Projects page header */
h2 {margin-bottom: -4px; color: white; font-weight: bold; font-size: 16px; font-family: Arial, Tahoma, sans-serif;}

/* This definition is for generic white page headers */
h3 { margin-bottom: -1px; margin-top: -1px; color: white; font-weight: bold; font-size: 16px; font-family: Arial, Tahoma, sans-serif;}

/* This class is for the Projects mini images */
.projImage { border-style: none; }

/* This class is for the single project page image */
.singleProjImage { padding: 5px; clear: right; float: right; }

/* This class is for the single small square project page image */
.singleProjImageSmall { border-style: none; padding: 5px; float: right; clear: right; vertical-align: top; }

                                                                  

/* This class is for the Projects page black project text boxes */
.projText { margin-right: 18px; padding-top: 3px; width: 179px; height: 15px; text-align: center; letter-spacing: 2px; font-style: normal; font-weight: normal; font-size: 11px; background-color: black; color: white; font-family: Arial, Tahoma, sans-serif; }

                                          
.projText2 { text-align: center; letter-spacing: 2px; font-style: normal; font-weight: normal; font-size: 11px; background-color: black; color: white; font-family: Arial, Tahoma, sans-serif; }

/* This class is for general white text */
.smallText { color: white; font-size: 12px; font-family: Arial, Tahoma, sans-serif;}

/* This definition is for white text on project pages*/
#smallTextDiv { line-height: 20px; color: white; font-size: 12px; font-family: Arial, Tahoma, sans-serif;}
#smallTextDiv A:link {text-decoration: none; color: white;}
#smallTextDiv A:visited {text-decoration: none; color: white;}
#smallTextDiv A:hover {text-decoration: underline; color: white;}

#placeholder {position: static; float: right;}