/* @override http://texascalendars.com/style.css */

/* Stylesheet for TexasCalendars.com by Dean Wolf @deanwolf.net */

html { text-align:center }
body { text-align:left;
	width:792px; 
	margin: 30px auto 0; 
	background: #000 url(TexasCalendars.com-BG.jpg) no-repeat center 30px; position:relative;
	font-family: Georgia, "Times New Roman", Times, serif;
}

body#pageHome {
	background-image: url(TexasCalendars.com-BG-home-CD-warmup-2011.jpg);
}

body#pageCalendar {
	background-image: url(TexasCalendars.com-BG-2011.jpg);
}

body#pageCD {
	background-image: url(TexasCalendars.com-BG-CD-2011.jpg);
}

body#pageEmail {
	background-image: url(TexasCalendars.com-BG-Calendar-CD-2011.jpg);
}

body#pageAbout {
	background-image: url(TexasCalendars.com-BG-home-CD-warmup-2011.jpg);
}


body#pageLinks {
	background-image: url(TexasCalendars.com-BG-links-2011.jpg);
}


#fullPage {
	width: 792px;
	height: 595px;
}

#rightCol {
	width: 360px;
	margin-right: 20px;
	margin-top: 100px;
	float: right;
	height: 350px;
}

#rightCol.homePage {
	margin-top: 200px;
	height: 250px;
}

#rightCol.homeLinkPage {
	margin-top: 100px;
	height: 400px;
}

#rightColCD {
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
	width: 250px;
	margin-right: 20px;
	margin-top: 85px;
	float: right;
	height: 350px;
}

#smalltxt {
	font: .7em/1em Georgia, "Times New Roman", Times, serif;
	color: #000000;
}


#rightCol p.red {
	color: maroon;
}

#rightCol p {
	text-align: left;
	font: .9em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #000;
}

#rightCol li {
	color: #000;
	font: .8em/1.4em Georgia, "Times New Roman", Times, serif;
}

#botCol {
	width: 360px;
	float: right;
	margin-right: 20px;
	clear: both;
	margin-top: 0;
}

#botCol.homePage {
	padding-right: 180px;
	width: 180px;
	margin-top: 10px;
}

#botCol.homePage a {
	text-decoration: underline;
	color: #000;
}
#botCol.homePage a:hover {
	text-decoration: underline;
	color: #000;
}

#footer {
	width: 792px;
	padding: 0;
	margin: 5px 0 0;
	color: orange;
	font: .8em Georgia, "Times New Roman", Times, serif;
}


/*  BEGIN NAV  */

ul#nav { position:absolute; left:0px; background:url(TexasCalendars-TopNav.gif);
	top: 7px;
	margin: 0;
}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:39px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }

li#navHome a, li#navCalendar a, li#navCD a, li#navEmail a, li#navAbout a { background:url(TexasCalendars-TopNav.gif) }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 39px
	selected state = 78px

	The distance from the far-left to the...

	home button = 0
	cal button = 120px
	cd button = 330px
	email button = 479px
	about button = 627px

	The width of the...

	home button = 120px
	cal button = 210px
	cd button = 149px
	email button = 148px
	about button = 165px
*/

li#navHome a 						{ background-position:0 0; width:120px; left:0 }
li#navHome a:hover					{ background-position:0 -39px }
body#pageHome li#navHome a 			{ background-position: 0 -78px}

li#navCalendar a 						{ background-position:-120px 0; width:210px; left:120px }
li#navCalendar a:hover					{ background-position:-120px -39px }
body#pageCalendar li#navCalendar a 			{ background-position:-120px -78px }

li#navCD a 					{ background-position:-330px 0; width:149px; left:330px }
li#navCD a:hover				{ background-position:-330px -39px }
body#pageCD li#navCD a 	{ background-position:-330px -78px }

li#navEmail a 						{ background-position:-479px 0; width:148px; left:479px }
li#navEmail a:hover					{ background-position:-479px -39px }
body#pageEmail li#navEmail a 		{ background-position:-479px -78px }

li#navAbout a 						{ background-position:-627px 0; width:165px; left:627px }
li#navAbout a:hover					{ background-position:-627px -39px }
body#pageAbout li#navAbout a 		{ background-position:-627px -78px }

