/*

#2

-------------------------------
CSS for Macatawa Driving School
www.drivemacatawa.com

Created by Regan Hurd
www.revid.net

12.15.06
------------------------------
*/



/*
Global Styles
-------------------------------*/

body {
	margin: 0;
	width: 100%;
	margin-bottom: 30px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EBE9ED;
}

p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.imageright {
	float: right;
	margin-top: 4px;
}

img { border: none; }

h1 { display: inline; font-size: 20px; }
h2 { display: inline; font-size: 16px; }
h3 { display: inline; font-size: 14px; }
h4 { display: inline; font-size: 13px; }
.car { display: block; padding: 2px 50px; padding-right: 0; height: 20px; background: url(../images/car.gif) no-repeat; }
.g { color: #499C51; }
.r { color: #71211D; }
.light { color: #666666; }
.highlight { margin: 2px; margin-right: 4px; padding: 1px 3px; background: #DCE1E2; }

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


/*
DIV Containers
-------------------------------*/


div#closet {
	margin: 0 auto;
	position: relative;
	padding: 0;
	width: 700px;
	background: #FFFFFF url(../images/road_back.gif) repeat-y right top;
}

div#north_pole { /* What we all look up to */
	margin: 0;
	padding: 0;
	height: 20px;
	width: 700px;
	background: #6DBC6D url(../images/north_pole.gif) no-repeat right;	
}

div#logo {
	float: right;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 140px;
}

div#heading {
	margin: 0 5px;
	margin-top: 15px;
	padding: 0;
	width: 688px;
	height: 140px;
	background:  url(../images/header.jpg) no-repeat left top;
}

div#border {
	float: left;
	margin: 0;
	padding: 0;
	width: 698px;
	border: 1px solid #CCC;
	border-top: none;
	border-bottom: none;
}

div#content {
	display: inline;
	float: left;
	margin: 0 5px;
	margin-bottom: 8px;
	padding: 5px;
	width: 678px;
}

div#header {
	display: inline;
	float: left;
	margin: 0 5px;
	margin-top: 8px;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	width: 678px;
}

	div#header h3 {
		color: #000000;
		font-size: 16px;
		margin: 0;
		padding: 0;
		padding: 2px 50px;
		padding-right: 0;
		height: 25px;	
		background: url(../images/car.gif) no-repeat;	
	}

#order_border {
	margin: 0 auto;
	padding: 3px;
	width: 650px;
}

#news {
	float: left;
	width: 450px;
	margin-top: 38px;
}
	.newsItem {
		float: left;
		width: 448px;
		margin: 1px 0;
		margin-left: 8px;
	}
	
	.newsContent {
		float: left;
		width: 400px;
	}

	.newsDate {
		float: left;
		width: 5px;
		text-align: right;
		margin-right: 5px;
		width: 30px;
		font-size: 10px;
		color: #999999;
		border-right: #999999 1px solid;
		padding: 1px 2px;
	}
	
	.noNews {
		width: 450px;
		text-align: center;
		color: #499C51;
		font-weight: bold;
		margin-top: 30px;
	}
	
	
.sectionTitleOff {
	font-size: 16px;
	padding: 2px;
	cursor: pointer;
	background-color: #DCE1E2;
	color: #769D7B;
	margin: 1em 0;
}

	.sectionTitleOn {
		font-size: 16px;
		padding: 2px;
		cursor: pointer;
		background-color: #DCE1E2;
		color: #499C51;
		margin: 1em 0;
	}

	.sectionOff {
		
		display: none;
	}
	
	.sectionOn {
	
	}


div#footer {
	clear: left;
	margin: 0 auto;
	color: #FFFFFF;
	padding: 2px;
	width: 696px;
	height: 36px;
	text-align: center;
	background: #EBE9ED url(../images/footer.gif) no-repeat;
}

	div#footer_nav {
		color: #FFFFFF;
		display: inline;
		float: left;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		width: 690px;
		text-align: center;
	}

div#elgo {
    width: 200px;
    margin: 0 auto; }


	/*
	Rounded DIV
	-------------------*/
	.rbox { background: #8C959D; }
	.rtop div { background: url(../images/top_a.gif) no-repeat top left; }
	.rtop { background: url(../images/top_b.gif) no-repeat top right; }
	.rbot div { background: url(../images/bot_a.gif) no-repeat bottom left; }
	.rbot { background: url(../images/bot_b.gif) no-repeat bottom right; }
	
	
	.rtop div, .rtop, .rbot div, .rbot {
		width: 100%;
		height: 5px;
		margin: 0;
	}
	.rcontent {
		color: #FFFFFF;
		margin: 0 5px;
	}
	.rbox {
		margin: 0;
	}

.isInvalid {
	color: #7B1E1C;
	font-weight: bold;

}


span.isInvalid {
	
	color: #FF0000;
	font-weight: bold;


}

input.isInvalid {
	
	color: #000000;
	border: 1px solid #7B1E1C;
	font-weight: normal;
}

textarea.isInvalid {
	
	color: #000000;
	border: 1px solid #7B1E1C;
	font-weight: normal;
}


.inputRed {
	float: left;
	font-size: 11px;
	min-width: 70px;
	background-color: #AE615E;
	padding: 5px;
	color: #FFF;
}


.notify {
    padding: 10px 20px;
    margin: 10px 5px;
    width: 450px;
    /*background-color: #D0ACAB;*/
}


.notifyRed {
	float: left;
	max-width: 700px;
	min-width: 300px;
	border: 1px solid #71211D;
	background-color: #AE615E;
	padding: 5px;
	color: #FFF;
	margin: 5px 0;
	margin-top: 0;


}

.notifyGreen {
	max-width: 500px;
	min-width: 300px;
	border: 1px solid #284415;
	background-color: #59894F;
	padding: 5px;
	color: #FFF;
	margin: 5px 0;
	margin-top: 0;
}



/* Links
-------------------------------*/

a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none;}
a:active { color: #666666; text-decoration: none; }
a:hover { color: #009900; text-decoration: underline; }


div#footer a:link {color: #FFFFFF; text-decoration: none; }
div#footer a:visited {color: #FFFFFF; text-decoration: none;}
div#footer a:active {color: #FFFFFF; text-decoration: none; }
div#footer a:hover {color: #F4F4F4; text-decoration: underline; }

div.notifyGreen a:link {color: #FFFFFF; text-decoration: none; padding: 3px; background-color: #76C55D; margin: 5px; }
div.notifyGreen a:visited {color: #FFFFFF; text-decoration: none;}
div.notifyGreen a:active {color: #FFFFFF; text-decoration: none; }
div.notifyGreen a:hover {color: #F4F4F4; text-decoration: none; }

/*
CSS Navigation
-------------------------------*/

ul#nav {
	float: left;
	margin: 0;
	margin-top: 120px;
	padding: 0;
	width: 485px;
	border-top: 1px solid #F8F9F9;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
}

	ul#nav li {
		display: inline;
	}

	ul#nav li a {
		float: left;
		color: #000;
		text-align: center;
		background: #B9C2C6 url(../images/navbg_a.gif) repeat-x bottom;
		padding: 2px 8px;
		border-bottom: none;
		text-decoration: none;
	}

		ul#nav li a.nav_left {
			background: url(../images/navbg_left_a.gif) no-repeat left bottom;
		}
		ul#nav li a.nav_left:hover {
			background: url(../images/navbg_left_b.gif) no-repeat left bottom;
		}
		
		ul#nav li a.nav_right {
			background: url(../images/navbg_right_a.gif) no-repeat right bottom;
		}
		ul#nav li a.nav_right:hover {
			background: url(../images/navbg_right_b.gif) no-repeat right bottom;
		}
		
	ul#nav li a:hover {
		color: #000;
		margin-bottom: -4px;
		/*padding: 2px 12px;*/
		text-align: center;
		font-weight: bold;
		background: #BEC7CB url(../images/navbg_b.gif) repeat-x bottom;
		border-bottom: 4px solid #F8F9F9;
	}
	

/*
Forms
-------------------------------*/

a.btn, div.btn, .btn {
    border: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer; 
    background-position: top left;
    height: 21px; width: 108px;
}
.minwidth { min-width:100px; width: auto !important; width: 100px; }
a.btn,div.btn {
   float: left;
   line-height: 23px;
   padding-left: 5px;
   width: 103px;
   text-decoration: none;
   background-image: url(/assets/images/btnCont.gif); }

    .btn.cont {
        text-align: left;
        padding-left: 4px; 
        background-image: url(/assets/images/btnCont.gif); }


    .btn.back {
        text-align: right;
        padding-right: 4px;
        width: 92px;
        background-image: url(/assets/images/btnBack.gif); }


a.over, div.over, .over { background-position: bottom left; }


select, textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
    border: 1px solid #666;
}
input.radio {
    border: none; }

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}


.inputLabel {
    background-color: #E4EDEF;
    text-align: right;
    width: 150px;
    float: left;
    border-right: 3px #F4F2AC solid;
    padding: 2px 5px 2px 2px;
    margin-right: 5px;
    margin-bottom: 4px;
}

td.inputLabel {
   padding: 5px;
}
/*
Map Objects
-------------------------------*/

.map_thumb {
	cursor: pointer;
	float: right;
	margin: 5px;
	margin-left: 0;
	padding-left: 5px;
	width: 120px;
	height: 90px;
	background: #DCE1E2 url(../images/map.gif);
	border: 1px solid #7E9496;
}