/* CSS Document for the "Urban Blue" CoffeeCup Software HTML Editor Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's 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: baseline;
}
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: ""}

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

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#4b3b46;}
a {outline:none; color:#808000}
	a:hover {color: #554450; text-decoration:none}
p {line-height:1.5em}
p1 {line-height:1.5em}
em {font-style:italic}

h1 {float:left; font-size:1.0em; color:#f7f7d5}
h2 {float:left; margin-top:5px; font-size:2.0em; text-transform:; font-weight:bold; color:#808000}
h3 {float:left; margin-top:5px; font-size:1.5em; text-transform:; font-weight:bold; color:#554450}

h4 {float:left; font-size:1.25em; color:#554450}
h5 {float:left; font-size:3; color:#808000}
h6 {float:left; font-size:3; color:#554450}

/*#######################
  Layout Styles 
#######################*/
 
#homepage {background:#fff url(../images/eggpattern2.jpg) left top repeat-x}

#img {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...)}

#wrapper {width:980px; overflow:hidden; margin:0 auto}
		#header {padding:0 85px; width:940px; height:75px; background: left top no-repeat}
	#homepage #header {float:left; display:inline; padding:0 25px 25px 25px; height:100px; color:#808000}
		
			#navigation {float:right; display:inline; margin-top:15px; width:500px}
				#navigation li {float:right; display:inline; margin-right:25px; text-transform:uppercase}
					#navigation li a {color:#f7f8d5; text-decoration:none}
						#navigation li a:hover {text-decoration:underline}

			#hero {padding-right:280px; width:360px}
            #hero image {float:right; }							
				#hero h2 {padding-top:10px; font-size:2.25em; color:#FFFFFF}
				#hero p {font-size:1.15em}
                
                #slideshow{margin: -30px 0 0 0; float: right; width: 375; position:relative;}
             
							
		#content {margin:175px 0 0 25px; width:940px}
			#content p, #content ul, #content dl, #content ol {margin:15px 0}
               #content p1 {margin:5px 0}
				#content ul li {margin:15px}
                
                #left_column {margin-top:150px; margin-right:10px; float:left; display:inline; width:600px}
                
				
			#right_column {margin-top:210px; float:left; display:inline; margin-left:25px; width:296px}
            #right_column h2 {font-size: 2.0em; color:#808000}
            #right_column h3 {font-size: 1.50em; color:#554450}
            #right_column h4 {font-size: 1.25em; color:#554450}
            #right_column a {color:#808000}
            #right_column a:hover {color: #554450;  text-decoration:none}
				#calendar_headline {padding:35px 0 5px 55px; background:url(../images/calendar.jpg) 0 50% no-repeat}			
				#calendar {list-style-type:none; font-size:12px}
					#calendar li {width:250px; padding:8px 8px 15px 8px}
						#calendar .alt {background-color:#ffffff; border-top:2px solid #ffffff}
					#calendar_button {width:266px; border-bottom:2px solid #113349; background:url(../images/calendar_button_bg.jpg) left top repeat-x}
						#calendar_button a {display:block; padding:15px 0; font-size:13px; font-weight:bold; text-align:center; color:#e3d7bf; background:url(../images/curved_arrow.jpg) 25px 10px no-repeat}
		
        
#footerleft1 {
	width:225px;
    margin: 10px 0px 5px 20px;
	padding: 0px 0px 15px 0px;
	float:left;
    display:inline;
}

.text1{
	float:left;
	width:200px;
    padding: 3px 3px 10px 3px;
}

#footermiddle1 {
	width:225px;
    margin: 10px 0px 5px 10px;
	padding: 0px 0px 15px 0px;
	float:left;
    display:inline;
}

.text1{
	float:left;
	width:200px;
    padding: 3px 3px 3px 3px;
}

#footerright1 {
	width:225px;
    margin: 10px 0px 5px 10px;
	padding: 0px 0px 15px 0px;
	float:left;
    display:inline;
}

.text1{
	float:left;
	width:200px;
    padding: 3px 3px 3px 3px;
}

.text2{
	float:left;
    width:200px;
    padding: 3px 3px 3px 3px;
    line-height:15px;
}

#footerleft2 {
	width:774px;
    margin: 10px 0px 5px 20px;
	padding: 0px 0px 15px 0px;
	float:left;
    display:inline;
}

  



/********************** footer ***************************/
#footer, #footer a {
	background-color: #614e5b;
    margin: auto;
	width: 980px;
	height: 300px;
    text-align:left;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f7f7d5;
}
#footer a:hover{
	color:#000000;
}