/* Main CSS */
html, body{
    background:#FFF top repeat-x;
    color:#666;
    margin:0px;
    padding:0px;
    font-size:12px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    line-height:20px;
}

a:link, a:visited, a:hover, a:active{
    text-decoration:none;
    color:#666;
}

h1{
    font-size:20px;
    font-weight:bold;
}

h2{
    font-size:18px;
    font-weight:bold;
	color:#009608;
	
}

h3{
    font-size:14px;
    font-weight:bold;
    display:inline;
}

input{
	font-size:22px;
	border:1px #CCC solid;
	background:#EEE;	
}

textarea{
	font-size:22px;
	border:1px #CCC solid;
	background:#EEE;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

label{
	float:left;
	text-align:right;
	width:150px;
	margin:0 20px 0 0;
}


/* ID's */

#page{
    width:785px;
    margin:5px auto 0 auto;
    padding:0 0 30px 0;
    background:none;
	background:url(../img/back_menu.jpg) repeat-y;
}

#header{
    position:relative;
    width:880px;
}

    #header a:link, #header a:visited{
    }

    #header a:active, #header a:hover{
    }

#menu{
    position:relative;
    width:785px;
	color:#FFF;
    text-align:center;
	margin:0;
    padding:5px 0 5px 0;
	font-size:18px;
	color:#009608;
	border-top:1px #66cccc solid;
	border-bottom:1px #66cccc solid;
}

	#menu li{
		display:inline;
		list-style:none;
	}		

    #menu li a:link, #menu li a:visited{
		color:#009608;
        display:inline;
        padding:0 30px 0 30px;
        margin:0;
    }

    #menu li a:active, #menu li a:hover{
		color:#444;
    }

#sub_menu{
    position:relative;
	color:#FFF;
    text-align:center;
	margin:0;
    padding:0;
	float:right;

}

    #sub_menu a:link, #sub_menu a:visited{
		display:block;
		float:left;
		width:110px;
		height:21px;
		background:url(../img/back_sub_menu_item.gif) no-repeat top;
        color:#3366CC;
        font-size:11px;
		font-weight:bold;
        display:inline;
        padding:2px 0 0 0;
        margin:0;
		text-decoration:none;
    }

    #sub_menu a:active, #sub_menu a:hover{
		color:#AAA;
    }


#content_container{
    width:785px;
	margin:auto;

}

#content{
    float:left;
    width:765px;
	min-height:300px;
	height:auto !important;
	height:300px;
	padding:10px;
    background:url(../img/back_beer.jpg) no-repeat bottom right;
	font-size:14px;
	font-weight:bold;
    color:#444;
}

    #content a{
        text-decoration:underline;
    }

#footer{
    width:860px;
    padding:0 10px 0 10px;
	font-size:11px;
    margin:auto;
    color:#444;
    text-align:center;
}

    #footer a:link, #footer a:visited{
        color:#666;
        text-decoration:none;
        padding:0px 5px 0px 5px;
    }

    #footer a:active, #footer a:hover{
        color:#999;
    }


/****** CLASSES ********/


.c1{
    float:left;
    width:200px;
    padding:50px 0 0 0;
}

.c2{
    float:left;
    width:450px;
    padding:0px 45px 45px 45px
}

.c3{
    width:780px;
    text-align:center;
}

.c4{
    margin:0 5px 0 0;
    text-align:left;
    float:left;
}

.error{
    font-weight:bold;
    color:#FF6600;
}


.clear{
    clear:both;
}

.clear_left{
    clear:left;
}

.clear_right{
    clear:right;
}

/* Custom Classes */

.obit_content_left{
    vertical-align:top;
    font-size:12px;
    width:350px;
    padding:0 10px 0 50px;
}

    .obit_content_left h2{
        border-bottom:1px solid #CCC;
    }

.obit_content_right{
    vertical-align:top;
    font-size:12px;
    width:150px;
    padding:0 40px 0 20px;
}

table.obit{
    padding:0;
    margin:0 0 20px 0;
}

table.obit td{
    text-align:left;
    vertical-align:top;
    width:50%;
    padding:0;
    margin:0;
}