/************************************/
/* CSS Document - Come Try Ringette */
/************************************/
/* Developed by Critical Fusion inc */
/************************************/
/****** www.criticalfusion.com ******/
/************************************/

/********** back catcher  *********/

body {
	background: #00478D url(images_f/backtile.png) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.yellowFont {
	font-size: 12px;
	color:#FFFF99;
}

.yellowFontHeading {
	font-size: 14px;
	color:#FFFF99;
	font-weight:bold;
}

.bodyFont {
	font-size: 12px;
	color:#000000;
}

.formFont a{
	text-decoration: underline;
	font-size: 12px;
	color:#FFFF99;
}

.formFont a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.formFont a:visited{
	color: #FFFFFF;
}

#Content {
	position: relative;
	background: #3399cc;
	left: 50%;
	margin-left: -390px;
	padding: 0;
	width:772px;
	height:550px;
}

#Contentx {
	position: relative;
	background: #00AECE;
	left: 50%;
	margin-left: -390px;
	padding: 0;
	width:772px;
	height:550px;
}

#titleHead {
	position: absolute;
	background-color: #E8E874;
	top: 0;
	left: 212px;
	height: 64px;
	width: 560px;
	padding: 0;
	margin: 0;
}
#titleHeadx {
	position: absolute;
	background-color: #EAEA86;
	top: 0;
	left: 212px;
	height: 64px;
	width: 560px;
	padding: 0;
	margin: 0;
}

#Heading img {
	position: absolute;
	left: 0;
	top: 20px;
	width: 500px;
	padding: 0;
	margin: 0;
}

#LoginField {
	position: absolute;
	right: 0;
	top: 20px;
	width: 47px;
	height: 43px;
	padding: 0;
	margin: 0;
	
}
/********** index page  *********/

#indexContent {
	position: relative;
	background: #0D82AF url(images_f/index_tile.png) top left repeat-y;
	left: 50%;
	margin-left: -215px;
	padding: 0;
	top: 0;
	width:430px;
	height:348px;
}

#indexHead {
	position: absolute;
	background:  #EAEA86 url(images_f/yellow_tile.png) top left repeat;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	width:430px;
	height:64px;
}

#topRound img{
	position: absolute;
	top: 64px;
	left: 0;
	width: 430px;
	margin: 0;
	padding: 0;
	
}

#indexBase {
	position: absolute;
	background: #0D82AF url(images_f/ind_basetile.png) top left repeat-x;
	height: 43px;
	width: 430px;
	top: 305px;
	left: 0;
	margin: 0;
	padding: 0;
}

#rightCorner {
	position: absolute;
	left: 416px;
	top: 0;
	width: 14px;
	padding: 0;
	margin: 0;
}

#leftCorner img{
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	padding: 0;
	margin: 0;
}

#bigLogo img {
	position: absolute;
	left: 57px;
	top: 120px;
	width: 316px;
	padding: 0;
	margin: 0;
}

#divertLinks {
	position: absolute;
	width: 205px;
	height: 26px;
	top: 12px;
	left: 112px;
	padding: 0;
	margin: 0;
}

/********** login added to index page format  *********/

#centerHold {
	position: absolute;
	width: 400px;
	height: 220px;
	top: 80px;
	left: 15px;
	padding: 0;
	margin: 0;
}

/********** register page *********/

#regContent {
	position: relative;
	background: #00AECE url(images_f/reg_tile.png) top left repeat-y;
	left: 50%;
	margin-left: -390px;
	padding: 0;
	width:772px;
	height:750px;
}

#topTrim {
	position:absolute;
	background: #00AECE url(images_f/reg_trim.png) top left repeat-x;
	left: 212px;
	top: 64px;
	height: 30px;
	width: 560px;
	padding: 0;
	margin: 0;
}

#trimCorner img{
	position:absolute;
	width: 24px;
	left: 536px;
	top: 0;
	padding: 0;
	margin: 0;
}

#regHead {
	position:absolute;
	width: 732px;
	height: 64px;
	left: 20px;
	top: 94px;
	padding: 0;
	margin: 0;
}

#regHeadLogo img{
	position:absolute;
	width: 362px;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

#eventContainer {
	position:absolute;
	background: #EAEA86 url(images_f/event_tile.png) top left repeat-x;
	width: 714px;
	height: 72px;
	left: 28px;
	top: 158px;
	padding: 0;
	margin: 0;
}

#eventFields {
	position:absolute;
	width: 714px;
	height: 66px;
	left: 0;
	top: 6px;
	padding: 0;
	margin: 0;
}

#infoFields {
	position:absolute;
	width: 714px;
	height: 440px;
	left: 28px;
	top: 240px;
	padding: 0;
	margin: 0;
}

#headCorner img{
	position: absolute;
	width: 12px;
	left: 720px;
	top: 0;
	padding: 0;
	margin: 0;
}

#regLinksBox {
	position: absolute;
	background: #EAEA86 url(images_f/regnav_tile.png) top left repeat-x;
	width: 772px;
	left: 0;
	bottom: 0;
	height: 61px;
	padding: 0;
	margin: 0;
}

#regLinks {
	position: absolute;
	width: 138px;
	top: 28px;
	left: 600px;
	height: 32px;
	padding: 0;
	margin: 0;
}

#regRight img{
	position: absolute;
	left: 741px;
	width: 31px;
	top: 0;
	padding: 0;
	margin: 0;
}

#regLeft img{
	position: absolute;
	left: 0px;
	width: 31px;
	top: 0;
	padding: 0;
	margin: 0;
}


/********** center field  *********/

#textContainer {
	position: absolute;
	background: #0D82AF url(images_f/text_tile.png) top left repeat-y;
	left: 212px;
	top: 64px;
	padding: 0;
	margin: 0;
	width:384px;
	height:486px;
}

#topSwash img{
	top: 0;
	left: 0;
	width: 384px;
	padding: 0;
	margin: 0;
}

#textBase img{
	position: absolute;
	top: 454px;
	left: 0;
	width: 384px;
	height: 32px;
	padding: 0;
	margin: 0;
}

#sectionTitle {
	position: absolute;
	width: 366px;
	height: 28px;
	left: 0;
	top: 66px;
	padding: 0;
	margin: 0;
}

#textBox {
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	top: 98px;
	left: 8px;
	width: 350px;
	height: 356px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

#textBoxAdmin {
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	top: 71px;
	left: 219px;
	width: 546px;
	height: 475px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

/********** left field  *********/

#picField {
	position: absolute;
	background: #0D82AF url(images_f/pic_tile.png) top left repeat-y;
	height: 456px;
	width: 212px;
	top: 94px;
	left: 0;
	padding: 0;
	margin: 0;
}

#picFieldAdmin {
	position: absolute;
	background: #0D82AF url(images_f/pic_tile.png) top left repeat-y;
	height: 456px;
	width: 212px;
	top: 94px;
	left: 0px;
	padding: 0;
	margin: 0;
	overflow:auto;
}

#picFieldAdmin a {
	text-decoration: underline;
	font-size: 12px;
	color:#FFFF99;
}

.picFieldAdmin a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

.picFieldAdmin a:visited{
	color: #FFFFFF;
}

#ringette_Id img{
	position: absolute;
	top: 0;
	left: 0;
	width: 212px;
	padding: 0;
	margin: 0;
}

#picBase img{
	position: absolute;
	width: 212px;
	height: 21px;
	bottom: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

#skater img {
	position:absolute;
	width: 208px;
	left: 4px;
	margin: 0;
	padding: 0;
	top: 0;
}

/********** right field  *********/

#navField {
	position: absolute;
	left: 596px;
	width: 176px;
	height: 404px;
	top: 146px;
	margin: 0;
	padding: 0;
}

#homeLinks {
	position: absolute;
	width: 176px;
	left: 0;
	bottom: 0;
	height: 32px;
	padding: 0;
	margin: 0;
}

#registerLink {
	position: absolute;
	top: 60px;
	left: 8px;
	width: 107px;
	height: 42px;
	padding: 0;
	margin: 0;
}

#gameLink {
	position: absolute;
	width: 160px;
	height: 51px;
	margin: 0;
	padding: 0;
	left: 8px;
	top: 120px;
}

#kidLink {
	position: absolute;
	width: 160px;
	height: 48px;
	margin: 0;
	padding: 0;
	left: 8px;
	top: 171px;
}

#adultLink {
	position: absolute;
	width: 160px;
	height: 50px;
	margin: 0;
	padding: 0;
	left: 8px;
	top: 219px;
}

#kornerLink {
	position: absolute;
	width: 160px;
	height: 48px;
	margin: 0;
	padding: 0;
	left: 8px;
	top: 269px;
}

#eventLink {
	position: absolute;
	width: 160px;
	height: 48px;
	margin: 0;
	padding: 0;
	left: 8px;
	top: 317px;
}