/*   
Theme Name: GCNB Theme
Theme URI: www.gcnb.org
Description: Theme for Grace Church of New Berline, WI
Author: Lukas Sparks
Author URI: www.sparksmedia.net
Template:
Version: 1.0
.
General comments/License Statement if any.
.
*/

html{
	margin:0;
        padding:0;
}

#contact #rightside form{
font-family: Lucida Grande,Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align:left;
font-size:.7em;
padding:10px;
border:1px solid #adadad;
background-color:#eee;
margin:15px 5px 20px 5px;
}

#contact #rightside form input{
margin:5px;
#events #wrapper #leftside #navcontainer #navlist  .events a,}

#home #wrapper #leftside #navcontainer #navlist .home a,
#driving #wrapper #leftside #navcontainer #navlist .driving a,
#about #wrapper #leftside #navcontainer #navlist  .about a,
#events #wrapper #leftside #navcontainer #navlist  .events a,
#contact #wrapper #leftside #navcontainer #navlist .contact a,
#order #wrapper #leftside #navcontainer #navlist .order a,
#services #wrapper #leftside #navcontainer #navlist .services a,
#weddings #wrapper #leftside #navcontainer #navlist .weddings a{
   color: #fff;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
		  background-image: url(../images/bbg.jpg);
}

/*#rightside img{
       float:right;
        margin:20px;
}*/

body{
margin:0;
padding:0;
background-image: url(images/bg2.jpg);
background-color: #fff;
background-position: top;
background-repeat: repeat-x;
margin:0;
}

img{
	margin:0;
}

#accessibility
{
	position: absolute;
	top: -10000px;
}

 #header{
background-image: url(images/top.jpg);
background-position: top;
background-repeat: no-repeat;
background-color:#3058AD;
padding:0;
height:180px;
margin: 0 auto 0 auto;
z-index:1;
}

ul li{
        font-family:Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size:.9em;
        text-align:left;
        color:#333;
        padding:5px 5px 5px 0;
list-style-image: url(images/0146_blue-bullseye.png);

}

#logo{
	float:left;
	display: inline;
	margin:98px 0 0 23px;
	width:349px;
	height:70px;
}

#logo img{
	border:0;
}

#topbar{
	background-image: url(images/coltop.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width:730px;
	padding:0;
	height:50px;
	margin: 0 auto 0 auto;
	z-index:10;
}

#wrapper{
	/*border: 1px solid blue;*/
	width:760px;
	margin:0 auto 10px auto;
	padding:0;
	background-image: url(images/back.jpg);
	background-repeat: repeat-y;
}

#content{
	margin: 0 auto 0 auto;
	border: 1px solid purple;
	padding:0;
	width:760px;
	z-index:25;
}


 
#rightside{
	float:right;
	width:500px;
	text-align: center;
	padding:0;
	display: inline;
	margin:0 40px 0 0;
}

#leftside{
	width:180px;
	margin:0 0 0 9px;
	padding:0;
	float:left;
	display: inline;

}

#add{
	background-image: url(images/grad.jpg);
	width:160px;
	padding:20px 10px 10px 20px;
	wi/dth:180px;
	font-family:Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#646464;
	height:227px;
	background-repeat: no-repeat;
	float:left;
	display: inline;
	text-align: left;
}

.right_photo{
	float:right;
	display:inline;
	padding:5px;
	margin:10px;
	background-color: #eee;

}

#footer{
	height:70px;
	background-image: url(images/footer.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
background-color:#3058AD;
	clear: both;
	padding:0 30px 0 30px;
	text-align:center;
}

#address{
	font-family: Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:.7em;

	color:#F0E8D9;
	font-style: italic;

}

#validate{
	font-size:.7em;
	
}

/*-----------Menu-----------*/

#navcontainer {

        width: 180px;
        margin: 0 auto;
        padding:0;
        font-family: georgia, serif;
        font-size: 15px;
        text-align: center;
}

ul#navlist {
        text-align: left;
        list-style: none;
        padding: 0;
        margin: 0 auto;
        width: 100%;
}

ul#navlist li {
        display: block;
        margin: 0;
        padding: 0;
}

ul#navlist li a {
        display: block;
        width: 170px;
		  wi/dth:180px;
        padding: 3px 0 3px 8px;
		  /*margin: 0.3em 0 0.3em 1em;*/
        border-width: 1px;
        border-color: #ffe #fff #ccc #fff;
        border-style: solid;
        color: #555;
        text-decoration: none;
        background: #f7f2ea;
		  background-image: url(images/bbg1.jpg);
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a {
        
       color: #2951A4;
       font-weight: bold;
		 
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
        color: #fff;
        background: transparent;
        border-color: #aaab9c #fff #fff #ccc;
		  background-image: url(images/bbg.jpg);
}
/*-----------------------------------------*/

/*-----------Text Definitions-----------*/


p{
	font-family: "Trebuchet MS",Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:.8em;
	color:#333;
	text-align: left; 
        matrgin:0;
        padding:0;
}

#rightside p{
	font-family: "Trebuchet MS",Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:.8em;
	color:#333;
	text-align: left; 
        margin:5px 0 20px 0;
        padding:0;
}

strong{
         margin:0 0 10px 0;
}

h1{
	font-family:Georgia,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-decoration: none;
	color:#273B7D;
	padding:0;
	margin:15px 0 20px 0;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	letter-spacing: .05em;
}

h2{
	font-family:Georgia,Verdana, serif;
	font-size:.8em;
	text-decoration: none;
	color:#000000
	padding:0;
	margin:10px 0 0 0;
	text-align: left;
	font-weight: bold;
}

h3{
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.7em;
	text-decoration: none;
	color:#646464;
	font-weight: bold;
	padding:0;
	margin:4px 0 10px 0;
        text-align: left;
}

#events strong{
	font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:.9em;
	text-decoration: none;
	color:#646464;
	font-weight: bold;
	padding:0;
	margin:0 0 0 0;
        text-align: left;
}

.leftside{
	text-align: left;
}

.alignright{
float:right;
}


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