/*
Business.css by: Jason Murray Cole(champ_5_@msn.com)
Special Thanks to Andreas Viklund (.com) and ALA (AListApart.com)
*/

/* As always, the body is first and most important*/
body	{background-color: #FFFFCC;
		 color: #000;
		 font-family:Arial, Helvetica, sans-serif;
		 text-align: center;}

/*Big box for centering, and giving nice shadow*/
#container	{background-color: #FFF;
			 border: 3px solid #cccc33;
			 border-left-width: 3px;
			 border-top-width: 3px;
			 color:  inherit;
			 margin: 0 auto;
			 padding: 35px;
			 text-align:left;
			 width: 510px;}
/*The left column*/
#left	{float: left;
		 padding: 5px;
		 width: 160px;}
/*The middle column*/
#middle	{float: left;
		 padding: 5px;
		 width: 160px;}
/*The right column*/
#right	{float: left;
		 padding: 5px;
		 width: 160px;}
/*This is used as a page footer, and to keep the #container flowing around all of the content*/
#foot	{background-color:  inherit;
		 border-top: 1px solid #CCC;
		 clear: both;
		 color: #444;
		 font-size: 0.75em;
		 text-align: center;}
/*
Navigation 
	Not very unique, but my colours are better than the default ones
*/

a	{text-decoration: underline;}
a:link	{color: #039;}
a:visited	{color: #039;
			 text-decoration: none;}
a:hover	{color: #C00;}
a:active	{color: #093;}

/*
Corners
	This is where ALA had a really helpful tutorial
*/

dl	{background-color: #FFF;
	 border: none;
	 color: #333;
	 margin: 0px auto;
	 padding: 0px;
	 width: 150px;}
dt	{background: #333 url(top.gif) no-repeat top left;
	 border-bottom: 2px solid #FFF;
	 color: #FFF;
	 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	 font-size: 1.2em;
	 font-weight: 900;
	 margin: 0px;
	 padding: 5px;
	 text-align: center;}
dd	{background: #DDD url(bottom.gif) no-repeat bottom left;
	 border: none;
	 color: inherit;
	 margin: 0px;
	 margin-bottom: 5px;
	 padding: 5px;}

/*
#logo Corners
	This is my little hack on the ALA corners
*/

dl#logo	{background: #000 url(logo.jpg) no-repeat bottom left;
		 color: #FFF;
		 margin-bottom: 5px;}
dl#logo dt	{background-color: transparent;
			 color: inherit;}
dl#logo dd	{background-color: transparent;
			 color: inherit;
			 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
			 margin-bottom: 0px;
			 padding-bottom: 220px;/* Set to height of image used as background to show it all. */
			 text-align:center;}

/*
Lists
	Made 100% by me an age ago, then i copied into every CSS i have ever made.
*/

ul	{list-style: none inside  url(cube.gif);
	 margin: 0px;
	 padding: 0px;}
ul ul, ul * ul	{list-style: none inside  url(cube.embed.gif);
			 margin: 0px;
			 padding: 0px;
			 padding-left: 10px;}

/*
Buttons
	Here is where I was "inspired" by Andreas
*/

a.button	{background: #CCC url(button.gif) repeat-x;
			 border: 2px solid #CCC;
			 border-bottom-color: #888;
			 border-right-color: #888;
			 display: block;
			 font-weight: 900;
			 margin: 5px auto 0px;
			 padding: 5px;
			 text-decoration: none;
			 width: 120px;}
a.button:hover	{background: #EEE url(button_.gif) repeat-x;
				 border-color: #888;
				 border-bottom-color: #CCC;
				 border-right-color: #CCC;}

/*
Other
	Die! here i kill browser settings and set up headings.
*/

*	{border: 0px;
	 color: #111;
	 font-size: 1em;
	 line-height: 1em;
	 margin: 0px;
	 padding: 0px;
	 text-decoration: none;}

h1	{background-color:  inherit;
	 color: #C00;
	 font-family:Arial,Helvetica,sans-serif;
	 font-size: 2em;
	 font-weight: 900;
	 line-height: 1.25em;
	 text-align:center;}
h2	{background-color:  inherit;
	 border-bottom: 1px solid #CCC;
	 color: #093;
	 font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	 font-size: 1.5em;
	 font-weight: 900;
	 line-height: 1.25em;
	 text-align: left;}