html { padding:0; margin:0 }
html,body { height:100%; margin:0 }

body {
	font:11px Arial,Helvetica,sans-serif;
	text-align:center;
	height:100%;
	color:#999;
	background:#616e76 url(../images/document_bg.jpg) no-repeat top center;
	padding:50px 10px 10px;
}

#canvas,td,th,select,option { font-size:11px; color:#666; text-align:left }

a { color:#777; text-decoration:underline }
a:hover { color:#999 }

img { border-width:0 }

h1 { font-size:30px; font-weight:normal; margin:0 0 12px }

h5 { font-size:12px; margin:0 }

h6 { font-size:11px; font-weight:normal; padding:2px 0; margin:0 }

p { margin:6px 0 10px }

blockquote { margin:0 }

address { font-style:normal; line-height:1.1em }

var { font-weight:normal; font-style:normal }

ul { list-style:none; padding:0; margin-left:0 }

dd { margin:0 }

table { border-collapse:collapse }

caption { text-align:left }

form { padding:0; margin:0 }

fieldset { padding:0; border-width:0; margin:0 }

label { display:block }

legend { display:none; padding:0; _margin-left:-1.2ex }

select { padding:1px }

select, textarea, input.textinput {
	background:#fbfbfb url(../images/formfield-bottom.gif) repeat-x bottom;
	border:1px solid #bdbdbd;
}

textarea, input.textinput { padding:2px }

/* Identify text-input fields for browsers that don't support attribute selectors */
input.textinput {
	font-size:10px; _font-size:11px; _f\ont-size:12px;
	width:150px;
	_height:20px; _he\ight:auto;
}

img.print_button {
	position:relative;
	float:right;
	top:30px;
	right:10px;
	width:40px;
	height:11px;
	cursor:pointer;_cursor:hand;
	z-index: 1010;
}
img.rss_button {
	position:relative;
	float:right;
	width:35px;
	height:11px;
	top:30px;
	right:95px;
	cursor:pointer; _cursor:hand;
}
#canvas {
	width:979px;
	background:#fff url(../images/canvas_bottom-edge.png) no-repeat bottom;
	margin:0 auto;
}

/**** =GENERAL-PURPOSE CLASSES ****/

.floatleft { float:left }
.floatright { float:right }

.alignright { text-align:right !important }
.aligncenter { text-align:center !important }

.inline { display:inline }

.block { display:block }

.blue { color:#69c; font-size:14px; font-weight:bold }
.red { color:#DB3029 }

.dotted_divider { background:url(../images/global_dotted-line-vertical.gif) repeat-y right }
.dotted_divider_left { background:url(../images/global_dotted-line-vertical.gif) repeat-y left }

.clear { clear:both }

dl.inline_defs dt { float:left; clear:left; font-weight:bold; margin-right:6px; _margin-right:3px }
dl.inline_defs dd { margin-bottom:12px }

li.pdf a { background:url(../images/global_icon_pdf.gif) no-repeat right !important }

select.autowidth { width:auto !important }

.columnated_fields fieldset div { float:left !important; margin-right:20px !important }
.columnated_fields fieldset label { margin-top:12px }

table.simple_data { width:99% }
table.simple_data th { background:url(../images/nav-dottedunderline.gif) repeat-x bottom; padding:2px 0 }
table.simple_data td { padding:12px 0 10px }

#bodycontent table.simple_data { width:98% }
#bodycontent table.simple_data a { color:#777; text-decoration:none }
#bodycontent table.simple_data a:hover { text-decoration:underline }

#bodycontent ul.raquo-list { list-style-type:none; padding:0; margin:10px 0 10px 10px }

#bodycontent ul.raquo-list li {
        background:url(../images/global_red-guillemet.gif) no-repeat 0 0.5em;
        padding-left:10px;
}

/*** =IMPORTED COCA-COLA CLASSES ***/

.copy-navtree { color:#ccc }

/**** =ILLUSTRATION - Microlayout for a flexible block with rounded corners ****/

.illustration { position:relative; float:left; margin:0 auto }
.illustration img { display:block }

table.sidebar_illus { margin:0 auto 12px !important }
table.sidebar_illus div { position:relative }

img.wrap_tl, img.wrap_tr, img.wrap_bl, img.wrap_br { position:absolute }
img.wrap_tl { top:0; left:0 }
img.wrap_tr { top:0; right:0; _right:-1px }
img.wrap_bl { bottom:0; _bottom:4px; left:0; _left:1px; _left/**/:0 }
img.wrap_br { bottom:0; _bottom:4px; right:0; _right:-1px; _right/**/:0 }

/**** =MASTHEAD ****/

#masthead {
	position:relative;
	background:url(../images/canvas_top-edge.png) no-repeat;
	padding:9px 0 4px 30px;
	border-bottom:1px solid #dedede;
}

/**** =PRIMARY NAVIGATION and SITE SEARCH ****/

/**** =Primary Nav ****/
#primary_nav { 
	width:716px; 
	_w\idth:711px; 
	position:absolute; 
	z-index:20; 
	top:-20px; 
	right:4px; 
	_right:6px; 
	background:url('../images/topnav-top.png') no-repeat top; 
	padding:5px 0 0 7px; 
	_padding-left:5px; 
}
#primary_nav img { display:block }
* html #primary_nav img.topnav_bottom_edge { margin-left:-2px } /* Compensate for legacy IE box model */
#primary_nav ul { 
	padding:0 6px; 
	border-right:1px solid #c0c0c0; 
	border-left:1px solid #c0c0c0; 
	margin:6px 6px 0 0; 
	min-height:1%; 
	_height:1%; 
}
*:first-child+html #primary_nav ul {margin-top: 12px;}
* html #primary_nav ul {margin:12px 3px 0 -2px;}
#primary_nav li { 
	float:left; 
	position:relative; 
	font-size:11px; 
	background:#fff; 
	padding:0 
}
#primary_nav li a { 
	display:block; 
	position:relative;  
	text-decoration:none; 
	padding:10px 9px; 
	_w\idth:1%; 
	white-space:nowrap 
}
#primary_nav li a:hover { color:#DB3029 }
#primary_nav li.current a { 
	color:#DB3029; 
	border-top: solid 6px #DB3029; 
	padding-top:8px; 
	margin-top:-4px; 
	_margin-top:-5px; 
}
#primary_nav li img { display:none; }


#search {
	float:right;
	position:relative;
	font-size:10px;
	color:#999;
	bottom:2px; right:6px; _bottom:1px; _right:3px;
	width: 264px;
}

#search input, #search label { vertical-align:middle }
#search input.textinput { margin:0 8px }
#search label { display:inline }

#search fieldset {
	display:block;
	width:242px; _width:264px; _w\idth:242px; /* Account for legacy IE box models */
	background:#fff;
	padding:5px 0 0 20px;
	border-top:1px solid #fff;
	border-right:1px solid #bdbdbd;
	border-left:1px solid #bdbdbd;
}

/* Body frame encompasses content region and both sidebars */
#bodyframe {
	min-height:424px; _height:424px;
	background:url(../images/canvas_gradient.gif) repeat-x top;
}

#bodyframe:after, .autoclear:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .autoclear { height:1% }

#content { float:left; _float:none; background-color:transparent }

div#content {
        width:735px;
        padding:26px 0 0 28px; _padding-left:20px;
        margin:0 7px 15px 0;
}

div.maximize {
        width:auto !important;
        float:none !important;
        padding-left:0 !important;
        margin-left:28px !important;
}

table#content {
	width:762px; _width:756px;
	border-collapse:collapse;
	border-width:0;
	margin:38px 7px 15px 0; _margin-top:48px;
}

/* Stop short of 100% to avoid overflow in IE v5-6 */
table.maximize { width:99% !important }

/**** =BODY CONTENT ****/

#bodycontent { width:100%; _width:auto; vertical-align:top; padding:0 6px 35px 30px; }

.wide_gutter { padding-right:50px !important }

.wider_gutter { padding-right:20px !important }

#bodycontent a { color:#DB3029 }

#bodycontent h2 { color:#999; font-size:18px; font-weight:normal; margin:-12px 0 12px }

#bodycontent p { line-height:16px }

td#bodycontent ul { list-style:disc; margin-left:20px }

#bodycontent2 { width:100%; _width:auto; vertical-align:top; padding:0 6px 0px 30px; }

/**** =LEFT SIDEBAR ****/

#leftnav { float:left; width:210px; _height:1%; }
#leftnav img { display:block; margin-top: -4px; z-index: 20; }
#leftnav h2, #leftnav h2 img { font-size:16px; margin-top: 0px; }
#leftnav h2 { padding:0; margin:0 }
#leftnav ul { padding:0; margin: -4px 0 0 0; width:100%; background: #fff; }
#leftnav ul ul { width:198px; background:#efefef url('../images/leftnav-submenu-top.gif') no-repeat; padding:8px 0 0; margin:0; }
#leftnav ul ul ul { width:184px; background:Transparent; padding:0 0 5px 0 }
#leftnav li { padding: 0 0 0 5px; border-right:1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
#leftnav ul ul li { background-image:none; border-bottom: none; border-right-color:#d0d0d0; border-left:1px solid #d0d0d0; padding:0; }
#leftnav ul ul ul li { background-image:none; padding-left:12px; margin:0; border-right:none; border-left:none; }
#leftnav ul a, #leftnav ul strong { display:block; text-decoration:none; padding:6px 6px 6px 0; margin-left:12px; _height:1%; color: #666; }
#leftnav li.group { border-bottom: none;}
#leftnav li.group strong { border-bottom: 1px dotted #c0c0c0; }
#leftnav li.group a { padding: 4px 4px 4px 0; }
#leftnav ul ul a, #leftnav ul ul ul a { background-image:none; padding:3px 5px 3px 0; }
#leftnav ul ul ul a { padding-right: 0; }
#leftnav ul a:hover { color:#111 }
#leftnav ul li img { padding-bottom: 6px; }
#leftnav li.current { font-weight:bold; background: url('../images/leftnav-bullet.gif') no-repeat 6px 9px; }
#leftnav li.current.open { background: url('../images/leftnav-bullet-open.gif') no-repeat 6px 10px; }
#leftnav li.current li { font-weight:normal }
#leftnav li.current a { color:#DB3029; background-image:none }
#leftnav li.current ul a, #leftnav li.current ul ul a { color:#666; margin-left: 11px; }
#leftnav li.current li.current { font-weight:bold; background: none; }
#leftnav ul a:hover, #leftnav ul ul a:hover, #leftnav ul ul ul a:hover { color:#111 }
#leftnav .new ul { display: none; visibility: hidden; }
#leftnav .new.nojs ul { display:block; visibility: visible; }
#leftnav .new ul li img { margin-left: -1px; padding: 6px 0 0 0; vertical-align: bottom; }

.leftnav_content { margin:0; padding:6px 12px 16px 16px }
.leftnav_content * { color:#999 }
.leftnav_content h4 { margin-bottom:6px }
.leftnav_content address { margin-bottom:26px }
.leftnav_content .aligned img { display:block; float:left; margin-bottom:12px }
.leftnav_content ul li { float: left; }
.leftnav-newsletter a { color: #DB3029; }

/**** =RIGHT SIDEBAR ****/

#rightnav { width:250px; display:block; text-align:center; vertical-align:top; padding:0 7px }
#rightnav * { text-align:left }
#rightnav table { margin:0 auto }

/* .spiffs - Distinguishes blocks of right sidebar content
            (text and navigational elements) for formatting */
#rightnav .spiffs { margin:0 25px }
#rightnav .spiffs h6 { color:#DB3029; font-size:11px; font-weight:bold }

#rightnav h4 {
	clear:left;
	color:#DB3029;
	font-size:12px;
	font-weight:bold;
	padding:16px 0 3px;
	border-bottom:1px solid #cbcbcb;
	margin:0 0 14px 0;
}

#rightnav p { padding:0; margin:0 14px 20px 0 }

#rightnav fieldset { padding:2px 14px; margin-bottom:8px }
#rightnav .spiffs fieldset { padding:2px 0 }

#rightnav label { padding:2px 0 }
#rightnav select { width:170px; vertical-align:top }

#rightnav ul { clear:left; margin:0 }

#rightnav li {
	background:url(../images/nav-dottedunderline.gif) repeat-x bottom;
	padding:0;
}

#rightnav ul a { text-decoration:none; color:#666; _height:1% }

#rightnav ul a:active, #rightnav ul a:hover { color:#999 }

#rightnav ul a img { vertical-align:middle !important }

#rightnav ul a, #rightnav ul span { display:block; padding-top:6px; padding-bottom:8px }
* html #rightnav ul span { height:1% }

#rightnav ul a span {
        display:inline;
        vertical-align:middle;
	background:url(../images/rightnav-bullet.gif) no-repeat right;
        padding:0 15px 0 0;
}

* html #rightnav ul a span { background:none; padding-right:0 }


/**** =FOOTER ****/
.footer { padding:4px 0 16px }
.footer a { color:#999 }

/*footer*/
#footer{
	width:980px;
	margin:14px auto 0 auto;
	text-align:center;
	overflow:hidden;
	padding:0 0 20px;
}
#footer p{
	color:#ccc;
	font-size:11px;
	margin:0 0 12px;
}
#footer p a{
	color:#ccc;	
	text-decoration:none;
}
#footer p a:hover{text-decoration:underline;}
#footer ul{
	padding:0;
	margin:0;
	list-style:none;
}
#footer ul li{
	display:inline;
	background:url(../images/foot-split.gif) no-repeat 0 6px;
	padding:0 0 0 8px;
}
#footer ul li.first{background:none;}
#footer ul li a{color:#ccc;}

#footer, #footer a{
	color:#ccc;
}
