/** Generic setup **/

*
{
	font-family: Tahoma, Verdana, Arial, sans;
	font-size: 100%;
	/* DEBUG */
	/* border: 1px #cc0000 solid; */
}

body
{
	margin: 0px;
	font-size: 70%;
	padding: 0px;
	border: 0px;
	background-color: #FFFFFF;
}

form
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	width: 100%;
}

td
{
	vertical-align: top;
}

li
{
	list-style: none;
}

/** Baner **/

div#Banner
{
	width: 770px;
	overflow: hidden;
	height: 70px;
	background-repeat: repeat-x;
	background-image: url('images/banner-bg.gif');
	background-position: 0px 50px;
}

div#Banner	h1
{
	width: 235px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-repeat: no-repeat;
	background-image: url('images/banner-logo.gif');
}

div#Banner	h1	span
{
	display: none;
}

div#Banner	div#language
{
	position: absolute;
	left: 740px;
	top: 5px;
	display: block;
	width: 30px;
}


/** Menu **/

ul#MainMenu,
ul#SubMenu
{
	width: 770px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
	height: 30px;
	background-repeat: repeat-x;
}

ul#MainMenu
{
	background-image: url('images/menu-item-bg.gif');
}

ul#MainMenu		li,
ul#SubMenu		li
{
	display: block;
	list-style: none;
	padding-left: 15px;
	padding-top: 5px;
	float: left;
	height: 30px;
	font-size: 90%;
}

ul#MainMenu		li
{
	background-image: url('images/menu-link.gif');
	background-repeat: no-repeat;
	background-position: 8px 9px;
}

ul#SubMenu
{
	background-image: url('images/submenu-item-bg.gif');
	background-color: #FFF8B0;
	width: 100%;
}


ul#MainMenu		li.Selected
{
	background-color: #FFF8B0;
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 5px;
	background-image: url('images/menu-item-bg-select.gif');
	/** background-image: none; **/
}

ul#MainMenu		li.Selected	span
{
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 2px 4px;
	background-image: url('images/menu-link-select.gif');
}

ul#MainMenu		li	span,
ul#SubMenu		li	span
{
	height: 20px;
	padding-top: 2px;
	padding-right: 5px;
	background-repeat: no-repeat;
}

ul#MainMenu		li	span
{
	border-right: 1px #a5aeb6 solid;
}

ul#SubMenu		li	span
{
	padding-right: 15px;
	border-right: 1px #CFC0A0 solid;
}

ul#MainMenu		li.MenuItem	span	a
{
	font-weight: bold;
	color: #6c6f70;
}

ul#MainMenu		li.MenuItem	span	a:hover
{
	color: #000066;
}

ul#MainMenu		li.Selected	span
{
	color: #ff6418;
	font-weight: bold;
	text-decoration: underline;
}

ul#SubMenu		li.MenuItem	span	a
{
	color: #FF6600;
	text-decoration: none;
}

ul#SubMenu		li.MenuItem	span	a:hover
{
	text-decoration: underline;
}

ul#SubMenu		li.Selected	span
{
	color: #663300;
	font-weight: bold;
	text-decoration: underline;
}

/** Front Composite **/

div#FrontComp	
{
	clear: both;
	float: none;
	width: 770px;
	height: 170px;
	overflow: hidden;
	background-image: url('images/front-image-right.jpg');
	background-repeat: no-repeat;
	background-position: 440px 0px;
}

table#Columns	td#LeftCol	span#FrontImageBottom
{
	background-image: url('images/front-image-bottom.jpg');
	background-repeat: no-repeat;
	display: block;
	width: 430px;
	height: 18px;
}

div#FrontComp	img#FrontImage
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div#FrontComp	em#MotoTitle
{
	display: none;
}

/** Footer **/

td#Footer
{
	font-size: 80%;
	height: 50px;
	background-color: #a5aeb6;
	text-align: center;
	vertical-align: middle;
	width: 770px;
}

td#Footer,
td#Footer	*
{
	color: #4d4e53;
}

/** Columns **/

table#Columns
{
	width: 100%;
}

table#Columns	td#LeftCol
{
	width: 425px;
	vertical-align: top;
}

table#Columns	td#RightCol
{
	background-image: url('images/front-image-bottom.jpg');
	background-repeat: no-repeat;
	background-position: -430px 0px;
	width: 345px;
	vertical-align: top;
}

/** Front Page News **/

ul#NewsList
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

ul#NewsList		li
{
	padding: 5px;
	padding-left: 10px;
}

ul#NewsList		li	table
{
	width: 395px;
	height: 40px;
	border-bottom: 1px #5a7e92 dotted;
}

ul#NewsList		td.Texts
{
	background-image: url('images/fp-news-bullet.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 20px;
}

ul#NewsList		td.Texts	a
{
	color: #6c6f70;
}

ul#NewsList		div.Categ
{
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	color: #72959e;
}

ul#NewsList		td.Date
{
	width: 100px;
	color: #a2a5a4;
	text-align: right;
	font-weight: bold;
}

/** Sponsors List **/
ul.SponsorsList
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	float: none;
	clear: both;
}

ul.SponsorsList		li
{
	list-style: none;
	width: 33%;
	float: left;
	padding: 5px;
	margin: 0px;
	text-align: center;
	border: 1px #cccccc dotted;
}

ul.SponsorsList		li		div.Name
{
	text-align: center;
}

/** Personel List **/

ul.PersonelList	
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	padding-left: 20px;
	margin-top: 10px;
	list-style: disc outside;
}

ul.PersonelList		li
{
	list-style: disc outside;
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-bottom: 1px #CCCCCC dotted;
	margin-bottom: 2px;
	margin-top: 2px;
}

ul.PersonelList		li		h3.Title
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #4466CC;
}

ul.PersonelList		li		div.Description
{
	padding: 3px;
	color: #555555;
	font-size: 90%;
	padding-bottom: 0px;
}

ul.PersonelList		li		div.Toolkit
{
	width: 100%;
	height: auto;
	padding: 3px;
	margin: 0px;
	border: 0px;
	background-image: none;
}

/** Intro Text **/

div.IntroText
{
	width: 340px;
	padding-left: 5px;
}

/** Front Banners **/

div.Banner
{
	background-repeat: no-repeat;
	height: 95px;
	padding-top: 30px;
	font-size: 90%;
}

div.Banner	h5
{
	display: none;
}

div#DonateBnr
{
	background-image: url('images/banner-donate.jpg');
	width: 335px;
	padding-left: 80px;
}

div#GuestBookBnr
{
	background-image: url('images/banner-guestbook.jpg');
	width: 335px;
	background-position: 5px 0px;
	padding-left: 85px;
}

div.Banner	div.Toolkit
{
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
}

/** Inlay content **/

td.Inlay
{
	background-image: url('images/body-bg.gif');
	background-repeat: repeat-y;
}

div#PageBody
{
	width: 100%;
}

div#PageBody		div#Sleeve
{
	float: left;
	width: 215px;
	height: 238px;
	min-height: 238px;
	max-height: 100%;
	padding-top: 50px;
	background-image: url('images/sleeve-top.jpg');
	background-repeat: no-repeat;
}

div#PageBody		div#Content
{
	float: right;
	width: 555px;
	overflow: hidden;
	background-image: url('images/title-base.jpg');
	background-repeat: no-repeat;
}

/** Vigniettes **/

div#Sleeve		div.Vigniette
{
	width: 100%;
	margin-top: 10px;
}

div#Sleeve		div.Vigniette	h3
{
	width: 100%;
	margin: 0px;
	margin-bottom: 5px;
	padding: 5px;
	border: 0px;
	color: #FFFFFF;
	font-size: 125%;
	font-weight: bold;
	background-image: url('images/vig-hdr-bg.png');
}

div#Sleeve		div.Vigniette	h3		span
{
	background-repeat: no-repeat;
	background-position: 5px 4px;
	background-image: url('images/vig-hdr-arrow.gif');
	padding-left: 20px;
}

div#Sleeve		div.Vigniette	div.MoreLink
{
	padding: 5px;
	text-align: right;
}

div#Sleeve		div.Vigniette	div.VBody
{
	padding-left: 5px;
	padding-right: 5px;
}

div.MoreLink	span
{
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-image: url('images/vig-more-ico.gif');
	padding-left: 12px;
}

div.MoreLink	a,
div.Toolkit		a.Cmd
{
	color: #128edd;
}

/** Latest News Vigniette **/

div.Vigniette	ul,
div.Vigniette	ul
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	padding: 5px;
	padding-bottom: 10px;
}

div.Vigniette	li
{
	list-style: none;
	background-image: url('images/vig-ul-square.gif');
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	border-bottom: 1px #ff6418 dotted;
}

div.Vigniette	li	a,
div.Vigniette	li	a
{
	color: #c6f2ff;
}

div.Vigniette		p
{
	color: #e6faff;
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-bottom: 5px;
}

/** Regions **/

div.Region
{	
	background-repeat: repeat-x;
	margin-top: 15px;
}

table.VSplit
{
	width: 100%;
}

table.VSplit	td.LeftCol,
table.VSplit	td.RightCol
{
	width: 50%;
}

table.VSplit	td.LefCol
{
	padding-right: 3px;
}

table.VSplit	td.RightCol
{
	padding-right: 2px;
}

td#LeftCol	div.Region
{
	margin-left: 5px;
}

td#RightCol	div.Region
{
	margin-right: 5px;
}

div.Headered
{
	background-image: url('images/hdr-bg.gif');
	background-position: 0px -1px;
}


div.Region	h2.RgnHead
{
	height: 20px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

div.Region	h2.RgnHead	span
{
	display: none;
}

div.Region#RgnRecentNews	h2.RgnHead
{
	background-image: url('images/hdr-recent-news.gif');
	width: 240px;
}

div.Region#RgnValues	h2.RgnHead
{
	background-image: url('images/hdr-values.gif');
	width: 189px;
}

div.Region#RgnEducation	h2.RgnHead
{
	background-image: url('images/hdr-education.gif');
	width: 203px;
}

div.Region	p
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #747679;
	font-size: 90%;
}

div.Splitter
{
	width: 100%;
	height: 6px;
	background-image: url('images/splitter-bg.gif');
	font-size: 1px;
	background-repeat: repeat-x;
}

/**
 *	Inlay Content
 */
 
h2.PageTitle
{
	background-repeat: no-repeat;
	height: 60px;
	width: 555px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h2.PageTitle		span
{
	display: none;
}

/*** Content (Container) Frame ***/
.CFrame
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

.CFrame		p
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-bottom: 20px;
}

.CFrame 	a
{
	color: #0060a0;
}

div.Sep
{
	padding: 0px;
	margin: 0px;
	margin-top: 5px;
	border: 0px;
	color: #c7d4dc;
	background-color: #c7d4dc;
	height: 5px;
	width: 100%;
}

div.Sep	hr
{
	display: none;
}

span.Logo
{
	font-weight: bold !important;
	color: #662200 !important;
}

div.Toolkit
{
	background-image: url('images/toolkit-bg.gif');
	background-repeat: repeat-x;
	width: 100%;
	height: 30px;
	padding: 5px;
}

/** Control Buttons **/

input.Cmd
{
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
	width: 20px;
	height: 20px;
	cursor: pointer;
}

input.CmdPrev
{
	background-image: url('images/cmd-prev.gif');
}

input.CmdNext
{
	background-image: url('images/cmd-next.gif');
}

/** Control ***/

span.Control
{
	float: left;
	display: block;
}

span.Right
{
	float: right;
}

span.Control		span.CValue
{
}

span.Control		span.CName
{
	padding-right: 5px;
	font-weight: bold;
	color: #003050;
}

span.Control		span.CurPage
{
	color: #125687;
	position: relative;
	top: -1px;
	width: 50px;
	text-align: center;
}

/** Activities List **/

ul.ActList
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 10px;
	margin: 0px;
}

ul.ActList		li
{
	margin-bottom: 10px;
}

ul.ActList		li	h3
{
	color: #125687;
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-bottom: 5px;
	margin-bottom: 3px;
	border-bottom: 1px #CCCCCC solid;
}

ul.ActList		li	div.Desc
{
	color: #555555;
	padding-bottom: 5px;
}

ul.ActList		li	div.More
{
	text-align: right;
}

ul.ActList		li	div.More	a
{
	color: #004065;
}

ul.ActList		li	div.More	span
{
	background-image: url('images/ico-win-orange.gif');
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0px 2px;
}

/** Article List **/

ul.ArticleList
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-top: 20px;
}

ul.ArticleList	li
{
	margin-bottom: 5px;
	border-bottom: 1px #1a8edc dotted;
	padding-bottom: 5px;
}

ul.ArticleList	li	h3
{
	padding: 7px;
	margin: 2px;
	border: 0px;
	background-color: #EEF0FF;
	color: #004065;
}

ul.ArticleList	li	div.Descr
{
	color: #476478;
	font-size: 90%;
	padding: 2px;
	margin-left: 7px;
}

ul.ArticleList	li	div.Details
{
	height: 14px;
	margin-left: 7px;
	font-size: 90%;
	border-top: 1px #CCDDFF dotted;
}

ul.ArticleList	li	div.Details span
{
	display: block;
}

ul.ArticleList	li	div.Details	span.ArticleCat
{
	color: #003050;
	float: left;
	width: 400px;
	overflow: hidden;
}

ul.ArticleList	li	div.Details	span.ArticleCat	a
{
	color: #003050;
}

ul.ArticleList	li	div.Details span.ReadMore
{
	float: right;
	background-image: url('images/ico-arrow-orange.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 6px;
}

ul.ArticleList	li	div.Details span.ReadMore	a
{
	color: #0b8de1;
}

/** Article Details **/

div.ArticleDetails
{
}

div.ArticleDetails	h3
{
	color: #004065;
	font-size: 170%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.Elements
{
	width: 515px;
}

table.Elements	td.Title
{
	width: 395px;
}

table.Elements	td.BackSpace
{
	text-align: right !important;
}

table.Elements	td.BackSpace	span
{
	width: 70px;
	height: 20px;
	background-image: url('images/cmd-backtag.gif');
	background-repeat: no-repeat;
	background-position: right;
	display: block;
	font-size: 90%;
	padding: 2px;
	padding-right: 5px;
}

table.Elements	td.BackSpace	span	a
{
	color: #FFFFFF;
}

div.ArticleDetails	div.Info
{	
	padding-top: 5px;
	padding-bottom: 10px;
	color: #003c5f;
	margin-bottom: 5px;
	border-bottom: 1px #CCCCCC dotted;
}

div.ArticleDetails	div.Info	a
{
	color: #0060a0;
}

div.EditorText,
div.EditorText		*
{
	color:	#002f4a;
}

div.EditorText		p,
div.EditorText		li
{
	margin: 0px;
	padding:0px;
	border: 0px;
	margin-bottom: 10px;
}

div.EditorText		li
{
	list-style: circle;
}

div.EditorText		a
{
	color: #0060a0;
}

/** Forms **/

table.Form
{
	margin-top: 20px;
	width: 80%;
}

table.Form		td
{
	padding: 3px;
	border-bottom: 1px #CCCCCC solid;
}

table.Form		td.Legend
{
	border: 1px #AAAAAA dotted;
	padding: 10px;
	background-color: #EEEEEE;
	font-size: 90%;
	color: #444444;
}

table.Form		td.PName
{
	text-align: right;
	font-weight: bold;
	color: #444444;
	padding-right: 5px;
	width: 34.9%;
	border-bottom-color: #c7d4dc;
}

table.Form		td.PValue
{
	width: 65%;
	border-bottom-color: #9ec2d8;
}

table.Form		td.PName	span.Req
{
	color: #CC0000;
	font-size: 120%;
}

table.Form		td.Full
{
	width: 100%;
	text-align: left;
}

table.Form		tr.CmdCase
{
	background-color: #9ec2d8;
	padding: 5px;
}

table.Form		input.Command
{
	width: 90px;
	height: 25px;
	border: 1px;
	background-repeat: no-repeat;
	cursor: pointer;
}

table.Form		input.CmdOK
{
	background-image: url('images/cmd-submit.gif');
	padding-left: 5px;
}

table.Form		input.CmdReset
{
	background-image: url('images/cmd-reset.gif');
	padding-left: 15px;
}

table.Form		tr.CmdCase	span
{
	width: 200px;
}

/**
 *	Ideals Bank
 */
 
div.CategDesc
{
	border: 1px #cccccc dotted;
	padding: 10px;
	background-color: #F4F4F4;
	margin-top: 10px;
	padding-left: 40px;
}

div.CategDesc	h3
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #005577;
	font-size: 110%;
	padding-bottom: 5px;
	border-bottom: 1px #cccccc dotted;
}

div.CategDesc	div
{
	padding-left: 5px;
	padding-top: 5px;
	color: #444444;
}

/**
 *	Notice & Error frames
 */

div.Msg
{
	padding: 10px;
	border: 1px #000000 dotted;
	padding-left: 50px;
	background-repeat: no-repeat;
	background-position: 10px 15px;
}

div.Notice
{
	background-color: #fff4d2;
	border-color: #c5af73;
	background-image: url('images/ico-notice.gif');
}

div.Error
{
	background-color: #ffd8d2;
	border-color: #f27d54;
	background-image: url('images/ico-error.gif');
}

div.Success
{
	background-color: #e3ffd2;
	border-color: #5a9a4c;
	background-image: url('images/ico-success.gif');
	
}

div.Msg		h3
{
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-bottom: 5px;
	font-size: 120%;
}

div.Notice	h3
{
	color: #897022;
}

div.Error	h3
{
	color: #7d3a1c;
}

div.Success h3
{
	color: #5a9a4c;
}

div.Msg		div
{
	font-size: 90%;
}

div.Error	div
{
	color: #563121;
}

div.Notice	div
{
	color: #564921;
}

div.Success	div
{
	color: #163c0e;
}

/**
 *	GuestBookPosts is a special article list so it can't be cascaded with ArticleList selector
 */

ul.GuestBookPosts
{
	list-style: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-top: 10px;
}

ul.GuestBookPosts	table
{
	width: 515px;
	border: 1px #aaaaaa dotted;
	margin-bottom: 5px;
	height: 60px;
	background-image: url('images/gb-item-bg.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

ul.GuestBookPosts	td
{
	padding: 3px;
}

ul.GuestBookPosts	td.Info
{
	width: 120px;
	overflow: hidden;
	background-color: #eeeeee;
	border-right: 1px #cccccc solid;
}

ul.GuestBookPosts	td.Info	div.Date
{
	font-weight: bold;
	color: #003c5f;
}


ul.GuestBookPosts	div.Mail
{
	display: none;
}

ul.GuestBookPosts	div.From
{
	font-size: 90%;
	color: #ff6418;
	font-weight: bold;
}

ul.GuestBookPosts	td.Texts	h4
{
	font-weight: bold;
	color: #003c5f;
	font-size: 110%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-bottom: 1px #CCCCCC dotted;
}

ul.GuestBookPosts	td.Texts	div.Descr
{
	padding: 2px;
	font-size: 90%;
	color: #555555;	
}

/** IDed **/

table#Top
{
	width: 100%;
	height: 100%;
}

table#Top		td.Side
{
	background-color: #dfe5e6;
	background-repeat: repeat-y;
}

table#Top		td#Main
{
	width: 770px;
}
table#Top		td#LeftSide
{
	background-image: url('images/left-blank-bg.gif');
	background-position: right;
}

table#Top		td#RightSide
{
	background-image: url('images/right-blank-bg.gif');
	background-position: left;
}

body#FrontPage	div.IntroText div.Toolkit
{
	background-image: url('images/front-introtxt-footer.jpg');
	padding-left: 20px;
	background-repeat: no-repeat;
}

body#FrontPage	div.IntroText div.Toolkit		a
{
	position: relative;
	top: -3px;
}

body#FrontPage	div#RgnEducation	div.Toolkit,
body#FrontPage	div#RgnValues	div.Toolkit
{
	padding: 3px;
	border-top: 1px #aaaaaa dotted;
	background-image: url('/images/ico-win-orange.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}

body#FrontPage	div#DonateBnr	div.Toolkit,
body#FrontPage	div#GuestBookBnr	div.Toolkit
{
	background-image: none;
}

body#FrontPage	div#DonateBnr	div.Toolkit a.Cmd,
body#FrontPage	div#GuestBookBnr	div.Toolkit a.Cmd,
body#FrontPage	div#RgnEducation	div.Toolkit a.Cmd,
body#FrontPage	div#RgnValues	div.Toolkit a.Cmd
{
	color: #125687;
}