
html {
	margin:0;
	padding:0;
	}

body {
	margin:0;padding:0;
	text-align:center;
	/* background-image: url(diag.gif); */
	}

.body {
	margin: auto auto; padding:0;
	text-align: left; width: 787px;
	/* background-image: url(bodyBackground.gif); */
	background-position: center;
	background-repeat: repeat-y;
	}

.bodyPadding {
	margin:0 6px 0 6px;padding:0;
	background-image: url(diagBackground.gif);
	background-attachment: fixed;
	/* background-color:#F5F5F5; */
	}

.main {
	margin:0;padding:0;margin-left:20px;
	float: left; width: 540px;
	background-image: url(mainBackground.gif);
	background-position: center;
	background-repeat: repeat-y;

	/* stops double margins on floats in IE6 */
	display: inline;
	}

#home .main {
	background-image: url(homeBackground.gif);
	}

.mainPadding {
	margin: 0 10px 0 10px; padding:0 0 0 14px;
	background-color: #fff;
	/* margin this in to show trans bkgd edge lines */
	}

#home .spacer1 {
	height:400px;
	}

.side {
	padding:0; width: 205px;

	/* IE6 reads this - three pixel bug */
	margin: 0 0 0 565px;
	}

div.bodyPadding>div.side {

	/* non IE6 reads this */
	margin: 0 0 0 568px;
	}

.sidePadding {
	margin:0;padding:0;
	padding-left:10px;
	}


.head {
	margin:0 14px 8px 0;
	padding:16px 0 0 0;
	}

.head img {
	display:block;
	margin-left:-2px;
	}

a:link    { color:#6666E0; }
a:active  { color:#6666E0; }
a:visited { color:#A6A6ED; }
a:hover   { color:#6666E0; }


/*

MM   MM EEEEEEE NN  NN UU   UU 
MMM MMM EE      NNN NN UU   UU 
MMMMMMM EEEE    NNNNNN UU   UU 
MM M MM EE      NN NNN UU   UU 
MM   MM EEEEEEE NN  NN  UUUUU  

*/

.mmenu {
	margin: 0;
	padding: 0 0 25px 0;
	border-bottom: 1px solid #BAC1CB;
	}

.mmenu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
.mmenu a:link, .mmenu a:visited, .mmenu span {
	float: left;
	font-size:16px;
	font-family:Arial;
	line-height: 20px;
	font-weight: normal;
	padding: 0 12px 5px 0;
	text-decoration: none;
	color:#999;
	}

.mmenu a:hover, .mmenu span, .mmenu a.here {
	background: url(/themes/style-06/tab_rounded.gif) no-repeat bottom center;
	color:#999;
	color:#666;
	}

.mmenu span {
	cursor:default;
	}

/* */


.main h1 {
	margin:15px 0 15px 0;
	padding:0;
	font-size:17px;
	font-family:Arial;
	line-height: 17px;
	font-weight: normal;
	width: 250px;
	color:#666;
	}


.main p {
	font-size:14px;
	font-family:Arial;
	color:#888;
	margin-right:14px;
	}

div.alt,
p.alt { 
	display: none;
	}


/* */

ul.menu li {

	list-style-type: none;
	margin:0;padding:0;
	display:block;
	float: left;
	width: 86px;
	height: 108px;
	text-align: left;
	}

h2.menu {
	font-family: Arial;
	font-size: 14px; 
	font-weight: normal; 
	color: #A3A3A3;
	margin:0 0 5px 0; 
	padding:0;
	}

ul.menu li a.image:link span,
ul.menu li a.image:active span,
ul.menu li a.image:visited span {
	border: 1px solid #EAEAEA;
	}
	
ul.menu li a.image:hover span { 
	border: 1px solid #C0C0C0;
	background-position: top left;
	}

ul.menu li a.image span { 
	height:98px;
	width:74px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position: top right;
	}

ul.menu li span.here { 
	height:98px;
	width:74px;
	overflow:hidden;
	display:block;
	background-repeat:no-repeat;
	background-position: top left;
	border: 1px solid #7A7A7A;
	}

.image:hover {

	/* irrelevant definition to overcome IE6 bug */
	color: #C0C0C0; 
	
	/* The only cross browser syntax (IE6 bug) */
	cursor: pointer;
	cursor: hand;
	}

ul.menu { margin:0;padding:0;width: 180px; }
span.text { display: none !important }

/* */

.pages {

	/* IE6 double margin bug */
	display:inline;
	
	float:right;
	margin:9px 0 0 0;
	padding:0;
	line-height:25px;
	}

.pages a,
.pages span {
	margin:0 2px 0 2px;
	padding:4px 5px 3px 5px;
	text-align:center;
	}

.pages a:link,
.pages a:active {
	text-decoration:none; color:#BBB;
	background-image:url(page.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}

.pages a:visited {
	text-decoration:none; color:#E0E0E0;
	background-image:url(page.gif);
	background-repeat:no-repeat;
	background-position:top left;
	}

.pages a:hover,
.pages span.here { 
	text-decoration:none; color:#999;
	background-image:url(page.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight:bold; }

/* */

.spacer1 { 
	height:150px;
	margin:0;
	}

.spacer2 {
	height:80px;
	margin:0;
	}


#container {
	margin:0;
	padding:0;
	height:453px;
	clear:both;
	}

#prev, #next {

	/* IE6 double margin bug */
	display:inline;

	float:left;
	margin:0 0 0 3px;
	
	display:block;
	height:21px;width:21px;
	background-repeat:no-repeat;
	background-position:top left;
	}

#prev:hover, #next:hover {
	display:block;
	height:21px;width:21px;
	background-repeat:no-repeat;
	background-position: top right;
	}

#ui {
	width:52px;
	float:right;
	display:inline;
	margin-top:-53px;
	position:relative;
	z-index:100;
	padding:0;
	}

/* */

.archive { 
	font-family: Arial;
	font-size: 14px; 
	font-weight: normal; 
	color: #CBCBCD;
	margin:2px 0 0 87px;
	padding:0;
	
	/* preload hover */
	background-image: url(/themes/style-06/archive_over.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

.archive a:link,
.archive a:active,
.archive a:visited {
	color: #CBCBCD;
	text-decoration:none;
	padding-left:22px;
	background-image: url(/themes/style-06/archive.gif);
	background-position: left center;
	background-repeat: no-repeat;
	}

.archive a:hover { 
	color: #A3A3A3;
	background-image: url(/themes/style-06/archive_over.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration:none;
	
	cursor: pointer;
	cursor: hand;
	}

/* */

p.item { margin-bottom: 1px; } 
p.href { margin-top: 1px; }


/* Clear Floats
  <div style="clear:both"></div> */


.bodyPadding:after,
.menu:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    
}

.bodyPadding,
.menu {
	display: inline-block; /* fixes IE/Mac */
	overflow:hidden; /* fixes overflow margin in moz/opera */
	}

/* Hides from IE-mac \*/
* html .bodyPadding,
* html .menu {height: 1%;}
.bodyPadding,
.menu {display: block;}
/* End hide from IE-mac */



