/*--------------------------------------------------------------
FILE INFORMATION
File Name:			sty_homePage.css
File Type:			.css
Author:				Simon Whatley
Graphics:			Linh McDermott
Calls:				-
Called By:			home.html
Functions:			Homepage style sheet - 3 columns layout
Modifications:
---------------------------------------------------------------*/
p {
	margin-top:1px;
	margin-bottom:2px;
	padding-left:15px;
	padding-right:15px;
	}

/*MENU*/
.TopMenu { width:515px;margin-top:10px;float:right;}
.TopMenuImage{width:230px; margin:0px; padding:0px; float:left;}
.TopMenu img{padding:0px;margin:0px; vertical-align:middle;}
.TopMenuOff, .TopMenuOn{	
	padding:2px;
	vertical-align:middle;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:75%;
	text-decoration:none;
	}
.TopMenuOn {font-weight:bold; color:#CC0000;}
.TopMenu a:link{text-decoration:none}
.TopMenu a:hover{text-decoration:underline;}
.MenuDivider {background: url("../images/bg_menudivider.gif") no-repeat; width:3px;vertical-align:top;}
.MenuItem {}

/*START 3 COLUMN LAYOUT*/
.Column1{
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#472A08;
	width:216px;/*Tintin Ship pic is 216px*/
	float:left;
	background: #F9C328;
	padding:0px;
	margin:0px;
	}
.Column2 {
	width:270px;/*245*/
	float:left;
	margin-left:2px;
	margin-right:0px;
	/*margin-top:0px;*/
	}
.Column3 {
	width:260px;/*260*/
	float:left;
	margin-left:2px;
	margin-right:0px;
	/*margin-top:0px;*/
	}
/*END 3 COLUMN LAYOUT*/

/*CONTENT AREA*/
.SortTitleArea {
	padding:4px;
	margin:2px 2px 2px 0px;/*top right bottom left*/
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:80%;
	color:#5E5E5E;
	/*width:215px;*/
	}
.SortTextArea {
	background: url("../images/homePage/hp-sort-fr.gif") no-repeat;
	background-position:10px 15px;/*x-pos y-pos*/
	padding:4px;
	margin-right:1px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#5E5E5E;
	}

.DrawingTitleArea {
	padding:4px;
	margin:2px 2px 2px 0px;/*top right bottom left*/
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:80%;
	color:#5E5E5E;
	/*width:215px;*/
	}
.DrawingTextArea {
	background: url("../images/homePage/hp-drawing.gif") no-repeat;
	background-position:45px 25px;/*x-pos y-pos*/
	padding:4px;
	margin-right:1px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#5E5E5E;
	}

.HergesTitleArea {
	padding:4px;
	margin:2px 2px 2px 0px;/*top right bottom left*/
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:80%;
	color:#5E5E5E;
	/*width:215px;*/
	}
.HergesTextArea {
	background: url("../images/homePage/hp-hergestudio.gif") no-repeat;
	background-position:10px 30px;/*x-pos y-pos*/
	padding:4px;
	margin-right:1px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#5E5E5E;
	}

.ExhibitionTitleArea {
	padding:4px;
	margin:2px 2px 2px 0px;/*top right bottom left*/
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:80%;
	color:#5E5E5E;
	/*width:215px;*/
	}
.ExhibitionTextArea {
	background: url("../images/homePage/hp-exhibit.gif") no-repeat;
	background-position:bottom left;
	padding:2px;
	margin-right:1px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#FFFFFF;
	}

.WhiteText{
	color:#FFFFFF;
	}
#SortItOutText {
	text-align:right;
	}
	
/*SECTION BACKGROUND-COLORS*/
#SortItOut {
	background-color: #E0E0E0;
	}
#DrawingFromLife {
	background-color: #E0E0E0;
	}
#HergesStudio {
	background-color:#CFDFEB;
	}
#Exhibitions {
	background-color:#0BA6AB;
	}
.TintinShip {vertical-align:bottom; padding:0px; margin:0px;}
.Strapline {
	padding:2px;
	margin-right:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:80%;
	color:#FFFFFF;
	text-align: right;
	}
.homep {
	left: 4px;
	right: 4px;
	}