/*		
	Title:	  global.css
	Author:	  David Hilfiker (from Jeannine Caracciolo and Elbert Bakker)
	For:	  	  davidhilfiker.com 
	Version:  September 21, 2011
*/



/*	Zero everything.

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

h1,h2,h3,h4,h5,h6,
p,a,pre,code,address,
form,label,input,select,textarea,
img,:visited img,:active img,:link img,caption,
table, tbody, tr, td { 

	font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 100%;
	font-style: normal;
	text-decoration: none;
	border: none;
	outline: none;
	vertical-align: baseline;
}

body,html,
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
p,pre,
form,fieldset,input,button {
	margin: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
}

input,select,textarea { font-family: inherit; }

ul,ol { list-style:square; 
        font-family: inherit;
        font-size: 100%;
}

li {
font-size:100%;
}


/*	GLOBAL SETTINGS
---------------------------------------------------------------------------- */

div.clear { clear: both; }


img.right {
	float: right;
	margin: 0 0 0 15;
}
img.left {
	float: left;
	margin: 0 15px 0 0;
}
a:link { text-decoration:underline; color: #3366FF; }
a:visited {text-decoration:underline; color: #996633; }
a:hover { text-decoration:underline; color: #FF0000; }

blockquote { margin-left: 18px; }

h1{
	font-size: 130%;
	margin-bottom: 4px;	
        color: #000066;
	padding-top: 4px;
        text-align:center;

}

h2{
	font-size: 120%;
	margin-bottom: 4px;	
        color: #6a6a5a;
	padding-top: 10px;

}

h3{
       font-size: 110%;
       margin-bottom: 3px;
       color: #6a6a5a;
       padding-top: 3px;
}

h4{
	font-size: 100%;
	margin-bottom: 3px;	
        color: #996600;
	padding-top: 3px;

}

h5{
	font-size: 90%;
        color: #224A7C;
}

h6{
	font-size: 80%;
        color: #224A7C;
}

/*   NORMSTY.CSS STYLES
---------------------------------------------------------------------- */

.NormalParagraph {
	font-family: Arial, Helvetica, sans-serif;
		text-indent: 12pt;
	padding: 3px;
	margin-top:3px;
	}


.FlushParagraph {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	padding: 3px;
}

.QuoteParagraph {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 3px;
	margin-right: 12px;
	margin-bottom: 0pt;
	margin-left: 12px;
	padding: 3px;
}

.HeadingParagraph {
	font-family: Arial, Helvetica, sans-serif;
		margin-top: 6px;
	padding: 3px;
	font-weight: bold;
}


.Marg {
       padding: 3px;
       margin-left: 20px;
       font-size: 100%;
}


.Marg {margin-left:10px;}
.MargSpace {margin-left:20px; margin-top: 10px;}
.marg10 {margin-left:10px;}
.marg20 {margin-left:20px;}
.marg120 {margin-left:120px;}
.marg160 {margin-left:160px;}


.FlushParagraphNoSpace {
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
}


.HeadParaXSpace {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 12px;
	padding: 3px;
	font-weight: bold;
}


.intro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	margin-top: 3px;
	font-style: italic;
	padding: 3px;
	text-align: left;
}

.norm {color:black; padding-top:10px;}

.bullet2 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-left: 24px;
	list-style-position: outside;
	padding: 0px 0px 0px 3px;
	text-indent: -6pt;
	list-style-type: disc;
}

.footnote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	padding: 3px;
	vertical-align: super;

}
.spacebefore {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12pt;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 24px;
}

.centerparagraph {
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
}

.TitleParagraph {

	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	padding: 3px;
	margin-top 3px;
	margin-bottom: 6px;
}

.descript {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-indent: 12pt;
	padding-right: 3px;
	padding-left: 3px;
}

.headings {
	font-family: Arial, Helvetica, sans-serif;
		margin-top: 3px;
	padding: 3px 3px 3px 30px;
	font-weight: bold;
}

.Indent1 {
	font-family: Arial, Helvetica, sans-serif;
		margin-top: 3px;
	padding: 3px 3px 3px 20px;
}

.Indent2 {
	font-family: Arial, Helvetica, sans-serif;
		margin-top: 3px;
	padding: 3px 3px 3px 40px;
}



/*	MAIN LAYOUT
---------------------------------------------------------------------------- */

body {background: #F8F2D8;
        color: black; 
        text-align: left; 
        font-size: 13px;
        line-height: 120%; 
        padding-top: 0px; 
}


#wrapper {
	margin: 10px auto;
	width: 90%;
	min-width: 800px;
	width: 890px;
}


/*	HEADER
---------------------------------------------------------------------------- */

#header {
	height: 160px;
	position: relative;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}
#header h1 {
	width: 890px;
	height: 160px;
	text-indent: -33000px;
	background: url(../images/HeaderGraphic.jpg) no-repeat top left;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}


/*	MENU
---------------------------------------------------------------------------- */

#mainlevel {
	border-bottom: 1px solid #40577e;
	overflow: hidden;
	background: #00285c url(../images/menu_li_bg.jpg) repeat-x top left;
	color: #fff;
}
#mainlevel li {
	display: block;
	float: left;
	padding: 10px 10px 7px 10px;
	border-right: 1px solid #00285c;
	background: url(../images/menu_bg_li.jpg) repeat-x top left;

}
#mainlevel li:hover {
	color: #abd4ff;
	background: url(../images/menu_li_bg_hover.jpg) repeat-x top left;
}
#mainlevel a {
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: bold;
}http://www.davidhilfiker.com/hilfiker/administrator/index.php#
#mainlevel a:hover {
	color: #ffffcc;
}

/*	CONTENT
---------------------------------------------------------------------------- */

#container {
	background: #fff none;
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
}

	body.rightsidebar #container, body #container {
		background: #fff url('../images/david_sidebars.jpg') repeat-y top right;	
	}

#container #content {
	width: 720px;
	float: left;
	padding: 15px;
	margin-bottom: 15px; 
	border-radius: 0 0 0 10px;
	-moz-border-radius: 0 0 0 10px;
}

/* 	body.leftsidebar #container #content #page, body.leftsidebar #container #content .blog {
		margin-left: 170px;
	}
*/

	body.leftsidebar #container #content { width: 550px; }

#content #info {
	padding: 20px 0px 10px 20px;
	background: #eee;
	margin: 20px 20px 0px 20px;
	background: #fff;
	border: 1px solid #cbb676
}
#content #info p {
	padding: 0 30px 5px 210px;
	line-height: 120%;
}
#content #info blockquote { color: #4c7ca1; margin-left: 15px; }

#content .contentpaneopen {
	padding: 0px 20px 0 20px;
	line-height: 115%;
}
#content .contentpaneopen .contentheading, .componentheading {
	color: #00285c;
	font-weight: bold;
	padding-top: 20px;
}
#content .contentpaneopen p {
	font-size: 100%;
        line-height: 17px;
        padding-top: 10px;
}
#content .contentpaneopen .createdate {
	text-transform: uppercase;
	color: #00285c;
	font-size: 70%;
}
#content .contentpaneopen .readmore {
	padding: 40px;
        font-size: 90%;
	display: block;
	color: #00285c;
}

/*	-CONTACTS
---------------------------------------------------------------------------- */

#contacts  {
	background: #606060;
	padding: 20px 20px 10px 20px;
}

/*	SIDEBAR
---------------------------------------------------------------------------- */

#sidebar {
	width: 150px;
	float: right;
}

#sidebarleft { width: 150px; padding: 10px; float: left; }

#sidebar div.search {
	margin: 20px 20px 20px 20px;
}

#sidebar div.search input {
	width: 120px;
	border: 1px solid #b39437;
	padding: 5px 0 3px 5px;
	font-size: 90%;
	font-weight: bold;
	color: #4c7ca1;
}

#sidebar #submit_button {display: none;
}

#sidebar .moduletable-cb-mod h3 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #b39437;
}

#sidebar div.moduletable-cb-mod {
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background: url(../images/david_module_bg.jpg) no-repeat top left;
	font-size: 90%;
	color: #fff;
	border-bottom: 1px solid #b39437;
}

#sidebarleft div.moduletable-cb-mod {
	margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
	background: url(../images/david_module_bg.jpg) no-repeat top left;
	font-size: 90%;
	color: #fff;
	border-bottom: 1px solid #b39437;
}

#sidebar .moduletable-right {
	margin: 5px 5px 5px 15px;
	background: #cccc99 url("../images/david_module_bg.jpg") no-repeat scroll left top;
	color: #000000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 125px;
	padding: 5px;
}

#sidebarleft .moduletable-left {
	margin: 5px 5px 5px 5px;
	background: #6fb6e4 url("../images/david_module_bg.jpg") no-repeat scroll left top;
	color: #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	width: 100px;
	padding: 5px;
}

#sidebar .moduletable-right h3 {
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #0084be;
	font-size: 110%;
}

#sidebarleft .moduletable-left  h3 {
	margin: 0 0 5px 0;
	padding: 10px 10px 5px 10px;
	border-top: 1px solid #0084be;
	font-size: 110%;
}

#sidebar .moduletable-right p {
	padding: 3px;
	
}

#sidebarleft .moduletable-left p {
	padding: 0px 10px 0px 10px;
	
}

#sidebar .moduletable-right h1 {
	padding: 0px 10px 10px 10px;
	font-size: 130%;
	line-height: 120%;
        text-align:center; 
}

#sidebarleft .moduletable-left h1 {
	padding: 0px 10px 10px 10px;
	font-size: 130%;
	line-height: 120%;
        text-align:center; 
}

#sidebar .readmore {
	border: 1px solid #b39437;
	padding: 5px 5px 2px 5px;
	background: url(../images/sidebar_readmore_bg.jpg) repeat-x top left;
	font-size: 80%;
	color: #fff;
}

#sidebarleft .readmore {
	border: 1px solid #b39437;
	padding: 5px 5px 2px 5px;
	background: url(../images/sidebar_readmore_bg.jpg) repeat-x top left;
	font-size: 80%;
	color: #fff;
}

.mod_events_latest_first, .mod_events_latest { font-size: .8em; padding: 10px 5px; }
	.mod_events_latest { border-top: 1px solid #B39437; }


/*	FOOTER
---------------------------------------------------------------------------- */

#footer {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 90%;
	color: #b5973c;
        font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
}

input, textarea { border: 1px solid #b39437; background: #eeeeee; }

a.creditlink { color: #B5973C; text-decoration: none; }

/* Atomicon */
#atomicongallery .thumbnail {
    background-color: transparent;
	background-repeat:  no-repeat;
	background-position: center center;
	display: table-cell;
	float: left;
    text-align: left;
    vertical-align: top;
    min-width: 48px;
	min-height: 48px;
}

#atomicongallery .thumbnail img {
	width: 100%;
	height: 100%;
	border: none;
}

#atomicongallery .clearfix {
	clear: both;
}

#atomicongallery .folder_up {
    padding: 5px;
    padding-left: 0px;
	margin: 0;
	margin-bottom: 5px;
	display: block;
}

#atomicongallery .folder {
	padding: 5px;
	margin: 0;
	margin-bottom: 5px;
	cursor: pointer;
}
#atomicongallery .folder .info {
	float: left;
	padding: 5px;
}

#atomicongallery .folder .info .title {
	font-weight: bold;
	display: block;
}

#atomicongallery .folder .info .description {
    display: block;
}

#atomicongallery .file {
	float: left;
	overflow: hidden;
	padding: 5px;
	margin: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}

#atomicongallery .footer {
	clear: both;
	display: block;
	text-align: center;
	padding: 5px;
}

#atomicongallery .footer a {
    background: transparent url('../images/atomicon16.png') no-repeat scroll top left;
    padding-left: 20px;
    height: 16px;
    color: #808080;
    text-decoration: none;
}

/* Menu style */

.ddmx17{
border:0px solid  !important ; 
}
.ddmx17 a.item1,
.ddmx17 a.item1:hover,
.ddmx17 a.item1-active,
.ddmx17 a.item1-active:hover {
 padding: 10px 10px 10px 10px  !important ; 
 top: 0px !important ; 
 left: 0px; 
 font-size: 14px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 color: #FFFF90 !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 position: relative; 
 background-image: URL("/modules/mod_swmenupro/images/8thday-menu-bg_1.jpg") ;
 background-color: #2F82CC !important ; 
}
.ddmx17 td.item11 {
 background-color: #2F82CC !important ; 
 padding:0 !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-bottom: 0px solid ;
 border-right: 0 !important ; 
 white-space: nowrap !important ; 
}
.ddmx17 td.item11-last {
 background-color: #2F82CC !important ; 
 padding:0 !important ; 
 border: 0px solid  !important ; 
 white-space: nowrap; 
}
.ddmx17 td.item11-acton {
 padding:0 !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 white-space: nowrap; 
 border-bottom: 0px solid ;
 background-color: #6BA6DE !important ; 
}
.ddmx17 td.item11-acton-last:hover,
.ddmx17 td.item11-acton-last {
 border: 0px solid  !important ; 
 background-color: #6BA6DE !important ; 
}
.ddmx17 .item11:hover,
.ddmx17 .item11-acton:hover,
.ddmx17 .item11-last:hover,
.ddmx17 .item11-acton-last a.item1,
.ddmx17 .item11-acton a.item1,
.ddmx17 .item11-acton-last a:hover,
.ddmx17 .item11-acton a:hover,
.ddmx17 .item11 a:hover,
.ddmx17 .item11-last a:hover,
.ddmx17 a.item1-active,
.ddmx17 a.item1-active:hover {
background-image: URL("/modules/mod_swmenupro/images/8thday_menu_bg.jpg") ;
 color: #FFFFFF !important ; 
 background-color: #6BA6DE !important ; 
}
.ddmx17 a.item2,
.ddmx17 a.item2:hover,
.ddmx17 a.item2-active,
.ddmx17 a.item2-active:hover {
 padding: 7px 7px 7px 7px  !important ; 
 font-size: 12px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: left !important ; 
 font-weight: bold !important ; 
 text-decoration: none !important ; 
 display: block; 
 white-space: nowrap; 
 opacity:0.85; 
}
.ddmx17 a.item2 {
 background-image: URL("/modules/mod_swmenupro/images/8thday_menu_bg.jpg") ;
 background-color: #FFF2AB !important ; 
 color: #FFFFFF !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-right: 0px solid  !important ; 
}
.ddmx17 a.item2-last {
 background-image: URL("/modules/mod_swmenupro/images/8thday_menu_bg.jpg") ;
 background-color: #FFF2AB !important ; 
 color: #FFFFFF !important ; 
 border-bottom: 0px solid  !important ; 
 z-index:500; 
}
.ddmx17 a.item2:hover,
.ddmx17 a.item2-active,
.ddmx17 a.item2-active:hover {
 background-image: URL("/modules/mod_swmenupro/images/8thday-menu-bg_1.jpg") ;
 background-color: #FFFFCC !important ; 
 color: #FFFF90 !important ; 
 border-top: 0px solid  !important ; 
 border-left: 0px solid  !important ; 
 border-right: 0px solid  !important ; 
}
.ddmx17 .section {
 border: 0px solid  !important ; 
 position: absolute; 
 visibility: hidden; 
 display: block; 
 z-index: -1; 
}
.ddmx17 .subsection a{
 white-space:normal !important; 
}
.ddmx17frame {
 border: 0px solid  !important ; 
}
.ddmx17 .item11-acton-last .item1 img.seq2,
.ddmx17 .item11-acton .item1 img.seq2,
.ddmx17 img.seq1
{
 display:    inline; 
}
.ddmx17 a.item1:hover img.seq2,
.ddmx17 a.item1-active img.seq2,
.ddmx17 a.item1-active:hover img.seq2,
.ddmx17 a.item2:hover img.seq2,
.ddmx17 a.item2-active img.seq2,
.ddmx17 a.item2-active:hover img.seq2
{
 display:    inline; 
}
.ddmx17 img.seq2,
.ddmx17 .item11-acton-last .item1 img.seq1,
.ddmx17 .item11-acton .item1 img.seq1,
.ddmx17 a.item2:hover img.seq1,
.ddmx17 a.item2-active img.seq1,
.ddmx17 a.item2-active:hover img.seq1,
.ddmx17 a.item1:hover img.seq1,
.ddmx17 a.item1-active img.seq1,
.ddmx17 a.item1-active:hover img.seq1
{
 display:   none; 
}

/* other fixes */
td { padding: 5px; }
	.ddmx17 td { padding: 0; }

.cols2 { width: 49%; float: left; padding-left: 5px; }
img { max-width: 110%; }

.article_row {clear: left; }