/*<group=Global Classes>*/

.b {
	font-weight: bold;
}

.u {
	border-bottom: 2px #92816a solid;
}

.i {
	font-style: italic;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

#contentContainer h1 {
	font-size: 20px;
}

#contentContainer h2 {
	font-size: 15px;
}

#contentContainer h3 {
	font-size: 12px;
}

#contentContainer h4 {
	font-size: 10px;
}

a {
	text-decoration: none;
}

img {
	border: none;
}

/*	CLASSES for Colors and font controls - used in the content area	*/

.color1 {
/* Edit {{content_font_color1:color: XXX;:This is color #1, used assign by class="color1 ..." throughout your site.;}} << */
	color: #d1bb9d;
}

.color2 {
/* Edit {{content_font_color2:color: XXX;:This is color #2, used assign by class="color2 ..." throughout your site.;}} << */
	color: #560000;
}

.color3 {
/* Edit {{content_font_color3:color: XXX;:This is color #3, used assign by class="color3 ..." throughout your site.;}} << */
	color: #333333;
}

.color4 {
/* Edit {{content_font_color3:color: XXX;:This is color #3, used assign by class="color3 ..." throughout your site.;}} << */
	color: #92816a;
}

.b {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}
.sizea {
	font-size: 75%;
}

.sizez {
	font-size: 125%;
}

/*</group>*/


/*<group=Layout>*/

.clearer { clear: both; }

/*</group>*/

/*	IMAGE Classes 	*/

.imgr, .imgl {
	margin: 20px;
	padding: 5px;
}

.imgr {
	float: right;
	width:auto;
}

.imgl {
	float: left;
	width:auto;
}

.imgr2, .imgl2 {
	margin: 10px;
	padding: 10px;
}

.imgr2 {
	float: right;
	width:auto;
}

.imgr3 {
	float: right;
	width: auto;
	margin: 25px 6px 0px 0px;
}

.imgl2 {
	float: left;
	width:auto;
}

.imgl3 {
	margin: 0px;
	padding: 0px 6px;
	float: left;
	width: auto;
}

/*	content Classes 	*/

.contentheading {
	font-size: 150%; 
	font-weight: bold;
	padding:0px 0px 0px 10px;
}

.elementheading {
	font-size: 100%; 
	font-weight: bold;
	padding:0px 0px 0px 10px;
}

.content, .content3, .content2 {
	margin: 5px 25px;
	line-height: 20px;
	font-size: 100%;
}

.content2 {
	margin: 10px 25px 0px;
}

.content3 {
	margin: 20px 10px 0px;
}

.spot-light {
	width: 246px;
	margin: 0px 0px 0px 12px;
	line-height: 12px;
	color: #FFFFFe;
}

.up-events {
	width: 246px;
	margin: 0px 0px 0px 12px;
	line-height: 12px;
}

.special-link {
	width: 246px;
	margin: 0px 0px 0px 12px;
	line-height: 12px;
}

.content5 {
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	font-size: 12px;
}

hr {
	width: 75%;
	text-align: center;
	height: 1px;
	border-bottom: #ccc 1px solid;
}

.subtle  {
	color: #888;
	font-style: italic;
	margin: 20px;
	text-align: center;
	padding: 10px;
}

.note {
	border-bottom: #eee 1px solid;
	border-top: #eee 1px solid;
	font-size: 10pt;
	padding: 20px;
	padding-top: 30px;
	margin: 10px;
	color: #666666;
	margin-bottom: 25px;
	background: URL(http://www.discoverdeland.org/_css/none) repeat-x top;

}

.note2 {
	background: #efefef;
	font-size: 10pt;
	padding: 10px 10px 10px 70px; 
	margin: 10px;
	color: #7384A5;
	margin-bottom: 25px;
	font-weight: normal;
	background: #eee URL(../../yourownsite.com/_templates/images/note_img2.gif) no-repeat 20px 15px;
	border-right: 2px #ccc solid;
	border-bottom: 3px #ccc solid;
}

.alert {
	color: #565656 ;
	font-size: 10pt;
	margin: 10px;
	padding: 10px 10px 10px 70px; 
	background: #eee URL(../../yourownsite.com/_templates/images/alert_img2.gif) no-repeat 20px 15px;
	border-top: 1px #ccc solid; 
	border-bottom: 2px #ccc solid; 
	margin-bottom: 25px;
	font-style: italic;
}

.error {
	background: #F4CCD2;
	color: #BE4254 ;
	font-size: 10pt;
	margin: 10px;
	padding: 10px 20px 10px 80px; 
	background: #F4CCD2 URL(../../yourownsite.com/_templates/images/error_img2.gif) no-repeat 20px 15px;
	border-top: 2px #EF847B dashed; 
	border-bottom: 2px #EF847B dashed; 
	font-weight: normal;
	margin-bottom: 25px;
}

/* BLOCKQUOTE formatting */

blockquote {
	margin: 20px;
	padding: 20px; 
	background: #efefef ;
	border: #ddd solid 2px;
	line-height: 20px;
	width:80%;
}

.blockquote {
	font-size: 10pt;
	margin: 20px;
	padding: 20px 20px 20px 80px; 
	background: #efefef URL(../../yourownsite.com/_templates/images/blockquotea.gif) no-repeat 25px 20px;
	margin-bottom: 25px;
	color: #585858;
	border: 0;
}

.blockquote2 {
	margin: 20px;
	border: 0;
	font-size: 10pt;
	padding: 25px 40px; 
	background: none;
	margin-bottom: 25px;
	border-top: 2px #B5B8C0 solid; 
	border-bottom: 2px #B5B8C0 solid; 
	color: #585858;
}

/*	common form setup 	*/

.form {
	width: 350px; 
	padding: 10px 30px; 
	border: #CAAB86 3px solid;
	text-align: left;
	margin: 10px auto;
	
}

.form .input, .form .textarea , .form .select {
	border: 3px #ddd solid;
	width: 250px;
	padding: 5px;
	margin-top: 5px;
}

.form .select option{
	background: #eee;
	margin: 2px;
}

.form .required {
	background-image: URL(../../yourownsite.com/_templates/images/background/back-required8.png);
	background-repeat:no-repeat;
	background-position: 2px 2px;
	padding-left: 20px;
	width: 235px;
	background-color:#FFFFFF;
}

.submit {
	padding: 5px; 
	background: #eee; 
	color: #555; 
	font-weight: bold;
	border: 3px #bbb solid; 
}


/*	CLASSES for Tables  */

.table {
	margin: 10px;
	width: 95%;
}

.table td {
	padding: 5px;
	font-size: .9em;
	border-bottom: 1px #ccc dotted;	
}

.table thead {
	text-align: center;
	font-weight: BOLD;
	background: URL(../../yourownsite.com/_templates/images/wgwfade_80.png) repeat-x bottom;
	background: URL(../../yourownsite.com/_templates/images/wgwfade_80.png) repeat-x top;
	background: URL(../../yourownsite.com/_templates/images/wgwfade_80.png) repeat-x center;
}

td.table tbody {
	padding: 5px;
	border-right: 1px #ccc dotted;	
}

.table tfoot {
	padding: 5px;
	border-bottom: 3px #ccc double;	
	font-weight: bold;
	font-size: 1.1em;
	text-align: right;
}

/*	UL & OL list class 	*/

UL.list {
	margin: 15px;
	list-style-position: outside;
	list-style-type: disc;
	margin: 10px;
	padding: 15px;
	text-align: left;
}

OL.list {
	list-style-position: outside;
	list-style-type: decimal;
	margin: 5px 30px;
	padding: 15px;
	text-align: left;
}

UL.list LI {
	margin-left: 15px;
	margin-top: 5px;
	line-height: 20px;

}

UL.list LI UL {
	margin-left: 5px;
	padding-left: 5px;
}

/*	CLASSES for Tables  */

span.dropcap {
	display: block;
	font-size: 250%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
	width:auto;
}

span.inset-left {display: block;padding: 15px;float: left;width: 20%;font-weight: bold;font-style: italic;}
span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-weight: bold;font-style: italic;}


/* start STYLING for the site search page */

div.searchresult {
	margin-bottom: 25px;
	padding: 3px 15px;
	cursor: pointer;
	border-bottom: #ddd solid 2px;
} 

div.searchresult:hover {
	background-color: #fff;
	background-image: url(../../yourownsite.info/_imgshare/images/site-search/back-divarrow2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: #efefef solid 2px;
	
}

div.searchresult h3, div.searchresult h3 a {
	font-size: 16px;
	padding: 0 0 0 5px;
	margin: 0;
	color: #999;
}

div.searchresult .description {
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #999;
	line-height: 1.4em;
}

div.searchresult img.starsimg {
	margin: 0 0 2px 5px;
}

div.searchresult span.ttl {
	line-height: 1.8em;
	margin: 8px 0 0 0;
	font-weight: bold;
	color: #888;
	font-size: 14px;

}

div.searchresult .date {
	margin: 0 0 0 4px;
	color: #777;
	font-style: italic;

}
div.searchresult a.link {
	margin: 0 0 0 4px;
	color: #888;

}

blockquote {
	padding:0px;
	float:left;
	margin-left:10px;
}

/* END STYLING for the site search page */

.upcoming-events-viewall {
	margin: 6px 0px 0px;
	float: right;
	width: auto;
}

.map {
	margin: 0px auto;
	width: 425px;
	border: #000000 solid 1px;
}

div#logoContainer {
	width: 550px;
	margin: 10px auto;
	padding: 5px ;
	
}

div#logoContainer div.logo {
	margin: 10px;
	padding: 10px ;
	border: 5px solid #EBDBC7; 
	width: 220px;
	float: left;
	text-align: center;
	font-weight: bold;
	height: auto;
}

div#logoContainer div.logo a {
	text-decoration: none;
}

div#logoContainer img {
	margin: 10px 5px;
	width: 200px; 
}

input.radio {
	border: #900 solid 0px;
	margin: 5px 5px 0;
	width: 20px; 
}

div.logos label {
	font-size: 1.2em;
	margin-top: 10px;	
}

div#Message {
	width: 450px;
	padding: 25px;
	margin: 20px auto;
	border: #900 solid 3px;
	background: #eee;
	
}



div#Message p {
	font-size: 1.0em ;
	font-weight: normal; 
	text-align: left;
	
}

div#Message h2 {
	text-align: center;
	font-size: 1.4em ;
	font-weight: bold; 
	margin-bottom: 10px;
}

div.logoform {
	width: 260px;
	float: right;
	background: #eee;
	
}

div.logoform .input {
	padding: 3px;
	border: #aaa solid 1px;
	width: 200px;
}

div.logoform .submit {
	padding: 3px;
	border: #aaa solid 1px;
	margin-top: 4px;
	background: #900;
	color: #eee;
}

div.logoform span {
	color: #aaa;
	float: right;
}