/* CSS Document */

.wrapper{
	border-top:6px solid #FF0000;
	float:left;
	padding:8px 12px 0 12px;
	background-color:#FFFFFF;
	width:100%;
}
* {
/*	margin:0;
	padding:0;*/
	font-size:100%;
}
.siteHeader{	
	float:left;
	padding:0px 12px 0 12px;
	width:100%;
}
.siteHeader table.header{
	margin:auto;
}
body{
/*	
	background-image: url(http://www.rotarymiracleplayground.com/public/site/images/bg.jpg);
	background-repeat: no-repeat;*/
	background:#62a2ea;
	text-align:center;
}
.teasers{
	float:left; 
}

.teasers .article{
	float:left;
	width:205px;
	margin-right: 25px;
	margin-bottom: 10px; text-align:justify;
}

img {vertical-align:top;}
a img { border:0;}

ul.list { 
	color:#666666;
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
}

ul.list li{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(/media/bullets/bullet_toggle_plus.png) no-repeat scroll left center;
	font-size:11px;
	list-style-image:none;
	padding:0 0 0 15px; 
	vertical-align:top;	
}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/media/bullets/bullet_toggle_plus.png) no-repeat scroll left center;
font-size:11px;
list-style-image:none;
padding:0 0 0 15px;
vertical-align:top;*/

html, input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#5c5c56;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#6fc206; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.top-tail-right {background:url(images/top-tail-right.gif) right top repeat-x; width:50%; position:absolute; right:0; height:465px;}
.header-bg {background:url(images/header-bg.jpg) top center no-repeat; padding:0 34px 13px 0; position:relative;}

/*li { background:url(images/marker1.gif) no-repeat 0 10px; padding-left:14px; line-height:2em;}*/
li a {color:#5992d2; font-weight:bold;}

.imgindent {margin:0 20px 0 0; float:left;}

/* ============================= header ====================== */

.logo {padding:35px 0 0 671px;}
.slogan {margin-top:21px;}
.menu {padding-left:12px;}

/* ============================= content ====================== */

.col-pad {padding-right:9px;}
.col-pad2 {padding-right:46px;}

.box {background:url(images/box-tail-right.gif) right repeat-y #fff; width:100%;}
.box .tail-left {background:url(images/box-tail-left.gif) left repeat-y;}
.box .corner-right-bottom {background:url(images/box-corner-right-bottom.gif) right bottom no-repeat;}
.box .corner-left-bottom {background:url(images/box-corner-left-bottom.gif) left bottom no-repeat; width:100%;}
.box .indent {padding:8px 12px 15px 12px;}

.box2 {padding:17px 20px 20px 40px;}
/* background:#fcfcfc;  */
.text2 {font-size:2em; line-height:1.25em; color:#303030; font-weight:normal;}
.text2 a {color:#fe0500; text-decoration:none; border-bottom:1px solid #fe0500;}
.text2 a:hover {border:none;}

.lines {background:url(images/line1.gif) top repeat-x; border-bottom:1px solid #dcdcdc; padding:13px 0 28px 0;}

.line {border-bottom:1px solid #dcdcdc; padding-bottom:29px; margin-bottom:20px;}
h2 { color:#151515; font-size:1.5em; line-height:.8em;  margin-bottom:8px;}
h4 { color:#6FC206; font-size:1.0em; line-height:.8em;  margin-bottom:8px;}

.indent1 {padding:20px 0 0 27px;}
.indent2 {padding:0 0 0 27px;}
.margin1 {margin-top:24px;}

.hot {background:url(images/hot-bg.gif) no-repeat 0 0; text-transform:uppercase; color:#fff; padding:0 2px 0 2px; text-decoration:none !important;}

.link {color:#151515; font-weight:bold; background:url(images/marker2.gif) no-repeat right 5px; padding-right:18px; text-decoration:none; display:inline-block; margin-top:7px;}
.link:hover {text-decoration:underline;}
.box2 .link {color:#5992d2; background:url(images/marker3.gif) no-repeat right 5px;}

dt {margin-bottom:7px;}
dd {margin-bottom:7px;}
.phone {float:right;}
.taright {text-align:right;}

/* ============================= footer ====================== */

#footer a {color:#fff;} 

#footer {
	text-align: center;
	background:#262729 none repeat scroll 0 0;
	float:left;
	padding:8px 12px 15px;color:#FFFFFF;
	width:100%;
	margin-bottom:100px;
}
/* ============================= forms ============================= */

#ContactForm {font-size:0.917em;}
#ContactForm label {height:40px; display:block;}
.box2 #ContactForm .link {color:#151515; background:url(images/marker2.gif) no-repeat right 6px; margin-left:10px;}


.input {width:156px; height:15px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:156px; height:50px; border:1px solid #7d7d7d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.no-underline {
	text-decoration:none;
}