/* CSS Document */

/*##############################################################
  Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}
strong {font-weight:bold}

/*#######################
  Element Styles 
#######################*/

body {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; background:#fff url(../images/vert_bgtile2.jpg) left top repeat-x}
a {outline:none; color:#ffcc00}
	a:hover {text-decoration:none}
p {line-height:1.3em; margin:15px 0 0 50px}
small {font-size:.95em}
em {font-style:italic}

h3 {font-size:1.25em; font-weight:bold; color:#7d6185; margin:15px 5px 0px 15px}
h4 {clear:both; font-size:1.00em; font-weight:bold; color:#cd7729; margin:5px 0px 0px 25px}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {overflow:hidden; margin:0 auto; width:920px}
	
	#header {padding:10px; width:900px}
		#header img {float:left; display:inline; margin:5px 10px 15px 0; width:50px}
     /*   #header h1 {float:left; margin:15px 0; font-size:1.5em; font-weight:bold; color:#34886c}*/
        h1 {float:left; display:inline; padding:20px 300px 38px 20px; font-size:1.15em; font-weight:bold; color:#444; background:url(../images/iris-moon-logo-small.png) left 50% no-repeat}
      /*  #logo {clear:both; padding:15px; width:300px; height:70px; color:#fff; background:#fff url(../images/iris-moon-logo-small.png) left bottom no-repeat}*/
		#navigation {float:right; display:inline; margin:15px 0}
			#navigation li {display:inline; margin-left:10px; font-size:1.15em; font-weight:bold}
				#navigation li a {text-decoration:none}
					#navigation li a:hover {text-decoration:underline}
			#navigation #category_link {position:relative}
					
						/* Drop-Down Category Menu */												
						#group_list {position:absolute; top:auto; left:-999em; padding:10px 0; width:140px; background-color:#ffcc00}
						#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
						#group_list li {width:140px; margin:0; margin-bottom:10px; font-size:.95em; font-weight:normal; text-transform:none}
							#group_list li a {display:block; padding:5px 5px 5px 15px; text-decoration:none; color:#7d6185}
								#group_list li a:hover {text-decoration:underline}
		/* Content */															
	#content {clear:both; float:left; display:inline; padding:10px; width:900px; background-color:#f6faf6}
            /* Header */	
		#hero {clear:both; padding:5px; width:890px; height:160px; color:#fff; background:#7d6185 url(../images/website-home-header-011912.jpg) left top no-repeat}
			#home #content #hero h2 {font-size:1.5em; float:right; display:inline; margin:10px 0 0 0; padding:0; text-align:right; color:#fff; background:none}
			#hero p {clear:both; float:right; width:370px; font-size:1.3em; line-height:1.3em; text-align:right; color:#fff}
			
		#home #content h2 {clear:both; margin:10px 0 0 0; padding:0; font-size:1.3em; font-weight:bold; color:#7d6185; background:none}
		#content h2 {margin-bottom:10px; width:880px; padding:10px; font-size:1.3em; font-weight:bold; color:#fff; background-color:#7d6185}
       /* #content img {clear:right; float:right; display:inline; margin:0px 0px 10px 10px; border: 1px solid #666; padding: 3px} */
         #content li { font-size: 12px; font-weight: normal; padding-left: 25px;; margin:5px 2px 2px 2px; }
        #content media {clear:right; float:right; display:inline; margin:0px 0px 10px 10px; border: 1px solid #666; padding: 3px}
		/* Form Styles 
		#content input, textarea {width:350px}	
		#content input#submit {width:auto; font-weight:bold}	*/
    #content .one_column {float:left; display:inline; width:650px; height:140px; border: 1px solid #ccc; margin:20px 2px 3px 100px; padding: 1px 5px 5px 50px}
    #content .one_column h4 a {display:block; padding:1px 5px 5px 50px; text-decoration:underline; color:#cd7729}
							#content .one_column h4 a:hover {text-decoration:underline}
                            
		#content .one_column2 img {float:left; display:inline; margin:10px 15px 15px 5px}	
        
            #content .one_column2 {float:left; display:inline; width:650px; height:140px; border: 1px solid #ccc; margin:20px 2px 3px 100px; padding: 1px 5px 5px 50px}
    #content .one_column2 h4 a {display:block; padding:1px 5px 5px 50px; text-decoration:underline; color:#cd7729}
							#content .one_column2 h4 a:hover {text-decoration:underline}
		#content .one_column2 img { float:left; display:inline; margin:10px 15px 15px 5px}	
    										
	#content .three_columns {float:left; display:inline; width:286px; height:200px; border: 2px solid #cccccc; margin:0 2px 10px 2px; padding: 3px 0px 0px 5px; background-color:#E3D8E4}
    #content .three_columns h3 a {display:block; padding:1px 5px 5px 20px; text-decoration:underline; color:#ffcc00}
							#content .three_columns h3 a:hover {text-decoration:underline}
		#content .three_columns img {float:left; display:inline; margin:15px 15px 40px 5px}	
       #content .three_columns a {outline:none; color:#cc7729}
	#content .three_columns a:hover {text-decoration:none}
    #content .three_columns ul {padding-left: 50px; list-style-type: square; color:#cc7729 }
        #content .three_columns li

        #content .three_columns li a { font-size: 12px; font-weight: normal; padding-left: 1px; margin:5px 2px 2px 2px; color:#cc7729;}

	#content .three_columns_long {float:left; display:inline; width:289px; height:310px; border: 1px solid #999999; margin:0 2px 10px 2px; padding: 3px 0px 0px 5px; background-color:#E3D8E4}
    #content .three_columns_long h3 a {display:block; padding:1px 5px 5px 15px; text-decoration:underline; color:#cd7729}
							#content .three_columns_long h3 a:hover {text-decoration:underline}
		#content .three_columns_long img {float:left; display:inline; margin:15px 15px 25px 5px}	
       #content .three_columns_long a {outline:none; color:#cc7729}
	#content .three_columns_long a:hover {text-decoration:none}
    #content .three_columns_long ul {padding-left: 50px; list-style-type: square; color:#7d6185}
        #content .three_columns_long li{padding-left: 0px: color:#7d6185 }

        #content .three_columns_long li a { font-size: 12px; font-weight: normal; padding-left: 1px; margin:5px 2px 2px 2px; color:#cc7729;}

        /*  #footer {clear:both; padding:0px 0 20px 0; font-size:.85em; font-style:italic; color:#000000; width:900px; margin:10px auto; }*/
      
        #footer			{ clear:both;  background: #7d6185; border-bottom: 2px solid #999; clear: middle; width:900px; margin:20px 0px 5px 0px }
		#footer a		{ color: #eee; }
		#footer	p		{ color: #ccc; margin: 3px; padding: 4px 18px 0px; }
		#footer ul		{ border-bottom: 1px solid #555; list-style: none; margin: 5px 15px 5px; padding: 5px 0 10px; }
		#footer li		{ display: inline; font-size: 11px; font-weight: bold; padding-right: 5px; }