/*
Site: 		Alchemy Recuritment
Copyright: 	Momo Communications Ltd 2004
Title:		Home Page CSS
Author:		Warren Buckley
Created:		8th Dec 2004

*/

* {
	margin: 0;
	padding: 0;
}

body
{
	margin-top:0px;
	margin-bottom: -25px;
	background-color:#1F233C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	height:100%;
}

/*
***********************************
	DIV CLASSES END
***********************************
*/

#site
{
	height:100%;
	margin-bottom: -100px;
}

#LogoTop
{
	height:50px;
	width:780px;
}

/*
Short Navi		This is used to set the colour of the text for the short navi, located top right near curved corner.
*/
#ShortNavi
{
	color:white;
	font-size:10px;
	background-image:url(../assets/Misc/TopCurve.gif);
}



/*
Mainholder		This is a table that holds everything apart from the very top logo are and short navi as it
					uses a curved corner as opposed to a straight edge border. This is used to give a border
					left and right around the rest of the elements.
*/
#MainHolder
{
	border-left:1px solid #848694;
	border-right:1px solid #848694;
	height:100%;
}


/*
ImgBand		This is used to set the height of the div that contains the banner image.
*/
#ImgBand
{
	height:116px;
}

/*
NaviBand		This is used to make a band of colour for the navigation.
*/
#NaviBand
{
	height:28px;
	background-color:#797B8A;
}

/*
MainNavi		This is nested inside NaviBand. Display inline is used to make the li (list) elements sit alongside
				each other. Padding left and right is used to give spacing around each navi item.
*/

/*
#MainNavi, #MainNavi li
{
	margin:0px;
	display: inline;
	list-style:none;
	padding-left:5px;
	padding-right:5px;
	font-size:11px;
}
*/

/*
MainNavi, a		This is used to set the link in each li item inside the MainNavi div. Sets the link to white and bold.
*/
#MainNavi, a
{
	text-decoration:none;
	font-weight:bold;
	color:white;
	font-size: 11px;
}
/*
MainNavi, a:hover		This is used to set the hover status of the main navi links.
*/
#MainNavi, a:hover
{
	font-weight:bold;
	color:#7AC6E3;
}

/*
ContentContainer:		Content container = Box A
							Content = Box B
							
							*************************
							*	A							*
							*	*******			<- -278*
							*	*	B	*					*
							*	*******					*
							*************************
							
							Box A has a width of 100% but has margin-right:-278px, to allow the content to stop
							278px of the right edge.
							Box B also has  a width of 100% but to stop it sitting behind the column that will be inserted
							later, it uses padding-right:278px to make the content outside the right hand side of the box
							to stop 278px short of the 100% width of the container div.
							
							Hope that makes sense.
							
							Warren  :)
							
*/
#ContentContainerOLD
{
	float:left;
	width:100%;
	margin-right:-278px;
	height:100%;

}

#ContentContainer
{
	float:left;
	width:500px;
	margin-right: -278px;
	height:100%;
	

}

/*
Content:		This is used to hold the main content column, it displays the navy bg with circles on.
				margin right is set to 278px so that the column of 278 sits to the right of it.
*/
#Content
{
	float: left;
	background-image:url(../Assets/Misc/HomepageBg.gif);
	height:100%;
	margin-top:0px;
	margin-left:0px;
	width:500px;
			
}

/*
Content, p:		This is used to set the text as white and of size 11. Inside the div of content.
*/
#Content, p
{
	color:white;
	font-size:11px;
	padding-top:5px;
	padding-left:5px;
}

/*
HomeCol:			This is used to postion the Home col on the right. Background image of the lighter column which
					already contains the border in the graphic itself. Height has been set to 100% to enable it to
					span the whole height of the window. Float right has been used to enable it to sit next to the content div.
*/
#adContainer {
	height: 280px;
	width: 100%;
	background: url(../Assets/Misc/bartswebad.jpg) no-repeat top left;
	margin-left: -2px;
	margin-top: 5px;
}
#HomeCol
{
	float:right;
	width:277px;
	background-color:#33374E;
	background-image:url(../Assets/Misc/HomepageColBg.gif);
	height:100%;
	font-size:10px;
	color:white;
	padding-top:20px;
	padding-left:7px;
	padding-right:7px;
	vertical-align: middle;
	margin:0px;
}

/*
HomeColRule:	This is used to display a single blue line.
*/
.HomeColRule
{
	width:100%;
	color:#08B4E3;
	height:1px;
	margin: 10px 0px;
}

#FeatureContainer
{
	vertical-align: top;
	margin-top:20px;
	margin-bottom:15px;
	width:484px;

}


#FeatureContainerLeft
{
	display:inline;
	float:left;
	width:241px;
	vertical-align: top;


}

#FeatureContainerRight
{
	display:inline;
	width:238px;
	vertical-align: top;

}


/*
HomePgFeatureHeaderLeft:	This is used to display the blue background in the cell. Two seperate classes have been used,
									because they both do NOT use the same background image. This LEFT one uses an image WITH
									built in spacing to the right. To make the CSS and HTML less complex.
*/
#HomePgFeatureHeaderLeft
{
	color:white;
	font-size:11px;
	font-weight:bold;
	height:21px;
	padding-left:7px;
	padding-right:2px;
	background-image:url(../assets/Misc/left_head_feature.gif);
}

/*
HomePgFeatureHeaderRight:	This is used to display the blue background in the cell. Two seperate classes have been used,
									because they both do NOT use the same background image. This RIGHT one uses an image WITHOUT
									built in spacing to the right. To make the CSS and HTML less complex.
*/
#HomePgFeatureHeaderRight
{

	color:white;
	font-size:11px;
	font-weight:bold;
	height:21px;
	padding-left:7px;
	padding-right:2px;
	background-image:url(../assets/Misc/right_head_feature.gif);
}

/*
HomePgFeatureTxtLeft: This is used to display the light grey background in the cell. Two seperate classes have been used,
							because they both do NOT use the same background image. This LEFT one uses an image WITH
							built in spacing to the right. To make the CSS and HTML less complex.
*/
#HomePgFeatureTxtLeft
{
	color:black;
	font-size:11px;
	padding-left:7px;
	padding-right:2px;
	background-image:url(../assets/Misc/left_bg_feature.gif);
}
#HomePgFeatureTxtLeft P
{
	color:black;
	font-size:11px;
}

/*
HomePgFeatureTxtRight: This is used to display the light grey background in the cell. Two seperate classes have been used,
							because they both do NOT use the same background image. This RIGHT one uses an image WITH
							built in spacing to the right. To make the CSS and HTML less complex.
*/
#HomePgFeatureTxtRight
{
	color:black;
	font-size:11px;
	padding-left:7px;
	padding-right:2px;
}

#HomePgFeatureTxtRight P
{
	color:black;
	font-size:11px;
}

/*
***********************************
	DIV CLASSES END
***********************************
*/


/*
***********************************
	NORMAL CLASSES START
***********************************
*/

.BlueHeader
{
	color:#8ADBFF;
	font-weight:bold;
	font-size:11px;
}

/*
START OF HOME PAGE FORM ELEMENTS
*/

.HomeTxtField
{
	border: 1px solid white;
	background-color:#7AC6E3;
	width: 159px;
	height:18px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-size:10px;
	padding:2px;
	vertical-align: middle;
}

.HomeSelectField
{
	border: 1px solid white;
	background-color:#7AC6E3;
	width: 159px;
	height:18px;
	margin-left: 3px;
	margin-bottom: 3px;
	font-size:10px;
	padding:2px;
	vertical-align: middle;
}

.HomeSubmitButton
{
	border: 1px solid white;
	background-color:#2D3253;
	color:white;
	font-weight:bold;
	width: 159px;
	height:21px;
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 15px;	
	font-size:10px;
	vertical-align: middle;
	cursor:pointer;
}

/*
END OF HOME PAGE FORM ELEMENTS
*/


.InfoHomeBox
{
	background-image:url(../Assets/Misc/HomePageBoxBg.gif);
	width:238px;
	height:75px;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-top: 8px;
	float: left;
	padding-top:4px;
	overflow:hidden;
}

.InfoHomeBox B
{
	font-size:11px;
	color:white;
}

.InfoHomeBox P
{
	font-size:11px;
	color:white;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.InfoHomeBox A
{
	font-size:11px;
}

.InfoHomeBox P A:Hover
{
	font-size:11px;
}

.Links
{
	font-size:10px;
	font-weight:normal;
}

.Links:Hover
{
	font-size:10px;
	font-weight:normal;
}

.ArticleContent P
{
	margin-top:0px;
	margin-bottom:5px;
	padding:0px;
	font-size:11px;
}

.ColumnContent P
{
	Margin:0px;
	font-size:10px;
}

.FooterHeight
{
	height:15px;
	margin: 0 auto;
}

.Footer
{
	background-image:url(../Assets/Misc/HomeFooterBack.gif);
	font-size:10px;
	width:780px;
	padding-top:15px;
	padding-bottom:5px;
	padding-right:270px;	
	height:15px;
	font-weight:normal;
	color:white;
}

.Footer a
{
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

.Footer a:hover
{
	font-size:10px;
	font-weight:normal;
	text-decoration:underline;
}

/*
***********************************
	NORMAL CLASSES END
***********************************
*/
#NewsTable
{
	background-color: #7c7f8d;
	width: 259px;
	padding-bottom:4px;

}
.NewsCell
{

	background-image: url(../assets/Misc/HomeNewsCurve.gif);
	Height: 13px;
}
.Newstext
{
	width:100%;
	color:white;
	font-size:11px;
	font-weight:regular;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
}
.NewsBorder
{
	width: 259px;
	height:100%;
	border-left: 1px solid #9A9CA7;
	border-right: 1px solid #9A9CA7;
	border-top: 1px solid #9A9CA7;
}
.NewsFlashheader
{
	font-weight:bold;
	color:white;
	font-size:11px;
	padding-left: 6px;
	height:21px;
	background-image:url(../assets/Misc/right_head_feature.gif);
}