.heddingstayel { /* to Chenge teh sections font and also have border on the yeacht page*/
	font-family: Arial;
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	color: #000080;
	border-style: groove groove groove inset;
	border-width: thin;
	border-color: #000000;
	padding-right: 4px;
	line-height: normal;
}

  
.backgroundSectionhedding{ /* this is the background image for the sections and border,the styel is italin*/ 
	background-image: url('../assigment3/images/Sectionbackground.jpg');
	background-position: -26px -44px;
	font-size: x-large;
	font-weight: bold;
	font-style: italic;
	color: #800000;
	border-style: dashed;
	border-width: 2px;
}
p { /* this is font for the paragrph and dispay the teh font for all the paragraphs*/
	font-family: Arial;
	font-size: large;
	font-weight: 100;
	font-style: normal;                       
	color: #000000;
	border-style: dashed;
	border-width: 2px;
}
a:active { /* this is active family font for the yacht company and also font*/
	font-family: Arial;
	font-size: large;
	font-style: italic;
	font-variant: normal;
	color: #008000;
}
a:hover { /* this is a hover that dispaly for the font on the yeacht*/
	font-family: Arial;
	font-size: medium;
	font-weight: bolder;
	font-style: normal;
}
table { /* this a border stakly for the table and with that  dispaly fro the table*/
	border-style: double;
	border-width: thin;
}   
.ass3 { /* this is a background piture for just the yacht assinment becuse when i attach the othe assignment with Css this backgorund will affect the othe so i need to change the class*/
	background-image: url('../assigment3/images/background.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

/* Set colours for all header cells in the top row except "Product" */
.pretty-table th+th[scope=col] { color: #fff; background-color: #7d98b3; }.pretty-table th[scope=row] { background-color: #b8cfe5; }

.backgroundcolor { /* this code dispaly the background coloer*/
	background-color:#D2B48C;
}


p { /* this is paragraph font taht change the font on the paragrah to Arial Blach*/
	font-family: "Arial Black";
	font-size: 12pt;
	text-align:justify;
	background-color: #FFCC99;	
} 
.youTube { /* this is an Arial Black font for assignment#1 and a background color*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	background-color: #009900;
}
.ebay { /* this is an Arial Black font with a background color for assigment#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-style: normal;
	background-color: #008000;
	border: thin dotted #FF3300;
}
.googel {/* this also font  and border for assignment#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-style: normal;
	border: thick outset #008000;
}
.Sechtion5 {/* this font fro a pargrph and border for the assigment#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	color: #000080;
	border: thin groove #996633;
	
}
.atschool { /* this is a font, border with color and bakground color on for the assigment#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	border-style: dashed;
	border-width: thin;
	color: #000000;
	background-color: #008000;
}
.thingsimproud { /* this the font for the thing that's importnat foe me on the assignment#1*/
	font-family: "Arial Black";
	font-size: larger;
	font-weight: bold;
	font-style: normal;
	border: thick ridge #0099FF;
	background-color: #009900;
}
.imagehobby {/* this a background color and border for the hobby on the assig #1*/
	background-color: #0000FF;
	border: thick double #CC3300;
}
.Hobbyparagraph {/* this a background color border, and font for the pargrph on the assig#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	border: thick double #006666;
	background-color: #CC3300;
}
.myHobby {/* this is also font with background color and border for assig#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	background-color: #336600;
	border: thick groove #000099;
}
.tarutIsland { /* this is a background color with a border fro the googel earth pic on the assigm#1*/ 
	background-color: #CC6600;
	border: thin dotted #FF0000;
}
.historyofmyhometwon { /* this code display the font, border and background color foe the history of my hometown on the assig#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-style: normal;
	border: 5px solid #000000;
	background-color: #009900;
}
.historyh3 { /* this is diplay font,background, and color on assig#1*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	background-color:#009900;
	border: thick double #FF9900;
}
.assenment2pic { /* this a background color and a border  for the pic on the assigt#2*/
	background-color: #009900;
	border: thick groove #663300;
}
.assnment2paregraph { /* this to change the font color, border with the background color for pargr on the assig#2*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bolder;
	color: #000000;
	border: medium double #000066;
	background-color: #009900;
}
.wlcomeassenment { /* this ahedding font with background color nad border on assig #2*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	background-color: #336600;
	border: thick double #800000;
}
.indexnavigation { /* this is to change the font ,color,background color and border on the index page*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	background-color: #008000;
	border: thick groove #663300;
}
.indexPic { /* this is to change the backgorund color around the picture with border around it too*/
	background-color: #0000FF;
	border: thick groove #663300;
}
.porsonalInformation {/* this to change the font and background color on the index page*/
	font-family: "Arial Black";
	background-color: #006600;
	border: thick double #333300;
}
.IndexbioInfo { /* this also to change the font on background color with border on the index page.*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	background-color: #3333CC;
	border: 3px dotted #CC3300;
}
.IndexEmail {/* this to change the font with border and backgorund for the  the email thtat on the index page*/
	font-family: "Arial Black";
	font-size: large;
	border: 2pt dashed #FF0000;
	background-color: #006600;
}
.indexCopy { /* this also to display the font and border on the index page*/
	font-family: "Arial Black";
	font-weight: bold;
	border: 1px dashed #FF0000;
}
.survayAssen { /* this font, boder and background color for the Survey assig*/
	font-family: "Arial Black";
	font-size: large;
	border: medium solid #008000;
	background-color: #006600;
}
.surveyIntro { /* this also to change the font , border and background color on the Survay Assigment*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	border: medium double #663300;
	background-color: #003300;
}
.SurveyBio { /* his also to change the font on some of the pargrah that with border and background color on the Survay Assigment*/
	font-family: "Arial Black";
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #333300;
	background-color: #006600;
	border: medium double #663300;
}
.ass2coclusion {/* this  code is to change the fon, bakground color, and border on the Survay assigment*/
	font-family: "Arial Black";
	font-size: large;
	background-color: #008000;
	border: thin dashed #0000FF;
}
.tableSurvay {/* this  code to dispaly the below information for the table on the Survy*/
	font-family: "Arial Black";
	font-size: large;
	font-style: normal;
	color: #0000FF;
	border-style: groove;
	border-color: #008000;
}



/*Student: Edres Hamadi
    professor: Dr. Chen
    Class: CIS 3900
    Assignment: 3
    Due: 11/06/2009
    Finished: 11/05/2009
    Description: this project is about how to use Css and attch the disgn with anothe assgiment
    it was very hepful assigmnt and i learned a lot on this assigment 
    Thanks to Dr. Chen 
    Your stndent Edres Hamadi 
    */