/*
THEME NAME: New Custom for ICMS
DESCRIPTION: Modified design built on sandbox skeleton
VERSION: 1.1
AUTHOR: JM West
AUTHOR URI: http://www.jmwest.com
*/

/*** OVERWRITE HTML TAG STYLES ****************************************************************/
* { margin:0; padding:0;}

/*** Set default font, line-height for body. Text-align center for IE6 if centering. Set back to left if needed in indiv sections */
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 76%; text-align: center; line-height: 1.2em; position: relative;} 

/*** default margins, padding for blocks ***/
div, h1, h2, h3, h4, h5, h6, p, table, ol, ul, fieldset, blockquote, li, hr, dt, dd, dl {position: relative;} /*mainly for ie z-index issues*/
h1, h2, h3, h4, h5, h6, p, table, ol, ul, fieldset{
	margin: .75em 0; /*use padding if need to avoid margin-collapse*/
	padding: 0;
	font-weight: normal; 
}
blockquote{margin: 1.25em 0 1.25em 25px; padding-left: 25px; } 
td {padding: 2px;}

/*** default font sizes and styles ***/
h1 { font-size: 1.8em; line-height: 1.4em;  margin-top: 1.25em;}
h2 { font-size: 1.6em; line-height: 1.4em;  margin-top: 1.25em;}
h3 { font-size: 1.4em; font-weight: bold; line-height: 1.4em; margin-top: 1.5em;}
h4 { font-size: 1.2em; font-weight: bold; font-style: italic; line-height: 1.3em; margin-top: 1.5em;}
p, td { font-size: 1.0em; line-height: 1.4em; }
li { font-size: 1.0em; line-height: 1.3em; margin: .5em 0;} 
ol, ul { padding: 0 0 0 15px;}

/*** default form tags ***/
input, select, textarea { font-size: 1em;}
option {margin-right: 10px;} /* options for select form field so end doesn't get cut off*/

/*** default links and misc tags ***/
a, a:link, a:visited {text-decoration: none;}   /* default link behavior */
p a, p a:link, p a:visited {}  /* paragraph link behavior */
a:hover {text-decoration: underline;} /* hover link behavior */
img { border: none; }	
hr {height: 1px; border: none;  margin: 3px 0; }
strong {font-weight: bold;}
em {font-style: italic;}

/*** default common style classes ***/
.clear {clear: both;}
.smaller {font-size: .9em;}
.smaller-still {font-size: .8em;}
.left {}
.right {}

/*** default colors for links and misc. ***/
blockquote {border-left: thick solid #999999;}
input, select, textarea {border-color: 1px solid #666666;}
input[type=file], input[type=image], input[type=radio]{ border: none;} /*not all browsers understand so may need to manually fix */
a, a:link, a:visited { color: #0000FF;}    /* default link text color */
hr {border-top: 1px solid #666666;}

/*** NAVBAR MENU ***************************************************************************/
/* CSS Document */
/* Horizontal Navigational Menubar with Submenus */

/* Main Horizontal NavBar and Menu */
#navbar {width: 100%; position: relative; z-index:100; height: 2em; /*font-size: .87em;*/}
div#menu { margin: 0 auto; z-index:120; width: 970px; position: relative; }
div#menu ul, div#menu ul ul { line-height:1em; list-style:none; margin:0; padding:0; }
div#menu ul {}

/* First Level Menu Item Styling */
div#menu ul li {float:left; margin:0; padding:0;}
div#menu ul a { display:block; margin:0; text-decoration: none; line-height: 1em; padding:.5em 2em; font-weight: bold;  }

/* Submenu Styling*/
div#menu ul li ul {width: 200px; text-align: left; left: -999em; position:absolute;}
div#menu ul li:hover ul { left: 0; } /* popup menu comes on-screen */
div#menu ul li ul li {width: 100%;}
div#menu ul ul ul a { font-style:italic;} /* Third level */

/* Backgrounds & colors */

div#navbar {background: #7cbc5b; border-top: 1px solid #000000; border-bottom: 2px solid #000000;} /*bar across screen or wrapper*/
div#menu { /*border: 1px solid #666666;*/ } /*bar across pagewidth*/
div#menu ul a {border-left: 1px solid #7cbc5b; border-right: 1px solid #7cbc5b; color: #000000} /* menu items style */
div#menu ul a:hover {border-left: 1px solid #000000; border-right: 1px solid #000000; background: white; color: #e02420;} /* menu item hover style */

div#menu ul li ul {width: 200px; border-top:2px solid #000000; background: #7cbc5b;}/*submenu style*/
div#menu ul li ul li a {border:1px solid #000000; border-top: none;} /*submenu item style*/
div#menu ul li ul li ul, div#menu ul li ul li ul li, div#menu ul li ul li ul li a {display: none;} /*hide third level*/
/*** OVERALL PAGE LAYOUT POSITIONING  ***************************************************************************/
div#container {float:right; width:100%; margin:0 0 0 -300px; }
div#content {padding:40px 30px 20px 30px;/* avoid margin collapse */margin:0 20px 0 300px;}
div.sidebar {float:left; overflow:hidden; width:270px; margin-left: 20px;}
div#secondary {clear:left;}
div#footer {clear:both;}
/* fluid width page */
/* #wrapper {min-width:760px; max-width:960px; width:auto !important; width:960px; text-align:left; margin:0 auto; position: relative;} */
/* .pagewidth {min-width:760px; max-width:960px; width:auto !important; width:960px; text-align:left; margin:0 auto; position: relative;} */
/* fixed width page */
.pagewidth {width: 960px; margin: 0 auto; position: relative; }
#main .pagewidth {padding-bottom: 25px;}
.narrowed {padding: 0px 30px;}

/*** Header area - set same height for #header, #header .pagewidth, #header-left, & #header-right ***/
/*** Set width of #header-left and #header-right to sum of page-width or 100% ***/
#logo {position: relative; /*width: 106px; height:239px; */width: 149px; margin: 0 auto;}

/*** Navbar Menu styling ***/
#menu {/*width: ;*/}
#navbar, div#menu {/*height: 3em;*/}

/*** Main content area ***/
#main {margin:0 auto; padding:0; overflow:auto; z-index:50; text-align: left; } /* navbar z-index 100 */
#main .pagewidth {overflow: auto; } /* so as not to have to clear */
.wp-caption {border: none; 	text-align: right;	}
.wp-caption img {margin: 0;	padding: 0;	border: 3px solid #cccccc;}
.wp-caption p.wp-caption-text {	text-align: right;}
/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
img.alignright {	padding: 0;	margin: 0 0 2px 7px;}
img.alignleft {	padding: 0;	margin: 0 7px 2px 0;}
.alignright {	float: right; margin: 0 0 4px 10px;	}
.alignleft {	float: left; margin: 0 10px 4px 0;	}
/* End Images */

/*** Sidebar area ***/
ul.xoxo {list-style: none;}
div#primary {}
#secondary {}
.sidebar h3 {font-size: 1.2em; font-family:Tahoma, Geneva, sans-serif; border-top: 1px solid #000000; margin-top: 2em; padding-top: .5em;}

/*** Footer area ***/
#footer {width: 100%; position: relative; text-align: center; font-size:.9em; padding: 10px 0; }
#footer p {text-align: center;}


/*** BACKGROUNDS & COLORS ***************************************************************************/
body { background: #7cbc5b; color: #000000;}
div#content h1, h2, h3, h4, h5 {color: #448025;}
div#content h1 {font-size: 1.8em;} div#content h2 {font-size: 1.6em;} div#content h3 {font-size: 1.4em;} div#content h4 {font-size: 1.2em;}
blockquote {border-left: thick solid #999999;}
input, select, textarea {border-color: 1px solid #666666;}
input[type=file], input[type=image], input[type=radio]{ border: none;} /*not all browsers understand so may need to manually fix */
a, a:link, a:visited { color: #0000FF;}    /* default link text color */
hr {border-top: 1px solid #666666;}
#main{ background: url(images/bg.png) repeat left top;}
#main .pagewidth {background: #ffffff;border-left: 1px solid #000000; border-right: 1px solid #000000; }

/*** WP Headers ***/
h2.entry-title {font-weight: bold; text-align: center;}
h1.entry-title {font-weight: bold; text-align: center;}
/*#main .sidebar, #main .sidebar h1, #main .sidebar h2, #main .sidebar h3, #main .sidebar h4, #main .sidebar h5 {color: #413aa4;}
#primary h3.widgettitle {font-size: 1.8em; font-weight: normal;}*/
#header {}
/*div#navbar {border:none; color: #000; } /*bar across screen or wrapper*/
/*div#menu {background: url(images/bg-menu.png) no-repeat; height: 60px; padding: 20px 35px; font-size: 1.1em; margin-top: 40px;} /*border: 1px solid #666666;*/  /*bar across pagewidth*/
div#menu ul a {color: #000000;/*background: none; border: none; color: #c8f1a8;  font-weight: bold; text-transform:uppercase;*/} /* menu items style */
div#menu ul a:hover {/*background: url(images/kp-hover-yarn.png) no-repeat center top; color: #c8f1a8;*/} /* menu item hover style */
#main {/*background-color: #b9f68a; border-top: 4px solid #b551ae; border-bottom: 4px solid #b551ae;*/ } /* background for main middle section of page - nothing will take on body bg */

/*top and bottom padding is needed for height of image for curved corners*/
#main {} 
#container {}
#content {}
#footer {color: #000000; padding: 20px 0; border-top: 2px solid #000000; background: #7cbc5b} /*background for footer. If page is short, make sure bg of footer blends with body/wrapper bg.*/
#footer a,#footer a:link, #footer a:visited, #footer a:hover {color: #ffffff;}