/* -----------------------------------------
Global Reset
v1.0 | 20080212 
http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

del { text-decoration: line-through; }
ins { text-decoration: none; background: #ffc; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/*:focus { outline: 1px dashed red; }*/
	
/* ----------------------------------------- 
Clearfix Hack [slightly enhanced]
http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
-------------------------------------------- */
.clearfix:after, #content:after { 
	visibility: hidden; 
	display: block; 
	font-size: 0; 
	content: " "; 
	clear: both; 
	height: 0;
}
.clearfix, #content { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix, * html #content { height: 1%; }
.clearfix, #content { display: block; }
/* close commented backslash hack */
.clear { clear: both; margin: 0; padding: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - -    H T M L	    - - - - - - - - - - - - - - - - - - - - - - - */

body {
	font-family: Georgia, "Times New Roman",serif;
	font-size: 62.5%;
	color: #000;
	background: #fff;
}

html>body { font-size: 10px; }

/* Anchor Links 
-------------------------------------------- */
a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover {  color: #000; text-decoration: none; }
a:active {  color: #000; text-decoration: none; }

/* Headings 
-------------------------------------------- */
h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
}

h2 { margin: 0 0 0.5em; font-family: Georgia,"Times New Roman", Times, serif; font-size: 2.4em; color:#000; }

h3 { margin: 0 0 1em; font-size: 1.8em; }
h4 { margin: 0 0 1.286em; font-size: 1.4em; }
h5 { margin: 0 0 1.5em; font-size: 1.2em; }
h6 { margin: 0 0 1.8em; font-size: 1em; }

/* Text Elements 
-------------------------------------------- */
p, ul, ol, dl, blockquote, pre { margin: 0 0 1.5em; font-size: 1em; line-height: 1.6em; }
p { font-size: 1.2em; line-height: 1.4em; }
blockquote { padding: 0 1.25em; }
small, cite { font-size: 0.9em; }
strong, b, dt, th { font-weight: bold; }
address, cite, em, i, caption, dfn, var { font-style: italic; }

ul, ol { margin: 0 0 2em 1em; }
ul li, ol li { margin-left: 1em; line-height: 1.6em; }

ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }

ol { list-style-type: decimal; }
ol ol { list-style-type: upper-roman; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: upper-alpha; }

dl { margin-bottom: 2em; }
dt { font-weight: bold; }
dd { margin-bottom: 1em; padding-left: 1.5em; }

del { text-decoration: line-through; }
address, abbr, acronym { font-style: normal; }
acronym, abbr { border-bottom: 1px dotted #333; cursor: help; }
acronym { text-transform: uppercase; }
pre, kbd, code, samp, tt, var { font-family: "Courier New", Courier, monospace monospace; }

sub { font-size: 0.9em; line-height: 1em; vertical-align: sub; }
sup { font-size: 0.9em; line-height: 1em; vertical-align: super; }

/* Tables 
-------------------------------------------- */
table {	margin: 0 0 1.5em; }
caption { text-align: left; }
th, td { padding: 0.25em 0.5em; }
tbody td, tbody th { border: 1px solid #999; }
tfoot { font-style: italic; }


/* - - - - - - - - - - - - - - - - - - - - - - -    M A I N - L A Y O U T    - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#header {
	width: 960px;
	height: 164px;
	margin: 20px auto;
	text-align: center;
	background: url(../images/image1.jpg) top center no-repeat;
}

#header2 {
	width: 960px;
	height: 87px;
	margin: 20px auto;
	text-align: center;
	background: url(../images/image4.jpg) top center no-repeat;
}

#sub-navigation, #navigation {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#navigation.page {
	padding: 10px 0 10px 0; 
	border-top: 3px solid #CCCC99;
	border-bottom: 3px solid #CCCC99;
}

#sub-navigation {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #CCCC99;
}
 
#sub-navigation ul, #sub-navigation ul li,
#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sub-navigation ul, #navigation ul {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#sub-navigation ul li, #navigation ul li { 
	float: left;
	margin-left: 46px;
}

#navigation.home ul li a {
	display: block;
	width: 420px;
	height: 52px;
}

#sub-navigation.page a, #navigation.page a {
	width: 135px;
	font-size: 1.5em;
	padding: 0 20px 10px 0;
	text-decoration: none;
}

#sub-navigation.page a.active, #navigation.page a.active { color: #CCCC99; font-weight: bold; }

#navigation.home ul li a.press_printed { 
	background: url(../images/image2.jpg) top left no-repeat;
	width: 411px; 
}

#navigation.home ul li a.photographic {
	background: url(../images/image3.jpg) top left no-repeat;
	width: 409px;
}

#navigation.home ul li a span { display: none; }

/* CONTENT */

#content {
	width: 960px;
	margin: 20px auto;
}


.center {
	text-align:center;
}