/* style.css - Marc van Bree at www.mcmvanbree.com 
Resources: csszengarden.com, alistapart.com, maxdesign.com.au, bavotasan.com, and Feed2J
This stylesheet is licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
*/


/* ***FRAMEWORK*** */

body {  margin: 0; 
        text-align: center; 
        font-size: 100.1%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 130%; 
        background-color: #272325;
     }

#main {      width: 50em;
             font-size: 0.9em;
             background-color: #fff;
             padding: 0em;
             margin-left: auto; margin-right: auto; margin-top: -2px;
             text-align: left;
} 


#header {    width: 50em;
             background-color: #fff;
             padding: 0em;
             border: none;
             margin-left: 0; margin-right: 0; margin-top: -2px;
} 

#container {   width: 100%;
               margin: 0em;
               padding: 0em;
               background-color: #fff;
               border: none;
}

#top {         padding-bottom: 1em;
               background-color: #fff;

}

#top h1 {      padding: 0; 
               margin: 0;
}


#leftnav {     float: left;
               width: 10em;
               margin: 0;
               padding: .5em;
               clear: left;

}

#content {     margin-left: 12.2em;
               border-left: 1px dashed;
               padding: 1em;
               width: 23em;
}

#content_2 {   margin-left: 12.2em;
               border-left: 1px dashed;
               padding: 1em;
               width: 35em;
}

.content_21 { border: 1px dotted;
              padding: .5em .5em .5em .5em;
              background-image: url(quote.jpg);
}

.content_22 { border: 1px dotted;
              padding: .5em .5em .5em .5em;
}

#rightnav {    float: right;
               width: 12em;
               margin: 0;
               padding: 0.5em;
}

#footer {      clear: both;
               margin: 0;
               padding: .5em;
               background-color: #fff;
               border-top: 1px dashed;
}


#leftnav p, #rightnav p {   margin: 0 0 1em 0; 
}

#hider-1, #hider-2,
#hider-3, #hider-4,
#hider-5, #hider-6 {
display: none;
}

/* ***MARKUP*** */


p {     font-size: .8em;
}


div.line {  border-top: 1px dashed;
            width: 20em;
            margin: 0em;
            padding: 0em;

}

h1 {    font-size: 1.25em; 
	font-weight:bold;
}

#content h2 {  margin: 0 0 .5em 0; 
}

#content_21 ul, #content_21 li { font-size: .875em;
                                 line-height: 115%; 
}

#header .himage {    width:50em;
                     display: block;
                     border: none;
}

a:link, a:visited, a:active { color: #504035;
	text-decoration: underline;
}

a:hover { color: #504035;
	text-decoration: underline;
        background: #e8e7e8; 
}


/* ***IMAGE SIZES*** */

img { 		     border: none;
}

.cover {             border: none;
                     margin: 1em;
                     float: right;
}

.button {            width: 10em;
                     display: inline;
                     border: none;
}

.button_article {    width: 2em;
		     display: inline;
		     border: none;
}


.button_small {      height: 2.2em;
                     display: inline;
                     border: none;
}

.button_medium {     height: 5em;
                     display: inline;
                     border: none;
}

img.button_menu { width: 3.5em; display: inline; border: none; }
img.marc_photo {width: 15em; float: right;}


/* *** NAVIGATION *** */

#navigation {
        margin: 0px 0em 0px;
	float: left;
	clear: both;
	width: 50em;
        text-transform: uppercase;
	background:	url(nav.png);
	position: relative;
	z-index: 1000;
	}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}



.sf-menu {
	float:			left;
	margin-bottom:	0;
}
.sf-menu a {
	border-right:	1px solid #fff;
	padding: 		.6em 1em .4em;
	text-decoration:none;
}

.sf-menu li li a {
	border: 0;
text-decoration:none;	
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
text-decoration:none;
}
.sf-menu li {
}
.sf-menu li li {
	background:		#888;
}
.sf-menu li li li {
	background:		#888;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#666;
	outline:		0;
text-decoration:none;
}


/* ***FEED2J RSS BOX CODE*** */

.rss-box { 
	margin: 0.3em; 
	width: 10em; 
	background-color: #ffffff; 
	border: 2px dotted #bebcbd;
        line-height: 100%;
}

.rss-items { 
	margin-top: 0em; 
	padding: 0.5em;  
	margin-left: 0em; 
	color: #668290;
        font-size: 0.85em; 
}

p.rss-title {
	padding:0.5em;
}

.rss-title { 
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em; 
	color: #656264; 
	font-weight:bold; 
	background-color: #D0E5F4; 
	margin: 0em; 
	padding:0em; 
}

.rss-title a:link, .rss-title a:visited, .rss-title a:active { 
	text-decoration: none; 
	color: #668290; 
	font-weight:bold; 
	margin: 0em; 
	padding:0em; 
	text-align: left;
}

.rss-title a:hover { 
	text-decoration: none;
        background: #e8e7e8; 
	color: #656264; 
	font-weight:bold; 
	margin: 0em; 
	padding:0em; 
	text-align: left;
}

.rss-item  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0.85em; 
	font-weight: normal; 
	color: #000; 
	list-style:none; 
	padding-bottom:0.5em; 
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active { 
	text-decoration: none; 
	color: #000; 
	font-weight:bold; 
}

.rss-item a:hover { 
	text-decoration: underline;
        background: #e8e7e8; 
	color: #000; 
	font-weight:bold; 
}



-->