/*Body Properties "Trebuchet MS", Helvetica, sans-serif*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

/* Container to hold all div's*/
#container {
	width: 910px;
	border:solid;
	border-color:#666666;
	/* Centres the container to the middle of the page*/
	margin: 0 auto;
}
#containerCommercial {
	width: 910px;
	border:solid;
	border-color:#A20C04;
	/* Centres the container to the middle of the page*/
	margin: 0 auto;
}

/* This contains the banner image that some of the links will sit in*/
#topheader{
	width: 910px;
	height: 36px;
	background-image:url(Images/LinkBanner.gif);
}
#topheader3{
	width: 910px;
	height: 36px;
	background-image:url(Images/LinkBanner2.gif);
}

/* This will simply contain the logo*/
#logo{
	width: 910px;
	height: 170px;	
	background-image:url(Images/Logocss.gif);
	clear:both;
}
#topheader2{
	width: 910px;
	height: 190px;
}

/******************************************************************************************/
/* Left column properties*/
#leftcolumn{	
	float:left;
	width: 150px;
	background-color:#FFFFFF;
	color: #FFFFFF;
}
#leftcolumn2{	
	float:left;
	background-color:#FFFFFF;
	color: #FFFFFF;
}
#leftcolumn3{	
	float:left;
	width: 150px;
	background-color:#FFFFFF;
	color: #FFFFFF;
}
#leftcolumn2 a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
#leftcolumn3 a:visited {
	text-decoration: none;
	color:#FFFFFF;
}

/*If the cursor is hovered over the link within left column */
#leftcolumn2 a:hover { 
	color:#FF0000;
}
#leftcolumn3 a:hover { 
	color:#FF0000;
}
#leftcolumn2 a:link
	{
	text-decoration:none;
    color:#000000;
	}
#leftcolumn3 a:link
	{
	text-decoration:none;
    color:#FFFFFF;
	}

/* This is called a decendant selector it selects only the h1 tags within the left column
Header1 within left column*/
#leftcolumn h1{
	margin-top: 0; 
	padding-left: 10px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#A20C04;
	list-style:none;
	text-transform:none;
}
#leftcolumn3 h1{
	margin-top: 0; 
	padding-left: 10px;
	color:#FFFFFF;
	font-size:14px;
	background-color:#666666;
	list-style:none;
	text-transform:none;
}
/*list within left column*/
#leftcolumn li{
	padding-left: none;
	color:#FFFFFF;
	font-size: 14px;
	/*Remove the bullet points for the links*/
	list-style-type: none;
}

/*If the links have been visited within left column*/
#leftcolumn a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

/*If the cursor is hovered over the link within left column */
#leftcolumn a:hover { 
	color:#000000;
}
#leftcolumn a:link
	{
	text-decoration:none;
    color:#FFFFFF;
	}

/* end of descendant selectors*/
/* end of left column properties*/
/******************************************************************************************/


#rightcolumn {
	float:right;
	width:750px; 
	background-color: #FFFFFF;
}

#rightcolumn a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

/*If the cursor is hovered over the link within left column */
#rightcolumn a:hover { 
	color:#FFFFFF;
}
#rightcolumn a:link
	{
	text-decoration:none;
    color:#FFFFFF;
	}

/*The image for the homepage that will be in rightcolumn at the top*/
#righttopimagehome{
	background-image:url(Images/shizzle.jpg);
	width:750px;
	height:125px;
}

#righttopimageaboutus{
	background-image:url(Images/services.jpg);
	width:750px;
	height:125px;
}

#righttopimagenews{
	background-image:url(Images/news.jpg);
	width:750px;
	height:125px;
}

#righttopimageservices{
	background-image:url(Images/services.jpg);
	width:750px;
	height:125px;
}

#righttopimageimports{
	background-image:url(Images/subhead.jpg);
	width:750px;
	height:85px;
}

#righttopimageexports{
	background-image:url(Images/subhead5.jpg);
	width:610px;
	height:85px;
}

#righttopimagecontactus{
	background-image:url(Images/contactus.jpg);
	width:750px;
	height:125px;
}

/* Top menu links to position them next to each other*/
#horizontallinks ul {
	margin: 0px;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	list-style: none;
	text-transform: lowercase;
	/* Overflow property can be used if the links overflow there container in this case it is the image*/ 
}

/* Links displayed horizontally*/
#horizontallinks li {
	float: left;
}

/* Define link properties*/
#horizontallinks a {
	padding-left: 20px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color:#FFFFFF;
}

#footer{
	/* clear both is used to clear the above 'left & right' columns*/	
	clear:both;
	width: 910px;
}

#footer p{	
	color:#666666;
}

#formlogin {
	float:right;
	padding-right:15px;
	text-transform: lowercase;
}
	
/*form {
	border: 1px solid #3b56a7; 
}*/

label {
	color:#FFFFFF;
}

/*The size of the boxes*/
input {
	width: 100px;
}

/*This creates a class that can then be called within the html*/
.submitbutton {
	width: 50px;
	background-color:#000000;
	color: #FFFFFF;
	border: none;
	padding-right: 25px;	
}