/* @import url("tags.css"); */
* {
	margin:0;
	padding:0;
	border: 0;
	}


body{
	height: 100%;
	width: 100%;
	background: #000000 url('../images/misc/background-stripes.jpg') top center no-repeat fixed;
	font:12px/1.6em "Palatino","Georgia",serif; color:#555555;
	text-align:center;
	padding: 0 0 30px 0;
	}

table 			{border-collapse: collapse; width: 620px;}
td				{vertical-align:top}
ul				{list-style-type: none}
p				{margin-bottom: 1.3em}
a				{text-decoration: underline; color: #ee0303}
a.inherit, a.red	{color: inherit}
a.red:hover		{color: #ee0303}

h1			{color: #ee0303; padding: 15px 30px; font: 25px/1.25em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
h1.inner		{margin-top: 50px}
h1.short		{margin-bottom: 40px}
h2			{color: #ee0303; padding: 0 0 10px 0; font: 16px/1.25em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
h1 div		{margin: 10px 0 25px 0; color: #777777; font: 10px/1.5em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
h2 div		{margin: 7px 0 7px 0; color: #777777; font: 10px/1.5em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}



/* @import url("uniques.css"); */
#wrapper													{width: 100%; height: 100%; top repeat-x; margin:0}

#container													{width: 980px;  background: #575757 url('../images/misc/background-second-gradient.jpg') repeat-x; margin: 0px auto; position:relative; top: -20px}
#containerNote, #containerContent, #containerMenu						{float:right; padding-top: 8px}
#containerNote												{width: 105px;  font-size: 0.8em; line-height: 1.3em; color: #bbbbbb}
	#containerNote	p										{margin: 10px 0 0 0}
	#containerNote	span										{color: #777777; font: 10px/1em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}

#containerMenu												{width: 185px; float:left}
#containerContent												{width: 690px; text-align: left; background: #FFFFFF; padding-top: 15px; }
	#header												{width: 100%; height: 235px; text-align:center; font: 11px/1.3em Palatino, Georgia, serif; color: #777777;  background: url('../images/misc/background-header.jpg') left bottom no-repeat; position:relative}
	#header #title											{height: 110px;}
	#header span											{color: #999999; font: 10px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
	#header #quoteSelector										{position: absolute; bottom:0; right:15px; line-height: 23px}
	#header #quoteSelector span									{padding: 0 7px 5px 7px; background-position: center bottom; background-repeat: no-repeat; cursor: pointer;  font-style:normal;}
	#header #quoteSelector span.selected							{padding: 0 7px 5px 7px; background-image: url('../images/misc/selected-quote.gif'); color: #ee0303; font-weight: bold;}

	#header #mainQuote										{padding: 0 15px;}
	#header #mainQuote div										{visibility: hidden; display:none}
	#header #mainQuote div.selected								{visibility: visible; display:inline}

#loadingData												{width: 100px; height: 25px; position: absolute; top:500px ; left: 500px; padding-top: 40px; color: #cccccc; background: #222222 url('../images/misc/ajaxLoaderBlack.gif') center 8px no-repeat; font: 10px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; text-align:center}

#introTable													{margin: 10px 10px 10px 0; border: 1px solid #dddddd}
#introTable td												{padding: 5px; text-align: right}
#introTable th												{padding: 5px; text-align: left; font-weight: normal}
#introTable .total											{font-weight: bold}

#content													{text-align: left; padding-bottom: 30px; }

#visitorsCounter												{text-align: left; font: 10px/1.5em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; color: #777777; padding: 0 0 0 8px; margin: 100px 0 0 0}
#visitorsCounter img											{margin-right: 1px; position: relative; top:2px}

#signature													{clear: both; font: 12px/1.5em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; padding: 0 0 0 30px; position: relative; top: 1.5rem; color: #777777; }
#signature a												{color: #DDD; text-decoration: none}
#signature a:hover											{color: #777777;}

#backgroundChartContainer											{position:relative; background: url('../images/misc/backgroundChart.gif') no-repeat; width: 610px; height: 100px; margin-left: 15px}
#backgroundChartCompleted											{position: absolute; top: 21px; left: 4px; background: url('../images/misc/backgroundChartCompleted.gif') no-repeat;; height: 14px;}
#numberCompleted, #numberRemaining										{position: absolute; top:27px; left:0; padding: 25px 3px 0 3px; font-size: 11px;  font-weight: bold; color: #63a803; border-left: 1px dotted #63a803; width: 80px;}
#numberRemaining													{left: 300px; border-left: 1px dotted #dc0f17; color: #dc0f17}


/* @import url("lists.css"); */
ul.bullet												{mrgin-left: 15px;}
ol													{margin-left: 25px;}
ol li													{margin-bottom:7px;}
ul.bullet li											{list-style-type: disc; margin-bottom:7px;}

ul#languageSelector										{height: 243px; color: #999999; font: 12px/1.5em"Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; text-align: left;}
ul#languageSelector li										{padding: 0 0 0 8px; background-position: 1px center; background-repeat: no-repeat}
ul#languageSelector li.selected								{color: #FFFFFF; background-image: url('../images/misc/selected-language.gif')}
ul#languageSelector a										{color: #999999; text-decoration: none}
ul#languageSelector a:hover									{color: #FFFFFF}

ul#menuSelector											{color: #777777; margin: 15px 0 0 0; font: 16px/1em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; text-align: left;}

ul#menuSelector li										{padding: 8px 0 8px 8px; background-position: 3px 11px; background-repeat: no-repeat; position:relative; cursor: pointer;}
ul#menuSelector li.selected									{color: #FFFFFF; background-image: url('../images/misc/selected-menu.gif'); background-position: right center; }
ul#menuSelector li:hover									{color: #FFFFFF;}

ul#menuSelector li ul										{z-index:1000; color: #777777; width: 100%; position: absolute; top: 0px; left: 170px; display: block; background: #111111; border: 1px solid #aaa; visibility: hidden; display: none}
ul#menuSelector li ul li									{background:none; }

ul#menuSelector ul li.selected								{/*color: #FFFFFF;*/ background-image: url('../images/misc/selected-submenu.gif')}

ul#menuSelector a											{color: #777777; text-decoration: none}
ul#menuSelector a:hover, ul#menuSelector a.selected					{color: #FFFFFF}




ul.pdf li												{background: url('../images/misc/pdfIcon.gif') left 5px no-repeat; padding: 5px 0 5px 25px}

table													{border: 1px solid #dddddd; font-size: 1em}
table td, table th										{padding: 8px;}
tr.odd												{background: #FFFFFF}
tr.even												{background: #f7f7f7}
tr.odd:hover, tr.even:hover									{background: #dddddd}

table.base												{margin: 0 30px;}
table.base td											{text-align: left}


table#donnors thead										{background: #c7c7c7; font-weight: bold; text-transform: uppercase;}
table#donnors thead th										{font-weight: bold}
table#donnors img											{cursor:pointer}
table#donnors td											{text-align: right}
table#donnors th											{text-align: left; font-weight: normal}


/* @import url("classes.css"); */
.imageLeft									{float:left; margin: 3px 15px 0 0}
.imageRight									{float:right; margin: 3px 0 0 15px}
.youtube									{float:left; margin: 3px 15px 0 0; background: url('../images/misc/ajaxLoader.gif') center no-repeat}
.icon										{position:relative; top: 5px; margin: 0 3px 0 0}
.separator									{padding: 15px 30px; background: url('../images/misc/background-separator.jpg') repeat-x}
.base										{padding: 15px 30px; min-height: 300px;}
.baseMinimum								{padding: 15px 30px; height: 300px;}
.indented									{padding-left: 50px;}
div.hidden									{visibility:hidden; display:none}

span.linkMore, span.linkLess, span.linkForward, span.linkBackward {padding: 0 0 0 17px; text-decoration: none; color: #ee0303; cursor: pointer; font: 10px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
span.linkMore								{padding: 0 0 0 17px; background: url('../images/misc/more.gif') 5px 3px no-repeat }
span.linkLess								{padding: 0 0 0 12px; background: url('../images/misc/less.gif') 0 3px no-repeat }
span.linkForward								{padding: 0 0 0 15px; background: url('../images/misc/forward.gif') 5px 5px no-repeat }
span.linkBackward								{padding: 0 0 0 10px; background: url('../images/misc/backward.gif') 0px 4px no-repeat }

.thumbs img									{border: 2px solid #FFFFFF; cursor: pointer}
.thumbs img.selected							{border: 2px solid #ee0303}


/* @import url("forms.css"); */
form													{font: 10px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
form ul													{padding: 20px 20px 10px 20px; background: url('../images/misc/background-separator.jpg') repeat-x}
form ul li												{display: block; clear:both; margin: 0 0 15px 0; background: url('../images/misc/mandatoryField.gif') 185px 10px no-repeat}
form label												{width: 200px; float:left; height: 32px; padding: 7px 0 0 0}
	form ul li.optional									{background:none}
	form ul li.button									{background:none; padding:10px 0 0 200px;}
	form ul li.note										{background:none; padding:30px 0 0 200px; color: #999999}
	form ul li.missing									{background-image: url('../images/misc/mandatoryFieldMIssing.gif')}
	form ul li.missing label							{color:#ee0303}
	form ul li.missing input.text, form ul li.missing textarea
														{border-color: #ee0303}

form input.text, form textarea							{width: 370px; border: 1px solid #dddddd; padding: 5px; font-size: 1.7em}
form textarea											{height: 200px; font: 12px/1.5em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif;}
form input.text:focus, form textarea:focus				{background: #fff799;}

form span.radio                                   		{margin: 0 15px; position: relative; top: 7px;}

form input.button										{width: 147px;height:38px; margin-right: 20px; background: url('../images/misc/buttonOver.gif') no-repeat; text-align:center; font: 17px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; font-weight: bold; text-transform: uppercase; color: #FFFFFF; cursor: pointer}
form input.buttonCancel									{width: 147px;height:38px; margin-right: 20px; background: url('../images/misc/buttoncancel.gif') no-repeat; text-align:center; font: 17px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; font-weight: bold; color: #333333; cursor: pointer}
form input.buttonOver									{width: 147px;height:38px; margin-right: 20px; background: url('../images/misc/button.gif') no-repeat; text-align:center; font: 17px/1.3em "Microsoft Sans Serif",Helvetica,Arial,Verdana,sans-serif; font-weight: bold; text-transform: uppercase; color: #FFFFFF; cursor: pointer}

form .randomImage										{float:right; position: relative; top: -3px; right: 50px}