/*******************************************************/
/* CSS Style Sheet for The Saskatoon Racing Canoe Club */
/* This css sheet is where all the information that is */
/* common to all pages are located.                    */
/*******************************************************/

/*
	The placement information for each layer
*/

/*
	Page information
*/
body
{
	background-color: #003300;
}

/*
	page is the Layer that holds all other layers.
	Spacing left is depentant on the users screen size
	which is determined by a simple java script. The
	value obtained by the script overrides the left
	value.
*/	
#page
{
	position: absolute;
	width: 1000px;
	height: auto;
	top: 30px;
	left: 30px;
	background-color: #ffffff;
	z-index: 1;
}

/*
	topImages contains the image at the top of the body.
*/
#topTitle
{
	position: relative;
	width: 1000px;
	height: 120px;
	background-image: url(../design/top.png);
	z-index: 2;
}

/*
	globalNav is the layer that contains all the global links
	to internal pages.
*/
#globalNav
{
	position: relative;
	width: 1000px;
	height: 23px;
	color: #cccccc;
	background-image: url(../design/glbnav_background.gif);
	z-index: 2;
}

/*
	Global link information
*/
#globalLink
{
	margin: 0px;
	padding-top: 2px;
	position: absolute;
	height: 22px;
	z-index: 100;
	width: 1000px;
}

/*
	title is where the title is located along with the information layer
*/
#title
{
	position: relative;
	width: 1000px;
	height: 39px;
	color: #aaaaaa;
	font-family: Verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: x-large;
	line-height: 37px;
	font-size-adjust: none;
	font-stretch: normal;
	z-index: 2;
}

/*
	the info layer that is located in the title layer as stated above
*/
#info
{
	position: relative;
	width: 178px;
	height: 37px;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-image: url(../design/info.jpg);
	z-index: 1;
}

/*
	The content layer holds all the information to be displayed on the page
	including the page navigation. Note: relatedLinks are found in each pages
	ccs style page.
*/
#content
{
	position: relative;
	width: 1000px;
	height: 350px;
	z-index: 2;
}

/*
	The page navigation on the left side of the page.
	Included in this layer is the related links layer,
	the related links are unique to each page and can be
	found in the corresponding css style sheet.
*/
#pageNav
{
	position: relative;
	width: 178px;
	height: 100%;
	float: left;
	padding-right: 1px;
	padding-left: 1px;
	border-right: 1px solid #cccccc;
	background-color: #f5f7f7;
	font-family: Verdana,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: small;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	z-index: 2;
}

/*
	Contains site wide links
*/
#sectionLinks
{
	position: relative;
	width: 178px;
	height: auto;
	z-index: 1;
}

/*
	The pageCell is where the main content is located.
	All layers found in the pageCell are unqiue to the specific
	page and their information can be found in the corresponding
	css style sheet.
*/
#pageCell
{
	position: relative;
	width: 815px;
	height: 100%;
	margin-left: 185px;
	background-color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	z-index: 2;
}

/*
	The baseTitle contains the base image of the page.
*/
#baseTitle
{
	position: relative;
	width: 1000px;
	height: 64px;
	background-image: url(../design/bottom.png);
	z-index: 2;
}

/*
	The link information for each layer
*/

/*
	Page link appearance
*/
a:link, a:visited
{
	color: #005fa9;
	text-decoration: none;
}

/*
	Regular link and visited link appearance
*/
a.glink, a.glink:visited
{
	font-family: Arial,sans-serif;
	font-style: normal;
	border-right: 1px solid #8fb8bc;
	margin: 0px;
	padding: 0px 5px 4px;
	font-size: small;
	color: #000000;
	font-weight: bold;
}

/*
	Hover link appearance
*/
a.glink:hover
{
	font: Arial,sans-serif;
	background-image: url(../design/glblnav_selected.gif);
	text-decoration: none;
	color: #000000;
}

#sectionLinks a:link, #sectionLinks a:visited
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 10px;
	display: block;
	background-image: url(../design/bg_nav.jpg);
	font-weight: bold;
	color: #21536a;
}

#sectionLinks a:hover
{
	border-top: 1px solid #cccccc;
	background-color: #ddeeff;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}