/* For chopstixforcharity
 * By n390.com info@n390.com, June 8, 2009
 * Version 1.2, July 13, 2009
 * 
 * Color Palette:
 * a3000b - red
 * aa0000 - redish
 * aa1a1a - redisher
 * ffaa00 - yellow
 * cc2200 - orange
 */

/*
 * REGIONS
 */
body {
	font-family: Verdana, Arial, san-serif;
	font-size: 11pt;
	line-height: 14pt;
	background: #550000 url(images/body-bg.gif);
	color: #fff;
	margin: 0;
	padding: 0;
}

#page {
	margin-left: auto;
    margin-right: auto;
    width: 990px;
    color: #333;
}


#header {
	height: 110px;
    background: #fff;
}

#site-logo {
	float: left;
	padding: 5px 5px 5px 50px;
}

#banner-front {
	clear:both;
	height: 175px;
	background-color: #fff;
}

#banner-page {
	clear:both;
	height: 125px;
	background-color: #fff;
}

#middle-region {
    clear: both;
    float: left;
    width: 100%;
    background-color: #fff;
}

#content-left {
	width:  70%;
	float: left;
	padding: 15px;
	background-color: #fff;
}

#content-middle {
	width:  50%;
	float: left;
	padding: 15px;
	background-color: #fff;
}

#content-right {
	width:  70%;
	float: right;
	padding: 15px;
	background-color: #fff;
}

#content p {
	font-size: 90%;
	color: #333;
}

#footer {
	clear: both;
	color: #fff;
}
#footer p {
	font-size: 70%;
	text-align: center;
	margin: 0;
	padding: 3px 0 3px 0;
}

#sidebar-left {
    float: left;
    width:  20%;
    padding: 15px;
}

#sidebar-right {
    float: right;
    width:  20%;
    padding: 15px;
}

/*
 * DEFAULT LINKS
 */
a,
a:link {
	text-decoration: underline;
	color: #cc2200;
}

a:visited {
	text-decoration: underline;
	color: #dd6100;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #fd0000;
}

a:active,
a.active {
	text-decoration: underline;
}

#footer a:link,
#footer a:visited {
	text-decoration: underline;
	color: #fff;
}


/*
 * PRIMARY LINKS
 */
#navbar {
	float: left;
	width: 990px;
	height: 35px;
	background: #000 url(images/menu-bg.jpg) repeat-x;
}

#primary-menu {
	display: inline;
	float: left;
    line-height: 35px;
    padding: 0;
}

#primary-menu ul {
    padding: 0;
    margin: 0;
}

#primary-menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style: none;
}

#primary-menu a,
#primary-menu a:link,
#primary-menu a:visited {
	font-weight: normal;
	display: block;
	padding: 0px 17px;
	margin: 0px 0px 0px 0px;
	font-size: 125%;
	text-decoration: none;
	color: #fff;
}

#primary-menu a:hover,
#primary-menu a:focus {
	text-decoration: none;
	background-position:0% -42px;
	background: #cc2200 url(images/menu-hover.jpg) repeat-x;
	color: #fff;
}

#primary-menu a:active,
#primary-menu a.active {
	text-decoration: none;
    background: #a21c01 url(images/menu-active.jpg) repeat-x;
    color: #fff;
}

/*
 * SECONDARY LINKS
 */
#secondary-menu {
    padding: 0;
    margin: 0;
}

#secondary-menu li {
	list-style-image: none;
	list-style: none;
    line-height: 2em;
    margin: 0;
}

#secondary-menu a,
#secondary-menu a:link,
#secondary-menu a:visited {
	font-weight: normal;
	display: block;
	padding: 0 0 0 5px;
	margin: 0;
	font-size: 90%;
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	background-color: #f1f1f1;
	border-bottom: 1px solid #ddd;
}

#secondary-menu a:hover,
#secondary-menu a:focus {
	text-decoration: none;

	color:  #fff;
	background-color: #ffaa00;
}

#secondary-menu a:active,
#secondary-menu a.active {
	text-decoration: none;
	color:  #fff;
	background-color: #ffaa00;

    
}


/*
 * OTHER LINKS
 */
a.morelink {
	float: right;
	font-size: 80%;
	color: #aa0000;
	text-decoration: none;
	text-transform: lowercase;
}
a.morelink:hover {
	text-decoration: underline;
}


/*
 * HEADINGS AND COMMON HTML ELEMENTS
 */
h1 {
	font-size: 140%;
	line-height: 16pt;
	text-transform: uppercase;
	color: #cc2200;
}

h2, h3, h4 {
	font-size: 110%;
	text-transform: uppercase;
	color: #cc2200;
}

h3, h4 {
	font-size: 100%;
	text-transform: uppercase;
	color: #cc2200;
}

table {
    width:  100%;
    border: none;
}

th {
    padding: 3px;
}

tbody {
	font-size: 90%;
}

td {
    padding: 3px;
}

img {
    border: none;
}

li {
    margin: .5em 0 .5em 0;
	list-style-type: circle;
}

fieldset {
    margin: 20px 0 20px 0;
}

fieldset img {
    padding: 8px;
}

legend {
    font-weight: bold;
}

/*
 * SIDEBAR BLOCKS
 */
.block {
    padding-bottom: 15px;
}

.block .block-title {
	padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

.block-title {
	margin: .75em 0;
	display: block;
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
	color: #cc2200;
}

.block p {
    font-size: 90%;
}

.block p.block-title {
    font-size: 110%;
}

.block ul {
    padding-left: 1em;
    margin-left: 1em;
}

/*
 * TEASER BLOCKS ON FRONT PAGE
 */
#teaser-blocks {
	clear: both;
	width: 100%;
	padding:0;
	background-color: #ffaa00;
	border-bottom: solid 2px #cc2200;
}

#teaser-blocks table td {
	width:  33.3%;
	padding: 0 20px 0 29px;
	vertical-align: top;
}

#teaser-blocks table td.td-middle {
	border-right: dashed 1px #cdc0b3;
	border-left: dashed 1px #cdc0b3;
}

#teaser-blocks table .block-title {
    margin-top: 0.4em;
    margin-bottom: 0.4em;    
}

#teaser-blocks table .block-title a {
	color: #aa0000;
	font-size: 100%;
	margin: 3px;
	text-decoration: none;
}

#teaser-blocks table .block-title a:hover {
	text-decoration: none;
}

#teaser-blocks table p {
	font-size: 80%;
	margin: 3px;
}

#teaser-blocks table a:hover {
	color: #cc2200;
}


/*
 * IMAGE AND TEXTBLOCK FEATURE
 */
 
/*content imgTextblock area which includes picture and text */
dl.imgTextblock {
	margin: 15px 0;
    padding: 15px;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
}
 
 /* Trick to clear the imgTextblock image. No work with IE of course. See hacks at end */
dl.imgTextblock:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* imgTextblock title text */ 
dl.imgTextblock dt {
	margin: 0 0 0 0;
    font-size: 120%;
    color: #b11f36;
}

/* imgTextblock image */ 
dl.imgTextblock dt img {
	float: left;
    margin: 0 15px 0 0;
    padding: 0 4px 4px 0;
    border:none;
    /* background: url(images/photo-frame.png) no-repeat bottom right; */
}

/* imgTextblock text */
dl.imgTextblock dd {
	margin-left: 269px; /* image width + imgMarginRight + imgPaddingRight = 250+15+4=144   */
    font-size: 90%;
    line-height: 1.5em;
    color: #000000;
}


/*
 * MISCELANEOUS
 */
.imgLeft {
    float: left;
    padding-right: 10px;
}

.imgRight {
    float: right;
    padding-left: 10px;
}

.txtSmall {
    font-size: 75%;
}

.notice-box {
    margin: 10px 0 20px 0;
    padding: 10px;
    border: 1px solid #ccc;
    color: #000;
    background: #ffffb3;
}


/* Sponsorship Levels table */
#sponsorlevels td,
#pastsponsors td {
    border: 1px solid #ccc;
}
#sponsorlevels thead {
    background-color: #cc2200;
    color: #fff;
}
#sponsorlevels th {
	font-weight: normal;
    border: 1px solid #fff;
}

#countdown {
    text-transform: uppercase;
    color: #cc2200;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}


/*
 * INTERNET EXPLORER HACKS
 * Standards?  We don't need no stinken standards!
 */
#IEroot table {
    f\ont-size: inherit; /* Forces font size inheritance in IE5 */
}

/* IE no support the :after pseudo-class so must hack up something */
#IEroot html dl.imgTextblock {
	height: 1%;
}

#IEroot dl.imgTextblock {
	display: block;
}