/* YCG Website 2007-8
 *
 * base.css
 * Contains all CSS
 *
 * Changelog:
 *
 * 2007-09-20  -  James Gajdus  -  Added PastMember div border/style
 * 2007-08-17  -  James Gajdus  -  Added subbar current page link
 * 2007-06-06  -  James Gajdus  -  Fixed peals, added text-align:left for quarter/peal info
 * 2007-06-05  -  James Gajdus  -  Changed peals iframe width calculations
 * 2007-05-23  -  James Gajdus  -  Added div.MenuBar_NoLink for a menu item which is not a link
 * 2007-05-23  -  James Gajdus  -  Added Quarter{Pair,Left,Right} rules because the quarters section will be changed soon
 * 2007-05-04  -  James Gajdus  -  Added span rule (colour) for past committee page
 * 2007-05-04  -  James Gajdus  -  Added a margin to the bottom of the menu bar (only visible if menu height > page content height)
 * 2007-03-28  -  James Gajdus  -  Added a margin to the menu <a>, added an 'active' menu item
 * 2007-03-26  -  James Gajdus  -  Fixed the menu element's vertical text alignment.
 * 2007-03-19  -  James Gajdus  -  Moved all CSS into one file.
 */


/* Main page layout */

body
{
	height			:	100%;
	margin			:	5px;
	margin-right		:	7px;
	border			:	none;
}

img
{
	padding			:	5px;
	border			:	0px;
}

div#Main
{
	right			:	100%;	/* Not width! */
	margin-left		:	170px;
	font-family		:	arial, helvetica, sans-serif;
}

div#TopBar
{
	font-family		:	arial, helvetica, sans-serif;
	color			:	white;
	text-align		:	center;
	background-color	:	#006633;
	width			:	100%;
	min-height		:	2em;
	height			:	auto !important;	/* IE6 Min-height hack */
	height			:	2em;			/* IE6 Min-height hack */
}

div#TopBar H1
{
	padding			:	0.5em;
	font-size		:	20px;
	margin			:	0px;
}

div#SubBar
{
	background-color	:	#013919;
	color			:	white;
	margin-top		:	3px;
	margin-bottom		:	3px;
	width			:	100%;
}

div#SubBarNoText
{
	background-color	:	#013919;
	color			:	white;
	margin-top		:	3px;
	margin-bottom		:	3px;
	width			:	100%;
	height			:	10px;
}

div#SubBar a
{
	color			:	white;
	text-decoration		:	none;
}

div#SubBar div#SubLeft
{
	text-align		:	left;
	float			:	left;
	margin-left		:	10px;
}

div#SubBar div#SubRight
{
	text-align		:	right;
	margin-right		:	10px;
}

H2#TopTitle
{
	margin-top		:	0px;
}

p
{
	text-align		:	justify;
}


/* Menu */

div#MenuBar
{
	width			:	160px;	/* Also change #Main margin-left */
	margin-bottom		:	3px;
	float			:	left;
	background-color	:	#287549;
	color			:	white;
}

div#MenuBar li
{
	height			:	auto !important;	/* IE 6 doesn't calculate height */
	height			:	2em;			/* IE 6 doesn't calculate height */
}

div#MenuBar li.SubMenu
{
	padding-left		:	20px;
}

div#MenuBar li.SubMenu2
{
	padding-left		:	40px;
}

div.MenuBar_NoLink
{
	color			:	white;
	background-color	:	#287549;
	font-family		:	arial, helvetica, sans-serif;
	font-size		:	11pt;
	text-decoration		:	none;
	display			:	block;
	padding-top		:	0.5em;
	padding-bottom		:	0.5em;
	padding-left		:	5px;
	padding-right		:	5px;
	margin-top		:	2px;
	margin-bottom		:	2px;
}

div#MenuBar a
{
	color			:	white;
	background-color	:	#287549;
	font-family		:	arial, helvetica, sans-serif;
	font-size		:	11pt;
	text-decoration		:	none;
	display			:	block;
	width			:	auto !important;	/* Fixes IE 6 not making the <a> a block */
	width			:	100%;			/* Fixes IE 6 not making the <a> a block */
	padding-top		:	0.5em;
	padding-bottom		:	0.5em;
	padding-left		:	5px;
	padding-right		:	5px;
	margin-top		:	2px;
	margin-bottom		:	2px;
}

div#MenuBar a.active
{
	color			:	white;
	background-color	:	#006633;
}

div#MenuBar a:hover
{
	color			:	white;
	background-color	:	#013919;
}

div#MenuBar ol
{
	list-style-type		:	none;
	padding			:	5px;
	margin-top		:	0px;
	margin-bottom		:	16px;
	margin-left		:	0px;
	margin-right		:	0px;
}


/* Quotes */

span.person
{
	font-weight		:	bold;
	color			:	#006633;
	background-color	:	white;
}

span.comment
{
	font-style		:	italic;
}


/* Committee */

h3.position
{
	color			:	blue;
	background-color	:	white;
	height			:	56px;
	font-size		:	14pt;
	margin			:	0px;
}

h4.person
{
	background-color	:	white;
	color			:	black;
	margin-bottom		:	0px;
	margin-top		:	5px;
}

div.person
{
	width			:	250px;
	height			:	400px;
	text-align		:	center;
	float			:	left;
	margin			:	20px;
}

div.person img
{
	height			:	250px;
}

/* Past Committee */

span.position
{
	font-weight		:	bold;
	color			:	#006633;
	background-color	:	white;
}

/* Past Member */

div.PastMember
{
	border-style		:	double;
	margin-top		:	10px;
	padding-left		:	5px;
	padding-right		:	5px;
}

/* Events */

div.event
{
}

div.event a
{
	text-decoration		:	none;
	display			:	block;
}

div.event img
{
	vertical-align		:	middle;
	margin-right		:	5px;
}


/* Achievements */

div.ach
{
/* 	display			:	table; */
	width			:	100%;
}

div.ach a
{
	text-decoration		:	none;
	display			:	block;
}

div.ach img
{
	margin			:	5px;
	float			:	left;
}


/* Left/right page splits */

div#LeftAlign
{
	float			:	left;
}

div#RightAlign
{
	margin-left		:	50%;
}


/* peals */

iframe#rIndex
{
	position		:	absolute;
	height			:	95%;
	width			:	300px;
	border			:	none;
}

iframe#rInfo
{
	position		:	absolute;
	left			:	175px;
	right			:	5px;
	height			:	95%;
	width			:	auto;
	border			:	none;
	margin-left		:	305px;
}

/* new quarters */

div.QuarterPair
{
	float		:	left;
	display		:	block;
	width		:	100%;
	margin-top	:	20px;
	margin-bottom	:	20px;
}

div.QuarterPair p
{
	text-align	:	left;
}

div.QuarterLeft
{
	float		:	left;
	width		:	50%;
	padding-left	:	5px;
}

div.QuarterRight
{
	margin-left	:	50%;
	padding-left	:	30px;
}

/* peals/quarters */

p.loc1, p.loc2, p.date, p.inf1, p.inf2, p.foot
{
	margin			:	0px;
	text-align		:	left;
}

p.loc1, p.inf1
{
	font-weight		:	bold;
	color			:	#006633;
	background-color	:	white;
	text-align		:	left;
}