@charset "UTF-8";
/* CSS Document */

/*This is the main styles and very top*/
body {margin:0;
      font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:10px;
	  color:799ee2;
	  }
	  
.heavy {font-style:oblique;
        font-weight:bold;
       }
	  
.intro {margin: 15% 35%;
        }
		
.top {width:100%;
      height:75px;
	  background-image:url(art/top_tile.jpg);
	  background-repeat:repeat-x;
	  margin-bottom:5px;
	  }
	  
.topImage {float:left;}
		   
.topLinks {text-align:right;
           padding:30px 25px 0 0;
		   font-size:14px;
		   }

.topLinks a:link {color:#FFFFFF;
		          text-decoration:none;
		          }
		   
.topLinks a:visited {color:#000066;
		             text-decoration:none;
		             }

.topLinks a:hover {color:#993300;
		           text-decoration:none;
		           }
		  
/*This is the nav styles*/		  

.nav {position:absolute;
      top:75px;
      width:180px;
      height:100%;
	  margin-top:5px;
	  }
	  
.navHeader {width:180px;
            height:20px;
			font-variant:small-caps;
			font-size:12px;
			color:#666666;
			padding:15px 0 0 10px; 
		   }
		   
		   
.nav a:link {text-decoration:none;
             color:#039;
			 }
			 
.nav a:visited {text-decoration:none;
                color:#006;
			    }
			 
.nav a:hover {text-decoration:none;
              font-style:oblique;
              color:#006;
			  }
			 
			 
	  
.project {width:180px;
          height:20px;
		  }
		  
.project a {width:150px;
            height:20px;
		    line-height:28px;
			padding-left:20px;
		    }		  
		    
		  
.project:hover {width:180px;
                height:20px;
				background-image:url(art/over.jpg);
		        }
						  
	
.projectActive {width:180px;
                height:20px;
				background-image:url(art/over.jpg);
				background-repeat:no-repeat;
				font-style:oblique;
                color:#993300;
				line-height:28px;
			    padding-left:20px;
				font-weight:bold;
		        }
				

/*This is the content and pics styles*/		  
	  
.pics {position:absolute;
       top:75px;
	   left:180px;
       width:805px;
       height:100%;
	   padding:5px;
	   }
	   
.pics div {width:115px;
           text-align:center;
           height:115px;
		   padding:4px;
		   border:thin solid #fff;
		   margin:3px;
		   float:left;
		   }
		   
.pics div.video {width:450px;
                text-align:center;
                height:335px;
		        padding:4px;
		        border:thin solid #fff;
		        margin:3px;
		        float:left;
		        }

.pics div:hover {width:115px;
                 text-align:center;
                 height:115px;
		         padding:4px;
		         border:thin solid #ddd;
		         margin:3px;
				 float:left;
		         }
				 
.innerText {position:absolute;
            top:90px;
	        left:180px;
            width:805px;
            height:100%;
	        padding:5px;
	        }
				  
.innerText div{width:325px;
               height:100%;
	           margin:0 50px 0 0;
			   text-align:left;
			   float:left;
	           }
			   
.cvText {position:absolute;
         top:90px;
	     left:180px;
         width:805px;
         height:100%;
	     padding:5px;
	      }
			   
.cvText div{width:100%;
            height:100%;
	        margin:0 25px 0 0;
			text-align:left;
			float:left;
			line-height:1.5em;
	        }
			
.cvText .smallHeader {font-style:italic;
                      font-weight:bold;
					  }
				 
	   
/*This is the text on the right styles*/


.text {position:absolute;
       top:75px;
	   left:985px;
       width:180px;
       height:100%;
	   margin-top:5px;
	   }
	   
.textHeader {width:180px;
            height:20px;
			font-variant:small-caps;
			font-size:12px;
			color:#666666;
			padding:0 0 5px 0; 
		   }
		   
/*These are positioning styles for special pages*/

.tram {position:absolute;
       top:75px;
	   left:180px;
       width:435px;
       height:100%;
	   padding:5px;
	   }
	   
.tramText {position:absolute;
       top:75px;
	   left:625px;
       width:180px;
       height:100%;
	   margin-top:5px;
	   }
	   
.busk {position:absolute;
       top:75px;
	   left:180px;
       width:320px;
       height:100%;
	   padding:5px;
	   }
	   
.buskText {position:absolute;
       top:75px;
	   left:525px;
       width:180px;
       height:100%;
	   margin-top:5px;
	   }
	   
.jesus {position:absolute;
        top:75px;
	    left:180px;
        width:535px;
        height:100%;
	    padding:5px;
	    }
	   
.jesusText {position:absolute;
            top:75px;
	        left:725px;
            width:180px;
            height:100%;
	        margin-top:5px;
	        }
			
.jesus div {width:115px;
            text-align:center;
            height:115px;
		    padding:4px;
		    border:thin solid #fff;
		    margin:3px;
		    float:left;
		    }

.jesus div:hover {width:115px;
                  text-align:center;
                  height:115px;
		          padding:4px;
		          border:thin solid #ddd;
		          margin:3px;
				  float:left;
		          }
				  
.pics div.watchVideo {width:480px;
                      height:345px;
		              padding:4px;
		              margin:3px;
		              float:left;
					  border:thin solid #fff;
		              }
				
.pics div.watchVideo:hover {width:480px;
                            height:345px;
		                    padding:4px;
		                    margin:3px;
				            float:left;
						    border:thin solid #fff;
		                    }
							
.pics div.choiceVideo {width:520px;
                      height:335px;
		              padding:4px;
		              margin:3px;
		              float:left;
					  border:thin solid #fff;
		              }
				
.pics div.choiceVideo:hover {width:520px;
                            height:335px;
		                    padding:4px;
		                    margin:3px;
				            float:left;
						    border:thin solid #fff;
		                    }
							
.pics div.crayonPic {width:auto;
                      height:170px;
		              padding:12px;
		              margin:3px;
		              float:left;
					  border:thin solid #fff;
					  text-align:center;
		              }
				
.pics div.crayonPic:hover {width:auto;
                            height:170px;
		                    padding:12px;
		                    margin:3px;
				            float:left;
						    border:thin solid #ddd;
							text-align:center;
		                    }


.pics div.crayonRow {width:auto;
                     height:50px;
		             padding:4px;
		             margin:3px;
					 border:thin solid #fff;
					 text-align:left;
		             }
				
.pics div.crayonRow:hover {width:auto;
                           height:50px;
		                   padding:4px;
		                   margin:3px;
						   border:thin solid #ddd;
						   text-align:left;
		                   }
						   
.links a:link {text-decoration:none;
             color:#039;
			 }
			 
.links a:visited {text-decoration:none;
                color:#006;
			    }
			 
.links a:hover {text-decoration:none;
              font-style:oblique;
              color:#006;
			  }