/* phespirit.info stylesheet: start */

/* tag: <link href="/stylesheet/phespirit.css" type="text/css" rel="StyleSheet" /> */


/* foundation styles */

body
		{
		margin: 0;
		padding: 0;
		background-color: #ffffff;
		}

body, table, thead, tbody, tr, th, td, ul, ol, dl, dt, dd, p, div, blockquote
		{
		text-align: left;
		vertical-align: top;
		color: #000000;
		font-weight: normal;
		font-family: arial, helvetica, sans-serif;
		}

th
		{
		font-weight: bold;
		}

h1, h2, h3, h4, h5, h6
		{
		margin: 20px 0;
		color: #cc0000;
		font-weight: bold;
		font-family: arial, helvetica, sans-serif;
		}

h1
		{
		margin-top: 0;
		}

p
		{
		margin: 20px 0;
		}
ul, ol
		{
		margin-top: 0; margin-bottom: 0;
		}
pre, code
		{
		font-family: courier new, monospace;
		}

b, strong
		{
		font-weight: bold;
		}

i, em, address
		{
		font-style: italic;
		}

img
		{
		border: 0;
		}

li
		{
		margin: 0;
		}

hr
		{
		background-color: #000000;
		height: 1px;
		border: 0;
		color: #000000;
		}

form
		{
		margin-bottom: 15px;
		}

div.align-c, div.table, td.table-center
		{
		text-align: center;
		}

div.align-c table, div.table table, td.table-center table, div.align-c div
		{
		margin-left: auto;
		margin-right: auto;
		}

div.table
		{
		margin-top: 15px;
		margin-bottom: 15px;
		}

div.table-l
		{
		text-align: left;
		margin-top: 15px;
		margin-bottom: 15px;
		}


/* text-size styles */

.huge
		{ font-size: xx-large; }

h1, .head-f0, .head-f1, .head-f2, .places-h3
		{ font-size: large; font-weight: normal; }

.head-nations
		{ font-size: medium; }

body, h2, h3, h4, h5, h6, th, td, ul, ol, dl, dt, dd, p, div, blockquote, pre, code, .high-f1, .text-f0, .text-f1, .text-f2, .text-f3, div.culture-text div.culture-sub
		{ font-size: small; }

.tiny, .tiny-f0, .tiny-f1, .tiny-f2, .tiny-f3, .align-rtiny, .align-ctiny, .align-cmtiny, .align-jtiny, .align-btiny, .float-rtiny, div.head-navl, div.head-navr, div.foot-navl, div.foot-navr, div.wc-navl, div.wc-navr, div.body-left-title-c, div.body-left-link, div.body-left-link-item, div.culture-text div, div.home-image-caption-1, div.home-image-caption-2, .icon-menu-date
		{ font-size: x-small; }


/* formatting styles */

.float-l		{ float: left; }
.float-r		{ float: right; }
.float-rtiny	{ float: right; }

.clear-l		{ clear: left; }
.clear-r		{ clear: right; }

.clear			{ clear: both; }
.clear-5		{ clear: both; height: 5px; }
.clear-10		{ clear: both; height: 10px; }
.clear-20		{ clear: both; height: 20px; }
.clear-40		{ clear: both; height: 40px; }


.pad-0			{ padding: 0; }
.pad-5			{ padding: 5px; }
.pad-10			{ padding: 10px; }
.pad-20			{ padding: 20px; }
.pad-l-5		{ padding-left: 5px; }
.pad-r-5		{ padding-right: 5px; }
.pad-t-5		{ padding-top: 5px; }
.pad-b-5		{ padding-bottom: 5px; }
.pad-l-10		{ padding-left: 10px; }
.pad-r-10		{ padding-right: 10px; }
.pad-t-10		{ padding-top: 10px; }
.pad-b-10		{ padding-bottom: 10px; }
.pad-l-20		{ padding-left: 20px; }
.pad-r-20		{ padding-right: 20px; }
.pad-t-20		{ padding-top: 20px; }
.pad-b-20		{ padding-bottom: 20px; }
.pad-l-40		{ padding-left: 40px; }
.pad-r-40		{ padding-right: 40px; }
.pad-t-40		{ padding-top: 40px; }
.pad-b-40		{ padding-bottom: 40px; }

.margin-0		{ margin: 0; }
.margin-l-0		{ margin-left: 0; }
.margin-r-0		{ margin-right: 0; }
.margin-t-0		{ margin-top: 0; }
.margin-b-0		{ margin-bottom: 0; }
.margin-l-5		{ margin-left: 5px; }
.margin-r-5		{ margin-right: 5px; }
.margin-t-5		{ margin-top: 5px; }
.margin-b-5		{ margin-bottom: 5px; }
.margin-l-10	{ margin-left: 10px; }
.margin-r-10	{ margin-right: 10px; }
.margin-t-10	{ margin-top: 10px; }
.margin-b-10	{ margin-bottom: 10px; }
.margin-l-20	{ margin-left: 20px; }
.margin-r-20	{ margin-right: 20px; }
.margin-t-20	{ margin-top: 20px; }
.margin-b-20	{ margin-bottom: 20px; }
.margin-l-40	{ margin-left: 40px; }
.margin-r-40	{ margin-right: 40px; }
.margin-t-40	{ margin-top: 40px; }
.margin-b-40	{ margin-bottom: 40px; }
.margin-t-100	{ margin-top: 100px; }
.margin-b-100	{ margin-bottom: 100px; }
.margin-auto	{ margin-left: auto; margin-right: auto; }

.width-10		{ width: 9%; }
.width-15		{ width: 14%; }
.width-15		{ width: 19%; }
.width-25		{ width: 24%; }
.width-33		{ width: 33%; }
.width-40		{ width: 40%; }
.width-50		{ width: 49%; }
.width-60		{ width: 60%; }
.width-90		{ width: 90%; }
.width-100		{ width: 100%; }
.width-600		{ width: 598px; }

.height-0		{ height: 0; font-size: 0; margin: 0; padding: 0; }
.height-5		{ height: 5px; font-size: 0; margin: 0; padding: 0; }
.height-10		{ height: 10px; font-size: 0; margin: 0; padding: 0; }
.height-20		{ height: 20px; font-size: 0; margin: 0; padding: 0; }
.height-40		{ height: 40px; font-size: 0; margin: 0; padding: 0; }

.align-l		{ text-align: left; }
.align-c		{ text-align: center; }
.align-r		{ text-align: right; }
.align-j		{ text-align: justify; }
.align-t		{ vertical-align: top; }
.align-m		{ vertical-align: middle; }
.align-b		{ vertical-align: bottom; }
.align-cm		{ text-align: center; vertical-align: middle; }
.align-cb		{ text-align: center; vertical-align: bottom; }
.align-rm		{ text-align: right; vertical-align: middle; }
.align-rb		{ text-align: right; vertical-align: bottom; }
.align-jm		{ text-align: justify; vertical-align: middle; }
.align-jb		{ text-align: justify; vertical-align: bottom; }

.align-rtiny	{ text-align: right; }
.align-ctiny	{ text-align: center; }
.align-cmtiny	{ text-align: center; vertical-align: middle; }
.align-jtiny	{ text-align: justify; }
.align-btiny	{ vertical-align: bottom; }

.hidden			{ visibility: hidden; }
.visible		{ visibility: visible; }
.block			{ display: block; }
.none			{ display: none; }

.box			{ border: 1px solid #000000; }
.box-grey		{ border: 1px solid #999999; }

.heads			{ color: #cc0000; }
.orange			{ color: #b95600; }
.grey			{ color: #505050; }
.red			{ color: #e80000; }
.blue			{ color: #6600ff; }
.black			{ color: #000000; }
.white			{ color: #ffffff; }
.magenta		{ color: #d000d0; }
.brown			{ color: #993333; }
.steel			{ color: #008383; }

.route-1		{ color: #0000ff; }
.route-2		{ color: #ff0099; }
.route-3		{ color: #ff9900; }

.head-f0		{ font-family: arial, helvetica, sans-serif; color: #000000; }
.text-f0		{ font-family: arial, helvetica, sans-serif; color: #000000; font-weight: normal; }
.tiny-f0		{ font-family: arial, helvetica, sans-serif; color: #000000; font-weight: normal; }

.head-f1		{ font-family: arial, helvetica, sans-serif; color: #cc0000; }
.high-f1		{ font-family: arial, helvetica, sans-serif; color: #cc0000; font-weight: bold; }
.text-f1		{ font-family: arial, helvetica, sans-serif; color: #cc0000; font-weight: normal; }
.tiny-f1		{ font-family: arial, helvetica, sans-serif; color: #cc0000; font-weight: normal; }

.head-f2		{ font-family: arial, helvetica, sans-serif; color: #ffffff; }
.text-f2		{ font-family: arial, helvetica, sans-serif; color: #ffffff; font-weight: normal; }
.tiny-f2		{ font-family: arial, helvetica, sans-serif; color: #ffffff; font-weight: normal; }

.text-f3		{ font-family: arial, helvetica, sans-serif; color: #505050; font-weight: normal; }
.tiny-f3		{ font-family: arial, helvetica, sans-serif; color: #505050; font-weight: normal; }

.dash-box		{ background-color: #f9f9f9; border: 1px dashed #cccccc; }

.courier		{ font-family: courier new, arial, helvetica, sans-serif; }
.tahoma			{ font-family: tahoma, arial, helvetica, sans-serif; }
.tempus			{ font-family: Tempus Sans ITC, arial, helvetica, sans-serif; }
.times			{ font-family: times, timesNR, Times New Roman, serif; }

.bold			{ font-weight: bold; }
.italic			{ font-style: italic; }
.underline		{ text-decoration: underline; }

.alphalower		{ list-style-type: lower-alpha; }
.alphaupper		{ list-style-type: upper-alpha; }
.romanlower		{ list-style-type: lower-roman; }
.romanupper		{ list-style-type: upper-roman; }

.fade div		{ left: 0; top: 0; position: absolute; display: none; }

ul.ul-nomargin	{ list-style-type: disc; margin-left: 16px; padding: 0; }
ol.ol-nomargin	{ margin-left: 30px; margin-top: 0; margin-bottom: 0; padding: 0; }
ul.links		{ list-style-type: none; margin-left: 0; margin-bottom: 30px; padding: 0; }
ul.links li		{ margin-top: 3px; }
ol.tiny li		{ margin-top: 3px; }

.nostylemargin	{ list-style: none; margin: 0; padding: 0; }

dl.dt-break dt
				{ margin: 20px 0 0 0; }
dl.dt-break dt#dt-top
				{ margin: 0; }

div.cc-top
				{ background-position: right 0; font-size: 0; height: 1%; }
div.cc-top-b-20
				{ background-position: right 0; margin: 0 0 20px; padding: 0; font-size: 0; height: 1%; }
div.cc-top-inner
				{ background-position: left 0; margin: 0 5px 0 0; padding: 5px 0 0 5px; height: 1%; overflow: auto; }
div.cc-bot
				{ background-position: right 5px; margin: 0; padding: 0; height: 5px; clear: both; }
div.cc-bot-inner
				{ background-position: left 5px; margin: 0 5px 0 0; padding: 5px 0 0 5px; }
div.cc-pad-10
				{ padding: 10px 5px 5px 10px; }
div.cc-head-banner
				{ background-image: url('/images/cc_black.gif'); } 
div.cc-head-nav, div.cc-foot-nav, div.cc-places-nav, div.cc-wc-nav, div.cc-c2
				{ background-image: url('/images/cc_grey_dark.gif'); } 
div.cc-body-left, div.cc-c1
				{ background-image: url('/images/cc_grey_light.gif'); } 
ul.cc-list-s, ul.cc-list-m, ul.cc-list-l
				{ list-style: none; margin: 0; padding: 0; }
ul.cc-list-s div.cc-top
				{ margin-bottom: 5px; }
ul.cc-list-m div.cc-top
				{ margin-bottom: 10px; }
ul.cc-list-l div.cc-top
				{ margin-bottom: 20px; }


/* link styles */

a, a.delicious, a:link, a:link.delicious, a:visited, a:visited.delicious
				{ color: #0000ff; background-color: transparent; text-decoration: underline; outline: none; }
a:hover, a:hover.delicious, a:focus, a:focus.delicious, a:active, a:active.delicious
				{ color: #ffffff; background-color: #cc0000; text-decoration: none; outline: none; }
a img, a:link img, a:visited img
				{ background-color: transparent; text-decoration: none; }
a:hover img, a:focus img, a:active img
				{ background-color: #000000; text-decoration: none; }

a.delicious
				{ background: transparent url(/images/delicious.gif) no-repeat scroll right center; padding-right: 22px; }

a.block-list, a.block-list:link, a.block-list:visited
				{ padding: 1px 2px; width: 98%; display: block; cursor: pointer; }
a.block-list:hover, a.block-list:focus, a.block-list:active
				{ padding: 1px 2px; width: 98%; display: block; }


/* page header styles */

div.head-banner
		{
		padding: 2px 2px 0;
		}

div.head-banner img
		{
		display: block;
		}

div.head-nav
		{
		padding: 2px 2px 15px;
		}

div.head-navl
		{
		float: left;
		padding: 1px 5px 2px;
		width: 60%;
		text-align: left;
		vertical-align: middle;
		}

div.head-navr
		{
		float: right;
		padding: 1px 5px 2px;
		width: 30%;
		text-align: right;
		vertical-align: middle;
		}
		

/* left-side navigation style */

div.body-left
		{
		float: left;
		width: 20%;
		}

div.body-left div.cc-top
		{
		width: 90%;
		margin: 0 auto;
		}

div.body-left-title
		{
		margin: 10px 10px 0 5px;
		color: #505050;
		font-weight: bold;
		}

div.body-left-title-c
		{
		margin: 10px 10px 0 5px;
		color: #505050;
		text-align: center;
		text-transform: uppercase;
		}

div.body-left-title-c a
		{
		text-transform: uppercase;
		}

div.body-left-head
		{
		margin: 10px 10px 0 5px;
		color: #505050;
		}

div.body-left-link, div.body-left-link-block
		{
		margin: 3px 10px 0 10px;
		}

div.body-left-link-block
		{
		width: 90px;
		border-bottom: 1px solid #f9f9f9;
		}

div.body-left-link-item
		{
		float: left;
		margin: 3px 3px 0 0;
		}

div.body-left-foot
		{
		height: 20px;
		}


/* right-side margin style */

div.body-right
		{
		float: right;
		width: 1%;
		}


/* page content styles */

div.body-content
		{
		float: right;
		width: 78%;
		padding: 13px 0 20px;
		}

div.body-content-100
		{
		padding: 13px 20px 20px;
		}


/* page footer navigation styles */

div.foot-nav
		{
		clear: both;
		padding-top: 20px;
		height: 1%;
		}

div.foot-navl
		{
		float: left;
		width: 45%;
		padding: 4px 5px;
		text-align: left;
		vertical-align: middle;
		}

div.foot-navr
		{
		float: right;
		width: 45%;
		padding: 4px 5px;
		text-align: right;
		vertical-align: middle;
		}


/* home page image/caption styles */

div.home-image-1
		{
		text-align: center;
		background-image: url(/images/home.gif);
		background-position: center center;
		background-repeat: no-repeat;
		}

div.home-image-2
		{
		text-align: center;
		background-image: url(/images/home.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		}

div.home-image-caption-1
		{
		padding: 5px;
		text-align: right;
		color: #505050;
		background-color: #f9f9f9;
		visibility: hidden;
		}

div.home-image-caption-2
		{
		padding: 5px;
		text-align: right;
		color: #505050;
		background-color: #f9f9f9;
		visibility: visible;
		}


/* search engine styles */

input.search-go
		{
		width: 30px;
		height: 24px;
		vertical-align: middle;
		}

input.search-box
		{
		width: 65%;
		height: 16px;
		margin: 0;
		padding: 2px;
		vertical-align: middle;
		border-width: 1px;
		border-style: solid;
		border-color: #999999;
		}


/* icon menu styles */

.icon-menu-set
		{
		padding: 10px 0;
		}

.icon-menu-date
		{
		float: right;
		width: 150px;
		height: 35px;
		text-align: right;
		}

.icon-menu-img
		{
		float: left;
		margin: 0 15px 0 10px;
		}

.icon-menu-links
		{
		width: 50%;
		height: 35px;
		display: block;
		overflow: auto;
		}


/* places styles */

div.places-nav
		{
		clear: both;
		}

div.places-nava, div.places-navl, div.places-navl-active
		{
		text-align: center;
		vertical-align: middle;
		}

div.places-nava img, div.places-navl img, div.places-navl-active img
		{
		display: block;
		margin: 0 auto;
		}

div.places-nava
		{
		float: left;
		width: 5%;
		}

div.places-navl, div.places-navl-active
		{
		float: left;
		width: 15%;
		}

div.places-navr
		{
		float: right;
		width: 15%;
		text-align: left;
		vertical-align: middle;
		}

div.places-navr img
		{
		display: block;
		}

div.places-navl-active
		{
		background-color: #ffffff;
		}

h2.places-h2
		{ margin: 0; font-weight: normal; text-transform: uppercase; }
h2.places-h2-m
		{ font-weight: normal; text-transform: uppercase; }
h3.places-h3
		{ margin-top: 0; }
div.places-img
		{ margin: 15px 0 40px; }
div.places-txt
		{ float: left; width: 250px; margin: 0 20px 0 0; }


/* infobox styles */

div.infobox
		{
		float: right;
		background-color: #f9f9f9;
		border: 1px dashed #cccccc;
		width: 380px;
		margin-bottom: 20px;
		padding: 10px;
		min-height: 380px;
		}

span.infono
		{
		color: #ffffff;
		background-color: #cc0000;
		border: 1px solid #000000;
		padding: 0 2px;
		}


/* nations styles */

.nations-img-border
		{
		border: 1px solid #cccccc;
		}

.nations-info-box
		{
		background-color: #f9f9f9;
		border: 1px dashed #cccccc;
		margin: 0;
		padding: 10px;
		}

.nations-info-label
		{
		float: left;
		width: 150px;
		font-weight: bold;
		}

.nations-info-fact
		{
		float: left;
		}

.nations-info-div
		{
		clear: left;
		padding: 0;
		margin: 0;
		height: 10px;
		}


/* pictures styles */

.pic-c-outer-350, .pic-c-outer-450, .pic-c-outer-480, .pic-c-outer-570, .pic-c-outer-680
		{
		float: right;
		position: relative;
		left: -50%;
		}

.pic-c-outer-350
		{
		height: 350px;
		}

.pic-c-outer-450
		{
		height: 450px;
		}

.pic-c-outer-480
		{
		height: 480px;
		}

.pic-c-outer-570
		{
		height: 570px;
		}

.pic-c-outer-680
		{
		height: 680px;
		}

.pic-c-inner
		{
		position: relative;
		left: 50%;
		}

.pic-ord-001
		{
		position: relative;
		top: 0;
		left: 0;
		width: 442px;
		height: 662px;
		}

.pic-ord-002
		{
		position: relative;
		top: 0;
		left: 0;
		width: 271px;
		height: 552px;
		}



/* culture styles */

div.culture-set
		{
		clear: both;
		padding-top: 20px;
		}

div.culture-image
		{
		float: left;
		width: 14%;
		text-align: center;
		}

div.culture-text
		{
		margin-left: 15%;
		}

div.culture-text h3
		{
		margin: 0;
		color: #cc0000;
		}

div.culture-text div.culture-sub
		{
		margin: 0;
		color: #cc0000;
		}

div.culture-text div, div.culture-text p, div.culture-text table
		{
		margin-top: 5px;
		margin-bottom: 0;
		color: #000000;
		}


/* football | worldcup styles */

div.wc-nav
		{
		clear: both;
		margin-top: 40px;
		}

div.wc-nava, div.wc-navl, div.wc-navr
		{
		text-align: center;
		vertical-align: middle;
		}

div.wc-nava
		{
		float: left;
		width: 2%;
		}

div.wc-navl
		{
		float: left;
		width: 10%;
		padding: 4px 5px;
		}

div.wc-navr
		{
		float: right;
		width: 10%;
		padding: 4px 5px;
		}

tr.wc-solid td
		{
		border-top: 1px solid #000000;
		}

tr.wc-solid-dash td
		{
		border-top: 1px solid #000000;
		border-bottom: 1px dashed #000000;
		}

ul.football
		{
		list-style-image: url('/football/images/football.gif');
		}

ul.football li
		{
		padding: 5px 0 10px 20px;
		}

td.football-rating-bg
		{
		background-image : url('/football/images/rating_bg.gif');
		}


/* phespirit.info stylesheet: end */