/*
	global.css
	Varsity Sports Apparel corporate website

	These rules apply to all pages on the site.
	Each page potentially has its own stylesheet, e.g. index.css, contact.css
	Internet Explorer-specific stylesheets have an _ie suffix, e.g. global_ie.css, index_ie.css
*/


/*====================
global definitions
====================*/
*
{
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	font-style: normal;
}
a
{
	font-size: inherit;
	text-decoration: none;
}
p a
{
	border-bottom: 1px dotted #00F;
	color: #009;
	xfont-size: inherit;
}
p a:link
{
}
p a:visited
{
}
p a:focus
{
}
p a:hover
{
	border-bottom: 1px solid #F00;
	color: #F00;
}
p a:active
{
}
/* hack to enable IE links to work against a PNG filter background */
#contentMain a
{
	position: relative;
}


br
{
	clear: both;
	height: 0;
	line-height: 0;
}
em
{
	font-size: inherit;
	font-style: italic;
}
h1,h2,h3,h4,h5,h6,p
{
	margin-bottom: .6em;
}
h2
{
	font-size: 3em;
}
h3
{
	font-size: 2.4em;
}
h4
{
	font-size: 1.9em;
	margin-bottom: .3em;
}
h5
{
	font-size: 1.2em;
}
h6
{
	font-size: 1.1em;
}
p
{
	line-height: 1.4;
}
strong
{
	font-size: inherit;
	font-weight: bold;
}
ul
{
	list-style: none;
}


/*====================
header
====================*/
#header h1
{
	position: absolute;
	z-index: 0;
}
#sitelogo
{
	position: relative;
	xposition: absolute;
	left: -397px;
	left: -310px;
	top: 50px;
}
/*
#header
{
	position: relative;
	background-color: #FFF;
	xborder: 1px dotted red;
	Xbackground: #FFF url("images/chrome_navmenu.jpg") center bottom repeat-x;
	text-align: left;
}
/*====================
site title (client logo)
====================*/
/*====================
logo
====================*/
/*
h1
{
	position: absolute;
	z-index: 150;
	top: 15px;
	left: 50%;
	width: 794px;
	height: 23px;
	margin-top: 2.0em;
	margin-left: -397px;
	background: url("images/varsity-logo-small.jpg") left top no-repeat;
	zoom: 1;
}
h1 span
{
	position: absolute;
	left: -1000em;
}
/*====================
page content block
====================*/
html
{
	height: 100%;
	background-color: #C6C6C6;
}
body
{
	height: 100%;
	text-align: center;
	font-family: Arial, sans-serif;
}
#pageWrapOuter
{
	position: relative;
	height: 100%;
	padding-top: 30px;
	xborder: 1px dotted blue;
}
/* This contains the logo within the width of the content column */
#content
{
	position: relative;
	text-align: left;
/*
	float: left;
	xleft: 50%;
	xmargin-left: -30em;
	xwidth: 60em;
	
	height: 100%;
	margin: 0 auto;
	xborder-bottom: 1px dotted red;
*/
}
#contentInner
{
	margin: 0;
	padding: 0;
	xborder-bottom: 1px dotted blue;
}
#contentMain
{
}





/*====================
page structure
====================*/
/* full screen width */
#pageWrapOuter
{
	background: #C6C6C6 url("images/bkg_icon_tile_4.jpg") center 30px repeat-x;
}
/* content column width, centered */
#content
{
	width: 832px;
	margin: 0 auto;
}
#contentInner
{
	position: relative; /* to contain positioned children */
}
#contentMain
{
	width: 786px;	/* 786 = 832 column width - 23 left padding - 23 right padding */
	xmin-height: 700px;
	margin: 0;
	padding: 5px 23px 0 23px;
	background: url("images/chrome_content_top.png") left 10px no-repeat;
}
#contentMain br.bottom
{
	display: block;
}

#contentBottom
{
	clear: both;
	height: 19px;
	width: 832px;
	margin: 0;
	padding: 0;
	background: url("images/chrome_content_bottom.png") left top no-repeat;
	xbackground: aqua;
}


/*====================
page title
====================*/
h2
{
	position: absolute;
	top: 0px;
	left: 250px;
	width: 20em;
	height: 64px;
	line-height: 64px;
	font-size: 1.5em;
	font-style: italic;
	font-variant: small-caps;
	text-transform: uppercase;
	color: #338;
	font-weight: bold;
}

/*====================
main page content
====================*/
#content p
{
	font-size: small;

}

/*====================
feature photo & caption
====================*/
.pageFeature
{
	float: right;
	margin: -85px 0 0 1.5em;
	xpadding-bottom: 1em;
	background: url("") left top no-repeat;
	xbackground: yellow;
	
	/* this varies with each image */
	xwidth: 322px;
}
#contentMain .pageFeature p
{
	/* this varies with the height of each image */
	xmargin-top: 552px;

	padding: 0 1em;
	font-size: .9em !important;
	font-style: italic;
	text-align: center;
}

/*====================
footer
====================*/
#footer
{
	clear: both;
	width: 53em;
	margin: 0 auto;
	padding-top: 1ex;
	padding-right: 20px;
	padding-bottom: 2em;
	text-align: center;
}
#footer li
{
	/* display: inline;	/* horizontal display; no need to float left */
	font-size: small;
	padding: 0 1em;
	text-align: center;
}
#footer li a
{
	text-decoration: none;
	border-bottom: 1px dotted #000;
}
#footer li a:hover
{
	color: #F00;
	border-bottom: 1px solid #F00;
}
/*
#footer li#footnav_copyright
{
	float: left;
}
#footer li#footnav_credit
{
	float: right;
}
*/


/*====================
image box with caption
====================*/
div.imgCaptionLeft
{
	float: left;
	margin: 0 1ex 1ex 0;
	text-align: center;
}
div.imgCaptionRight
{
	float: right;
	margin: 0 0 1ex 1ex;
	text-align: center;
}
div.imgCaptionLeft p,
div.imgCaptionRight p
{
	font-size: .9em !important;
}

/*====================
in-text lists
====================*/
ul.textlist
{
	margin-left: 1em;
	font-size: 1.2em;
}
ul.textlist li
{
	margin-bottom: 1ex;
	font-size: 1em;
	list-style-type: disc;
}

/*====================
swatches list
====================*/
ul#swatches
{
	margin-left: 70px;
	list-style-type: none;
}
ul#swatches li
{
	float: left;
	margin-right: 50px;
	text-align: center;
}

/*====================
images with captions
====================*/
div.imgCaption
{
	margin: 1em 1.5em 1em 1.5em;
}
div.imgCaption01,
div.imgCaption03,
div.imgCaption05,
div.imgCaption07,
div.imgCaption08
{
	float: left;
	width: 225px;
	margin-left: 0;
}
div.imgCaption02,
div.imgCaption04,
div.imgCaption06,
div.imgCaption08,
div.imgCaption10
{
	float: right;
	width: 225px;
	margin-right: 0;
}
h4.imgCaption01,
h4.imgCaption02,
h4.imgCaption03,
h4.imgCaption04,
h4.imgCaption05,
h4.imgCaption06,
h4.imgCaption07,
h4.imgCaption08,
h4.imgCaption09,
h4.imgCaption10
{
	padding-top: .6em;
}
h4.imgCaption02,
h4.imgCaption04,
h4.imgCaption06,
h4.imgCaption08,
h4.imgCaption10
{
	text-align: right;
}

div.imgCaption p
{
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 1ex;
	line-height: 1.2;
	font-size: .9em !important;
	font-style: italic;
	border: none;
}
div.imgCaption01 p,
div.imgCaption03 p,
div.imgCaption05 p,
div.imgCaption07 p,
div.imgCaption09 p
{
	margin-left: 1em;
	padding-right: 1ex;
	text-align: center;
	text-align: left;
}
div.imgCaption02 p,
div.imgCaption04 p,
div.imgCaption06 p,
div.imgCaption08 p,
div.imgCaption10 p
{
	margin-right: 1em;
	padding-left: 1ex;
	text-align: right;
}
#sGlobalDebgHTML
{
	position: absolute;
	top: 2000px;
	padding: 1em;
	border: 1px solid #00F;
	background-color: lightblue;
	color: #00F;
}
#sGlobalDebgHTML pre
{
	font-size: 1.1em;
	font-family: "Courier New", Courier, Monospace;
}