/* STYLE SHEET FOR X SITE
Created by: Name Surname
www.x.com
ToC
	1.defaults
	2.structure
	3.links and navigation
	4.fonts
	5.images
	6.hacks
Notes
*/

/* ----------- 1.defaults -------------*/
*{
	margin: 0;
	padding: 0;
	}
body {
	color: #666666;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* ------------ 2.structure ------------*/
#wrapper {
	width: 780px;
	margin: 0 auto;
	padding-top: 40px;
	}
#masthead {
	}
#logo {
	float: left;
	}
#navContainer {
	}
#content {
	float: left;
	}
#contentMain {
	float: left;
	border: solid #ccc 9px;
	width: 762px;
	}
#copyLeftWrap{
	width: 213px;
	display: inline;
	}
#copyLeft, #copyLeftLocations{
	padding: 15px;
	width: 213px;
	line-height: 130%;
	float: left;
	}
#copyLeftLocations{
	/* percentage width without the fix*/
	width: 213px;
	height: 394px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	/* background-color: #E7EADE; */
	margin: 0.3em auto;
	padding:15px;
	}	
#copyLeft ul, #copyLeftLocations ul{
	text-indent: 0px;
	margin-left: 10px;
	list-style-image: url(images/red-bullet.gif);
	}
#copyLeft li{
	padding-bottom: 20px;
	}
#copyLeftLocations li{
	padding-bottom: 1px;
	}
#copyLeft h1, #copyLeftLocations h1{
	font-size: 180%;
	}
#footer {
	font-size: 100%;
	float: left;
	margin-top: 10px;
	width: 780px;
	}
.separator {
	clear: both;
	height: 0;
	}
#AboutCopy {
	width: 346px;
	float: left;
	line-height: 140%;
	padding: 30px 0px 0px 90px;
	font-size: 100%;
	}
#AboutCopy h1{
	font-size: 140%;
	color: #C31A61;
	}
#AboutCopy h2{
	font-size: 100%;
	}
#IntroImg {
	width: 343px;
	float: left;
	}
#rightImg {
	float: left;
	width: 518px;
	}
/* ----------- 3.links and navigation -----------*/
a {
	color: #666;
	}
a:visited {
	}
a:hover {
	}
a:active {
	}
#navigation {
	padding: 74px 0px 15px 0px;
	}
#navigation a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
	}
#navigation ul {
	text-align: right;
	font-size: 110%;
	color: #666666;
	}
#navigation li {
	display: inline;
	padding: 0px 0px 0px 5px;
	}
.siteby a{
	display: inline;
	float: right;
	color: #666666;
	text-decoration: underline;
	}
.siteby a:hover{
	text-decoration: none;
	}
.copyright{
	display: inline;
	color: #666666;
	float: left;
	}
.copyright a{
	color: #666666;
	text-decoration: underline;
	}
.copyright a:hover{
	text-decoration: none;
	}
#copyLeft a{
	color: #666666;
	text-decoration: none;
	border-bottom: solid #999 1px;
	padding-bottom: 1px;
	}
	
/* ----------- 4.fonts --------------*/
h1, h2, h3, h4, p, ul {
	}
h1 {
	}
h2 {
	}
h3 {
	}
h4 {
	}
p {
	}
ul {
	}
	
/* ------------ 5.images ----------------*/
a img {
	border: 0;
	}
	
/* ------------- 6.hacks -----------------*/
body {/* IE 5 centering bug fix */
	text-align: center;
	}
#wrapper {
	text-align: left;
	}