/* CSS Document */
/* GENERAL CSS */

/* Menu elements */
.menu {
	/* Remove the padding that UL have by default */
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
.menu li  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left; /* Change the list from vertical to horizontal */
	list-style-type: none; /* Remove the lists bullet */
	padding-top: 3px;
	padding-right: 35px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.selectmenuitem {
	font-size: larger;
	font-weight: bolder;
}

/* Link elements */
a:link, a:visited  {
	color: #AA0000;
	text-decoration:none;
}

.clearer {
	clear: both;
}

.matte-background {
	background-color: white;
}

/* Border elements */
.edge {
	position: absolute;
}
.edge {
	/* Set these to the values of the dimensions for images */
	height: 16px;
	width: 16px;
}
.n_edge {
	top: 0px;
}
.s_edge {
	bottom: 0px;
}
.e_edge {
	right: 0px;
}
.w_edge {
	left: 0px;
}


/* STRUCTURAL/SPECIFIC CSS */
body {
	background-color: #ecebe8;
	text-align: center;
}

/* Top level elements */
#body_wrapper {
	width: 800px;
	/* Center the page */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#main_wrapper {
	/* Float it against the thumbnails when present */
	float: left;
	clear: right;
	width: 800px;
}

/* Main Wrapper elements */
#header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 75px;
	/* Line it up with the content */
	/* Minimize the width */
	clear: both;
	float: left;
	position: relative;
	width: 800px;
}
#content {
	width: 800px;
	/* Minimize the width */
	clear: both;
	float: left;
	position: relative;
}
#footer {
	padding-left: 32px; /* Line it up with the content's menu */
	/* Minimize the width */
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left; /* Change the list from vertical to horizontal */
	list-style-type: none; /* Remove the lists bullet */
	padding-top: 3px;
	width: 736px;
	position: relative;
}

/* Header elements */
#branding {
	font-size: 10px;
	color: #787d77;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}
#name {
	font-size: 20px;
	color: #AA0000;
}
#tagline {
	padding-left: 10px;
	padding-top: 50px;
	padding-right: 40px;
	float: right;
}

/* Content elements */
#content_wrapper {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/* PADDING: size of borders + size of desired padding */
	padding: 0px;
	margin: 0px;
	position: relative;
}
#content_border {
	padding: 16px;
	padding-top: 8px;
	margin: 16px;
}

#content_n {
	background: url(../images/border_n.gif) repeat-x;
	width: 100%;
}
#content_s {
	background: url(../images/border_s.gif) repeat-x;
	width: 100%;
}
#content_e {
	background: url(../images/border_e.gif) repeat-y;
	top: 0px;
	height: 100%;
}
#content_w {
	background: url(../images/border_w.gif) repeat-y;
	top: 0px;
	height: 100%;
}

#content_ne {
	background: url(../images/border_ne.gif) no-repeat;
}
#content_nw {
	background: url(../images/border_nw.gif) no-repeat;
}
#content_sw  {
	background: url(../images/border_sw.gif) no-repeat;
}
#content_se {
	background: url(../images/border_se.gif) no-repeat;
}

/* Content Image samples */
#sample {
	/* Center the image */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-height: 490px;
}

#sample img {
	/* MAX-WIDTH: Size content - (size of the borders + size of padding) */
	max-width: 736px; /* 800 - ((16 + 16) + (16 + 16)) */
}

/* Main/content navigation */
#content_nav {
	/* Put some space between the menu and the main content */
	padding-bottom: 20px;
}
#content_nav li {
	color: #888888;
}
#content_nav li.selectedmenuitem {
	color:#BB0000;
}

/* Footer elements */
#footer_nav {
	display: block;
	height: 15px;
	clear: left;
	text-align: center;
}
#copyright {
	float: right;
	clear: left;
	color:#AAAAAA;
	padding-top: 2px;
}

#footer_nav a:link {
	color:#777777;
}
#footer_nav li.selectedmenuitem {
	color: #222222
}