/************************************************** 
	CSS Document for TPMG Awards Site
	
**************************************************/
body {
	background-color: #fff;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1 {
	font-size: 24px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 0px;
	padding-left: 15px;

}
input, textarea {
	margin-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
textarea {
	display: block;
}
input#submit {
	margin-top: 15px;
}
body#default h1 {
	color: #006475;
}
body#garfield h1 {
	color: #472f92;
}
body#collen h1 {
	color: #153d6f;
}
body#cutting h1 {
	color: #b74a29;
}
body#cme h1, body#everyday h1 {
	color: #841f33;
}
body#gme h1 {
	color: #64930d;
}
body#heroes h1 {
	color: #006056;
}
h2 {
	font-size: 16px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 15px;
}
body#default h2 {
	color: #4D8993;
}
body#garfield h2 {
	color: #8086c1;
}
body#collen h2 {
	color: #52abd5;
}
body#cutting h2 {
	color: #e48426;
}
body#cme h2, body#everyday h2 {
	color: #ef918f;
}
body#gme h2 {
	color: #a6c338;
}
body#heroes h2 {
	color: #5ebea5;
}
h3 {
	color: #333;
	font-size: 12px;
	margin-bottom: 0px;
	padding-left: 15px;
}
p {
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 15px;
}
ol, ul {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 6em;
}
ul {
	list-style-type: square;
}
a {
	color: #000;
}
a:hover {
	color: #333;
	text-decoration: none;
}
table {
	border: 1px solid #fff;
	border-collapse: collapse;
	margin: 0px 15px 15px 15px;
	background-color: #f2f3f0;	
}
table caption {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 0px 15px;
}
body#default table caption {
	color: #4D8993;
}
body#garfield table caption {
	color: #8086c1;
}
body#collen table caption {
	color: #52abd5;
}
body#cutting table caption {
	color: #e48426;
}
body#cme table caption, body#cme table caption {
	color: #ef918f;
}
body#gme table caption {
	color: #a6c338;
}
body#heroes table caption {
	color: #5ebea5;
}

.media {
	white-space: nowrap;
	}

.info {
font-size: 10px;
	}
	

/************************************************** 
	TOP NAV AND SEARCH BOX	
**************************************************/
div#topnav {
	background-color: #aab098;
/*	background-image:url(../images/topnav_bground.gif);
	background-repeat:no-repeat; */
	height: 80px;
	width: 780px;
	margin: 0 auto;
  	text-align: left;
}
div#topnav h1 {
	display: none;
}
div#toplogo {
	float: left;
	width: 300px;
	margin: 0;
	}
div#searchselectbox {
	width: 350px;
	float: right;
	text-align: right;
	margin: 10px 5px 0px 0px;
}
div#searchselectbox fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}
div#searchselectbox select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/************************************************** 
	HEADER, NAVBAR AND GLOBALNAV
**************************************************/

#header {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	background-color: #b8bda8;
	height: 80px;
}

#header img {
	border: 0;
}

#logo {
	float: left;
	width: 250px;
}

#navbar {
	float: right;
	position: relative;
	top: 17px;
	width: 264px;
	height: 33px;
	margin: 0;
	padding: 0;
}

#nbar {
  width: 264px;
  height: 23px;
   background: url(../images/navbar.gif) no-repeat;
  margin: 0;    
  padding: 0;
}


#nbar li {
  float: left;
  list-style: none;
}
#nbar li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 33px;
  background: url(../images/navbar.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nbar_home a {
  left: 0;
  width: 66px;
  background-position: 0 0;
}
li#nbar_gallery a {
  left: 67px;
  width: 66px;
  background-position: -67px 0;
}
li#nbar_search a {
  left: 133px;
  width: 66px;
  background-position: -133px 0;
}
li#nbar_contact a {
  left: 199px;
  width: 66px;
  background-position: -199px 0;
}
li#nbar_home a:hover {
  background-position: 0 -33px;
}
li#nbar_gallery a:hover {
  background-position: -67px -33px;
}
li#nbar_search a:hover {
  background-position: -133px -33px;
}
li#nbar_contact a:hover {
  background-position: -199px -33px;
}
#home li#nbar_home  a {
  background-position: 0 -66px;
}
#gallery li#nbar_gallery a {
  background-position: -67px -66px;
}
#search li#nbar_search a {
  background-position: -133px -66px;
}
#contact li#nbar_contact a {
  background-position: -199px -66px;
}


#globalnav {
	clear: right;
	float: right;
	position: relative;
	top: 14px;
	background-color: #9ca288;
	background-image:url(../images/globalnav.gif);
	width: 530px;
	height: 33px;
}


#gnav {
  width: 530px;
  height: 33px;
   background: url(../images/globalnav.gif) no-repeat;
  margin: 0;    
  padding: 0;
}


#gnav li {
  float: left;
  list-style: none;
}
#gnav li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 33px;
  background: url(../images/globalnav.gif) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#gnav_exceptional a {
  left: 0;
  width: 200px;
  background-position: 0 0;
}
li#gnav_research a {
  left: 201px;
  width: 165px;
  background-position: -201px 0;
}
li#gnav_leadership a {
  left: 367px;
  width: 90px;
  background-position: -367px 0;
}
li#gnav_heroes a {
  left: 458px;
  width: 78px;
  background-position: -458px 0;
}
li#gnav_exceptional a:hover {
  background-position: 0 -33px;
}
li#gnav_research a:hover {
  background-position: -201px -33px;
}
li#gnav_leadership a:hover {
  background-position: -367px -33px;
}
li#gnav_heroes a:hover {
  background-position: -458px -33px;
}

#garfield li#gnav_exceptional  a {
  background-position: 0 -66px;
}
#collen li#gnav_research a,
#cme li#gnav_research a,
#gme li#gnav_research a {
  background-position: -201px -66px;
}
#cutting li#gnav_leadership a {
  background-position: -367px -66px;
}
#heroes li#gnav_heroes a,
#everyday li#gnav_heroes a {
  background-position: -458px -66px;
}

/************
ANYLINK MENU 
********************/

/* ######### Default class for drop down menus ######### */

.anylinkmenu, .anylinkmenu2 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
/*border-left: 1px solid #777d5f;
border-right: 1px solid #777d5f; */
font: normal 12px Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #9ca187;
width: 165px; /* default width for menu */
}




.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: auto;
display: block;
border-bottom: 1px solid #777d5f;
padding: 3px 0 3px 11px;
text-decoration: none;
font-weight: normal;
text-align: left;
color: #fff;
}

.anylinkmenu a:hover{ /*hover background color*/
color: #fff;
background: #9ca187;
background: #777d5f;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 350px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #fff;
}

.anylinkmenucols li{
padding-bottom: 3px;
}

.anylinkmenucols .column{
float: left;
padding: 3px 8px;
margin-right: 5px;
background: #fff;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}



/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


/************************************************** 
	OUTER WRAPPER FOR LEFT NAV AND MAIN CONTENT		
**************************************************/
div#wrapper {
	width: 780px;
	margin: 0 auto;
  	text-align: left;
}

body#default div#wrapper {
	border-top: 1px solid #dbe7e9;
}
body#garfield div#wrapper {
	border-top: 1px solid #e6e7f3;
}
body#collen div#wrapper {
	border-top: 1px solid #dceef7;
}
body#cutting div#wrapper {
	border-top: 1px solid #fceed2;
}
body#cme div#wrapper {
	border-top: 1px solid #fee8e3;
}
body#gme div#wrapper {
	border-top: 1px solid #edf3d7;
}
body#heroes div#wrapper {
	border-top: 1px solid #dff2ed;
}
body#everyday div#wrapper {
	border-top: 1px solid #f4e0ed;
}
/************************************************** 
	TPMG AWARD HOME PAGE		
**************************************************/
body#home div#wrapper {
	background-color: #fff;
}
body#home div#left-column {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #efefef;
	width: 376px;	
}
body#home div#right-column{
	border-top: 1px solid #fff;
	background-image:url(../images/home_banner_right.jpg);
	background-repeat:no-repeat;
	width: 400px;
	height: 743px;
	
	float: right;
}

body#home div#wrapper h1 {
	font-size: 27px;
	font-weight: normal;
	
	/*border: 1px solid #c00;*/
}
body#home div#garfield {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
	padding: 0px;
}
body#home div#collen {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#cutting {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#cme {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#gme {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#heroes {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#everyday {
	vertical-align: top;
	/*border: 1px solid #000;*/
	margin-bottom: 40px;
}
body#home div#garfield h1 {
	color: #472f92;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#collen h1 {
	color: #153d6f;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#cutting h1 {
	color: #b74a29;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#cme h1, body#home div#everyday h1 {
	color: #841f33;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#gme h1 {
	color: #64930d;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#heroes h1 {
	color: #006056;
	display: block;
	float: left;
	margin-top: 0px;
	width: 170px;	
}
body#home div#wrapper ul.links {
/*border: 1px solid #cc0;*/
	
	border-left: 2px solid #fff;
	margin-left: 200px;
	padding-left: 0px;
	list-style: none;
	
	width: 160px;	
}
body#home ul.links li {
	/*border: 1px solid #00c;*/
	padding-left: 8px;
	margin: 0px 15px 5px 25px;
	background-repeat: no-repeat;
	background-position: 0 .5em;

}
body#home div#garfield ul.links li {
	background-image: url(../images/garfield_li_arrow.gif);
}
body#home div#collen ul.links li {
	background-image: url(../images/collen_li_arrow.gif);
}
body#home div#cutting ul.links li {
	background-image: url(../images/cutting_li_arrow.gif);
}
body#home div#cme ul.links li  {
	background-image: url(../images/cme_li_arrow.gif);
}
body#home div#gme ul.links li {
	background-image: url(../images/gme_li_arrow.gif);
}
body#home div#heroes ul.links li {
	background-image: url(../images/heroes_li_arrow.gif);
}
body#home div#everyday ul.links li {
	background-image: url(../images/everyday_li_arrow.gif);
}
body#home div#everyday ul.links li  {
	background-image: url(../images/everyday_li_arrow.gif);
}
/************************************************** 
	BANNER FOR AWARD HOME & LEVEL 2 PAGES	
**************************************************/

div#banner, div#banner2 {
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	width: 780px;
	margin: 0 auto;
	height: 69px;
}
body#default div#banner, div#banner {
	background-image: url(../images/default_banner_top.jpg);
}
body#garfield div#banner {
	background-image: url(../images/garfield_banner_top.jpg);
}
body#collen div#banner {
	background-image: url(../images/collen_banner_top.jpg);
}
body#cutting div#banner {
	background-image: url(../images/cutting_banner_top.jpg);
}
body#cme div#banner {
	background-image: url(../images/cme_banner_top.jpg);
}
body#gme div#banner {
	background-image: url(../images/gme_banner_top.jpg);
}
body#heroes div#banner {
	background-image: url(../images/heroes_banner_top.jpg);
}
body#heroes div#banner2 {
	background-image: url(../images/heroes_banner_top2.jpg);
}
body#everyday div#banner {
	background-image: url(../images/everyday_banner_top.jpg);
}
div#banner-home {
	background-repeat: no-repeat;
	border-top: 1px solid #fff;
	width: 780px;
	margin: 0 auto;
	height: 279px;
}
div#banner h1, div#banner-home h1, div#banner2 h1 {
	display: none;
}
body#garfield div#banner-home {
	background-image: url(../images/garfield_banner_home.jpg);
}
body#collen div#banner-home {
	background-image: url(../images/collen_banner_home.jpg);
}
body#cutting div#banner-home {
	background-image: url(../images/cutting_banner_home.jpg);
}
body#cme div#banner-home {
	background-image: url(../images/cme_banner_home.jpg);
}
body#gme div#banner-home {
	background-image: url(../images/gme_banner_home.jpg);
}
body#heroes div#banner-home {
	background-image: url(../images/heroes_banner_home.jpg);
}
body#everyday div#banner-home {
	background-image: url(../images/everyday_banner_home.jpg);
}
/************************************************** 
	AWARD HOME CONTENT		
**************************************************/
div#homecontent {
	width: 765px;
}

div#banner-home div#rightnav {
	text-align: left;
	margin-top: 35px;
	padding-bottom: 5px;
	background-image: none;
}
/************************************************** 
	RIGHT NAV		
**************************************************/
div#rightnav {
	width: 200px;
	float: right;
	padding-bottom: 85px;
	background-repeat: no-repeat;
	background-position: bottom;
}
body#default div#rightnav {
	background-color: #dbe7e9;
	border-top: 1px solid #dbe7e9;
	background-image: url(../images/default_rnav_bground.jpg);
}
body#garfield div#rightnav {
	background-color: #e6e7f3;
	border-top: 1px solid #e6e7f3;
	background-image: url(../images/garfield_rnav_bground.jpg);
}
body#collen div#rightnav {
	background-color: #dceef7;
	border-top: 1px solid #dceef7;
	background-image: url(../images/collen_rnav_bground.jpg);
}
body#cutting div#rightnav {
	background-color: #fceed2;
	border-top: 1px solid #fceed2;
	background-image: url(../images/cutting_rnav_bground.jpg);
}
body#cme div#rightnav {
	background-color: #fee8e3;
	border-top: 1px solid #fee8e3;
	background-image: url(../images/cme_rnav_bground.jpg);
}
body#gme div#rightnav {
	background-color: #edf3d7;
	border-top: 1px solid #edf3d7;
	background-image: url(../images/gme_rnav_bground.jpg);
}
body#heroes div#rightnav {
	background-color: #dff2ed;
	border-top: 1px solid #dff2ed;
	background-image: url(../images/heroes_rnav_bground.jpg);
}
body#everyday div#rightnav {
	background-color: #f4e0ed;
	border-top: 1px solid #f4e0ed;
	background-image: url(../images/everyday_rnav_bground.jpg);
}
div#rightnav h4 {
	margin: 15px 15px 0px 15px;
	font-size: 18px;
	font-weight: normal;
}
body#default div#rightnav h4 {
	color: #006475;
}
body#garfield div#rightnav h4 {
	color: #472f92;
}
body#collen div#rightnav h4 {
	color: #153d6f;
}
body#cutting div#rightnav h4 {
	color: #b74a29;
}
body#cme div#rightnav h4, body#everyday div#rightnav h4 {
	color: #841f33;
}
body#gme div#rightnav h4 {
	color: #64930d;
}
body#heroes div#rightnav h4 {
	color: #006056;
}
div#rightnav ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
div#rightnav ul.level2 li{
	font-size: 12px;
	
}
div#rightnav ul.level2 li {
	padding-left: 8px;
	margin: 7px 15px 0px 15px;
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
body#default div#rightnav ul.level2 li {
	background-image: url(../images/default_li_arrow.gif);
}
body#garfield div#rightnav ul.level2 li {
	background-image: url(../images/garfield_li_arrow.gif);
}
body#collen div#rightnav ul.level2 li {
	background-image: url(../images/collen_li_arrow.gif);
}
body#cutting div#rightnav ul.level2 li {
	background-image: url(../images/cutting_li_arrow.gif);
}
body#cme div#rightnav ul.level2 li {
	background-image: url(../images/cme_li_arrow.gif);
}
body#gme div#rightnav ul.level2 li {
	background-image: url(../images/gme_li_arrow.gif);
}
body#heroes div#rightnav ul.level2 li {
	background-image: url(../images/heroes_li_arrow.gif);
}
body#everyday div#rightnav ul.level2 li {
	background-image: url(../images/everyday_li_arrow.gif);
}
/************************************************** 
	AWARDEE CONTENT		
**************************************************/
div#awardeecontent {
	width: 420px;
}
/************************************************** 
	LEFT CONTENT/PHOTO ON AWARDEE PAGE		
**************************************************/
div#leftcontent {
	width: 140px;
	float: left;
}
div#leftcontent div#awardee-photo {
	margin: 15px 0px;
}
body#default div#leftcontent div#awardee-photo img {
	border: 10px solid #dbe7e9;
}
body#garfield div#leftcontent div#awardee-photo img {
	border: 10px solid #e6e7f3;
	margin: 0px;
	padding: 0px;
}
body#garfield div#leftcontent div#awardee-photo p {
	background-color: #e6e7f3;
}
body#collen div#leftcontent div#awardee-photo img {
	border: 10px solid #dceef7;
}
body#cutting div#leftcontent div#awardee-photo img {
	border: 10px solid #fceed2;
}
body#cme div#leftcontent div#awardee-photo img {
	border: 10px solid #fee8e3;
}
body#gme div#leftcontent div#awardee-photo img {
	border: 10px solid #edf3d7;
}
body#heroes div#leftcontent div#awardee-photo img {
	border: 10px solid #dff2ed;
}
body#cme div#leftcontent div#awardee-photo img {
	border: 10px solid #f4e0ed;
}
body#everyday div#leftcontent div#awardee-photo img {
	border: 10px solid #edd8e9;
}
div#leftcontent div#awardee-photo a {
	font-weight: bold;
	text-decoration: none;
}
body#default div#leftcontent div#awardee-photo a {
	color: #006475;
}
body#default div#leftcontent div#awardee-photo a:hover {
	color: #4D8993;
}
body#garfield div#leftcontent div#awardee-photo a {
	color: #472f92;
}
body#garfield div#leftcontent div#awardee-photo a:hover {
	color: #8086c1;
}
body#collen div#leftcontent div#awardee-photo a {
	color: #153d6f;
}
body#collen div#leftcontent div#awardee-photo a:hover {
	color: #52abd5;
}
body#cutting div#leftcontent div#awardee-photo a {
	color: #b74a29;
}
body#cutting div#leftcontent div#awardee-photo a:hover {
	color: #e48426;
}
body#cme div#leftcontent div#awardee-photo a, body#everyday div#leftcontent div#awardee-photo a {
	color: #841f33;
}
body#cme div#leftcontent div#awardee-photo a:hover {
	color: #ef918f;
}
body#gme div#leftcontent div#awardee-photo a {
	color: #64930d;
}
body#gme div#leftcontent div#awardee-photo a:hover {
	color: #a6c338;
}
body#heroes div#leftcontent div#awardee-photo a {
	color: #006056;
}
body#heroes div#leftcontent div#awardee-photo a:hover {
	color: #5ebea5;
}
body#awardee iv#leftcontent div#awardee-photo a:hover {
	color: #f4e0ed;
}
div#leftcontent div#awardee-photo p {	
	text-align: center;
	font-size: 11px;
	margin: 0px;
	padding: 0px 5px 5px 5px;
}

div#leftcontent div#pullquote p {
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	padding-left:0px;
}
div#leftcontent div#pullquote p.small {
	font-size: 10px;
	line-height: 12px;
}	
body#default div#leftcontent div#pullquote p {
	color: #006475;
}
body#garfield div#leftcontent div#pullquote p {
	color: #472f92;
}
body#collen div#leftcontent div#pullquote p {
	color: #153d6f;
}
body#cutting div#leftcontent div#pullquote p {
	color: #b74a29;
}
body#cme div#leftcontent div#pullquote p, body#everyday div#leftcontent div#pullquote p{
	color: #841f33;
}
body#gme div#leftcontent div#pullquote p {
	color: #64930d;
}
body#heroes div#leftcontent div#pullquote p {
	color: #006056;
}

/************************************************** 
	RIGHT CONTENT AWARDEE PAGE	
**************************************************/
div#rightcontent {
	float: right;
	width: 640px;
}

/************************************************** 
	WIDE CONTENT AWARDEE PAGE	
**************************************************/
div#widecontent {
	clear: both;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
}


div#widecontent h2 {
	margin-left: -15px;
}

.videopad {
	margin-left: 15px;
}

/************************************************** 
	3 COL CONTENT PAGE	
**************************************************/
div#col3content {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0px;
}


#col3content h1,  #col3content p {
	padding-left: 0 !important;
}



/************************************************** 
	SORT CONTENT		
**************************************************/
div#sortcontent {
	float: left;
	width: 580px;
}
div#sortcontent p {
	padding-right: 25px;
}
div#sortcontent ul#sort-nav {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
div#sortcontent ul#sort-nav li {
	display: inline;
	list-style:none;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 15px;
	text-decoration: underline;
	font-size: 11px;	
	cursor: pointer;
}
div#sortcontent ul#sort-nav li.off {
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
body#default div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/default_li_arrow_off.gif);	
}
body#garfield div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/garfield_li_arrow_off.gif);	
}
body#collen div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/collen_li_arrow_off.gif);	
}
body#cutting div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/cutting_li_arrow_off.gif);	
}
body#cme div#sortcontent ul#sort-nav li.off, body#everyday div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/cme_li_arrow_off.gif);	
}
body#gme div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/gme_li_arrow_off.gif);	
}
body#heroes div#sortcontent ul#sort-nav li.off {
	background-image: url(../images/heroes_li_arrow_off.gif);	
}
div#sortcontent ul#sort-nav li.on {
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
body#default div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/default_li_arrow_on.gif);	
}
body#garfield div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/garfield_li_arrow_on.gif);	
}
body#collen div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/collen_li_arrow_on.gif);	
}
body#cutting div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/cutting_li_arrow_on.gif);	
}
body#cme div#sortcontent ul#sort-nav li.on, body#everyday div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/cme_li_arrow_on.gif);	
}
body#gme div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/gme_li_arrow_on.gif);	
}
body#heroes div#sortcontent ul#sort-nav li.on {
	background-image: url(../images/heroes_li_arrow_on.gif);	
}
div#sortcontent ul#sort-nav li a {
	font-size: 11px;
}
div#sortcontent ul#sort-nav li.on a {
	color: #333;
	text-decoration: none;
}

/************************************************** 
	MISC
**************************************************/

.share {
	 height: 30px; 
	 padding-left: 15px;
}

img.videostory {
	float: right;
	margin: 0 0 5px 10px;
	padding-bottom: 25px;
	border: 0;
	background-repeat:no-repeat;
	background-image:url(../images/video_player_bg.gif);
	background-position:bottom;
}

/************************************************** 
	TABLE STYLES
**************************************************/



.tabledata {
	 border: 1px solid #bbb;
	 border-collapse: collapse;
	 margin: 10px 0 10px 20px;
	}

.tabledata th, .tabledata td {
	font-size: 11px;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	 padding: 5px;
	 }
	 
.tabledata th {
	 	color: #fff;
		}

.tabledata img {
	border: 0;
	}


.plaintable { 
	margin: 10px 0 10px 10px;
	}

.plaintable th, .plaintable td {
	font-size: 11px;
	 padding: 5px;
	background-color: #fff;
	 }
	 
.tabledata th {
	 	color: #fff;
		}


th {
	background-color: #999;
	font-weight: bold;
	}

#garfield th {
	background-color: #8086c1;
	}

#collen th {
	background-color: #52abd5;
}
#cutting th {
	background-color: #e48426;
}
#cme th {
	background-color: #ef918f;
}
#gme th {
	background-color: #a6c338;
}
#heroes th {
	background-color: #5ebea5;
}
#everyday th {
	background-color: #ddb0d2;
}

.oddrow {
	background-color: #fff;
}
.evenrow {
	background-color: #ddd;
}
.hoverrow {
	background-color: #ffffcc;
}
	
/* sort class creates illusion of hyperlink by adding underline and hover pointer */	
.sort {
	text-decoration: underline;
	cursor: pointer;
	}
.pointer {
	cursor: pointer;
	text-decoration: underline;
	}


#notification {
	margin: 0 10px 0 20px;
	font-weight: bold;
	font-style: italic;
	color: #600;
	}
	
.SpryHiddenRegion {
	visibility:hidden;
}

.hidden {
	display: none;	}

 ul#letterlist  {
	margin: 0 0;	
	padding: 0;
}	

ul#letterlist li {
	display: inline;
	list-style:none;
	margin: 0 2px;
	padding: 0 3px;
	border: 1px solid #999;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	font-size: 1.0em;
	background-color: #b2ddf8;
}

 
 #letterlist li:hover {
 	color: #c00;
	background-color: #ffc;
	text-decoration: underline;
	cursor: pointer;
	}
	
#form1, #form2, #form3, #form4 {
	margin: 0;
	padding: 0;
	}

.selectlist {
	width: 20em;
}


.pagination {
	margin: 0;
	padding: 0;
	float: right;
	}
	




/************************************************** 
	MISC	
**************************************************/


/* self-clear floats */

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.nobr {
	white-space:nowrap;
}
.clear {
	clear: both;
	margin: 0;
}



/************************************************** 
	FOOTER	
**************************************************/
div#footer {
	clear:both;
	text-align: center;
	width: 780px;
}
div#footer p {
	color: #aab098;
	font-size: 10px;
}
#footer ul {
	background-color: #aab098;
	list-style-type: none;
	margin: 3px 0px;
	padding: 3px 0px 5px 0px;	
}
#footer ul li {
	background-image: none;
	border-left: 1px solid #d5d8cc;
	color: #fff;
	display:inline;
	font-size: 11px;
	padding: 0px 15px;
	font-weight: normal;
}
#footer ul li.first {
	border-left: none;
	font-weight: normal;
}
#footer ul li a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}