/* Reset Elements (All Pages)

-------------------------------------------------------- */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, hr, embed, object { 

	margin: 0;

	padding: 0;

	}

table {

	border-collapse: collapse;

	border-spacing: 0;

	}

fieldset,img { 

	border: 0;

	}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

	}

ol, ul, li {

	list-style: none;

	}

caption, th {

	text-align: left;

	}

h1, h2, h3, h4, h5, h6 {

	font-size: 100%;

	font-weight: normal;

	}

	

	

/* Body structure

-------------------------------------------------------- */

#wrapper

    {

    width:840px;

    margin-left:auto;

    margin-right:auto;

    }

    

#leftCol

    {

    width:220px;

    float:left;

    margin-right:20px;

    }

    

#middleCol

    {

    width:580px;

    margin-left:20px;

    float:left;   

    }

    

    

#printFooter {

        display:block;

        clear:both;

	font-size: 0.875em;

	line-height: 1.7143em;

	font-family: Georgia, serif;

	color: #999;

	font-variant: small-caps;

	text-transform: lowercase;

	border-top:dotted 1px #adcf4f;

    width:580px;

    margin-left:auto;

    margin-right:auto;

    padding-bottom:20px;

    padding-left:260px;

    position:relative;

    top:20px;

}

    

/* Overall Elements (All Pages)

-------------------------------------------------------- */



html {

	min-height: 100%; /* eliminates content-shift */

	margin-bottom: 1px; /* eliminates content-shift */

	}

hr {

	border: none 0;

	border-top: 1px dotted #ccc;

	height: 1px;

	clear: both;

	margin-top: 1.4375em;

	}

hr.notop {

	margin-top: 0;

	}

#contentSidebar hr {

	margin-top: 0.875em;

	}

#mainContainer {

	width: 59.375em;

	margin:  0 auto;

	padding: 0 0 3em 0;

	position: relative;

	}

br.clear {

	clear: both;

	display: block;

	height: 1.125em;

	}





/* Set Typography (All Pages)

-------------------------------------------------------- */



body {

	font-size: 100%; /* for IE */

	font-family: Georgia, serif;

	color: #333;

	border-top: 5px solid #80a642;

	}

html>body {

	font-size: 16px; /* non-IE */

	}

p {

	line-height: 1.5em; /* 24px */

	font-size: 1em; /* 16px */

	margin-bottom:10px;

	}

	

#leftCol p {

	padding-left:10px;

	font-size:0.8em;

	}

	

a {

	font-weight: normal;

	text-decoration: none;

	}



/* Links */

a:link, a:visited {

	color: #c00;

	}

a:hover, a:active {

	color: #333;

	}

a.highlight {

	font-weight:bold;

	}



/* Typography */

strong {

	font-weight: bold;

	}

em {

	font-style: italic;

	}

	

.hint {

	font-style: italic;

	font-size:0.775em;

	line-height: 1.4em;

	color:#666666;

	display:block;

	clear:both;

	}

	

.nosmallcaps {

	text-transform: none;

	font-variant: normal;

	font-size: 80%;

	}

.highlight {

	color: #c00;

	}

.italic  {

	font-style: italic;

	}



/* Headers */

h1 {

	font-size: 2em;

	line-height: 1.5em;

	}

h2 {

	font-size: 1.5em;

	line-height: 2em;

	}

h3 {

	line-height: 1.5em;

	color:#333333;

	margin:0px 0px 10px 0px;

	font-size: 1.125em;

	font-style: italic;

	}

	

h4 {

	font-size: 1em; 

	line-height: 1.125em; 

	}

h5 {

	font-size: 0.875em;

	line-height: 1.7143em;

	font-family: Georgia, serif;

	color: #999;

	font-variant: small-caps;

	text-transform: lowercase;

	border-top:dotted 1px #adcf4f;

	margin:0px 0px 10px 0px;

	}

	

#leftCol h5 {

	margin:0px 0px 10px 0px;

	}

	





/*Images*/



.logo {

	margin-bottom:30px;

      }

      

#middleCol img {

	margin:20px 20px 20px 0px;

	padding:10px;

	background-color:#f1f1f1;

      }

      

img.photo {

	display:block!important;

	clear:both;

      }

      

img.mug {

      float:left;

      }     

      

      

      

/*left menu*/



#leftCol ul li a {

	color:#02074b;

	padding-left:5px;

      }

      

#leftCol ul li a:hover {

color:#adcf4f;

      }

      

#leftCol ul li {

	color:#adcf4f;

	font-size:0.8em;

	margin-bottom:10px;

      }

      

      

/*boxes*/



div.duoBox {

	float:left;

	width:249px;

	margin-bottom:20px;

	margin-right:10px;

	padding:0px 10px 0px 9px;

	border:dotted 1px #adcf4f;

      }

      



/*gallery*/  





#gallery a img {

border-right:solid 1px #cccccc;

border-bottom:solid 1px #cccccc;

padding:5px!important;

margin:0px!important;

float:left;

background-color:solid 1px #cccccc;

}



#gallery a {

padding:0px!important;

margin:0px!important;

}

/*control*/

.floatLeft {
	float: left;
	display:inline;
}