/* CSS Document */
a:link {color:  #df691c; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold; }
a:active {color: #df691c;  text-decoration:none;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a:visited {color: #df691c; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}
a:hover {
color: #21357a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight: bold;
 }
body {
	background-image:url(http://www.schoolplanners.com/schoolplanner/images/background-new.jpg);
	padding-top:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0;
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    margin-right:0; 
}	

div#container {
	width:968px;
	margin:0 auto;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	background-image:url(http://www.schoolplanners.com/schoolplanner/images/top-greenfade.jpg);
	/*background-color: #ffffff;*/
/*	border:1px solid red;*/
}

div#header{
width: 100%;
height:40px;
float:left;
/*border:#00CC00 solid;*/
}	
div#logo{
	width:295px;
	padding-left:30px;
	padding-top:5px;
    float:left;
/*	border:#CCFF33 solid;*/
}
div#formstyle {
	width:auto;
	padding-top:5px;
	font-family:Verdana, Tahoma;
	font-size:11px;
	color: #dc691c;
	font-weight: bold;
	float:left;
	/*border:#FF9933 solid;*/
}
div#formstyle a{
		color:#dc691c;
		/*text-decoration:underline;*/		
}
div#formstyle a:hover{
color: #21357A;		
		/*color:#282848;*/
}
		
div#topmenu{
width: 100%;
float:left;
background-color:#CCCCCC;
}	
div#address{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#282848;
text-align:center;
padding-bottom:10px;
}

div#colorline{
background-color:#d46402;/*orange color strip*/
width:100%;
height:4px;
}
div#infocontent{
	width:788px;
	float:left;
/*	background-color:#eaebeb;*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#leftcontent{
	width:180px;
	float:left;
	font-family:Verdana, Tahoma;
	font-size:12px;
	color:#21357A; /* added here to have same color text as rightcontent */
	background-color:#eaebeb;
	padding:10px 5px 0px 10px;
	text-align:justify; /*justify text */
}
div#lefttop
{
	width:100%;
	float:left;
}
	
div#leftbottom{
width:100%;
padding-top:10px;
padding-left:0px;
float:left;
text-align:left;
}

/*#leftbottom{
	width:190px;
	float:left;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}*/

div#leftbottom h1.create{
	display:block;
	width:100%;
	background:url(../images/plannerlefttitle.gif) left top no-repeat;
	font:bold 16px/35px tahoma,verdana, arial, helvetica, sans-serif;
	color:#006600;  /*#6e450b old */
	background-color:#a9d379;
	text-align:center;
}
div#leftbottom span{
	display:block;
	background:url(../images/dottedline.gif) left bottom repeat-x;
	height:18px;
	width:180px;
	padding:0 0 4px 0;
	text-align:center;
}
div#leftbottom span a{
	background:url(../images/arrow.gif) 2px 4px no-repeat;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	font:bold 11px/20px tahoma,verdana, arial, helvetica, sans-serif;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	display:block;
}
div#leftbottom span a:hover{
	color:#dc691c; /*#282848 old */
	background-color:#ffe8b4;
}

div#centercontent{
	width:580px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
	z-index:50;
	background-color:#FFFFFF;
}

div#centertop
{
/*	z-index:1; THIS ADJUSTS SPACE BELOW ORANGE BAR*/
	height:350px;
}
div#centertop .subtitle{
		width:580px;
		height:45px;/*30px old*/
		float:left;
		text-align:center;
		background-color:#a9d379;
}

div#centertop .subtitle span{
		font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
		color:#ffffff;
		font-size:18px;
		font-weight:bold;
		padding-left:15px;		
}

div#centertop .bluebar{
		width:580px;
		height:38px;
		float:left;
		background:url(../images/orangebar.gif) left top no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color:#194aa0;
		font-size:11px;
		font-weight:bold;
		padding-top:5px;
		/*padding-bottom:10px;*/
		text-align:center;
		}
div#indexflash{
	width:100%;
	float:left;
}

div#flash
{
	vertical-align:top;
	text-align:left;
	z-index:2;
}

div#plannerssample{
	width:188px;
	height:215px;
	float:left;
	padding-right:2px;
	padding-left:4px;
	padding-bottom:8px;
	border-right: 1px dotted #C4AE7C;
	border-bottom: 1px dotted #C4AE7C;
	
}

div#fundraisingsample{
	width:188px;
	height:215px;
	float:left;
	padding-right:2px;
	padding-left: 0px;
	padding-bottom:8px;
	border-right: 1px dotted #C4AE7C;
	border-bottom: 1px dotted #C4AE7C;
}

div#yearbooksample{
	width:188px;
	height:215px;
	float:left;
	padding-left: 0px;
	padding-bottom:8px;
	border-bottom: 1px dotted #C4AE7C;	
}
div#centermiddle{
	width:100%;
	padding:0px 0px 0px 0px;
	float:left;
	text-align:center;
}	
div#centerbottom{
	width:100%;
	float:left;
	text-align:center;
	padding: 15px 0px 10px 0px;
}

.savediscount { 
	position:relative; 
	float:left;
} 

.savediscount .text { 
	position:absolute; 
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	top:10px; 
	left:85px; 
	width:195px;
}
.savediscount .text1 { 
	position:absolute; 
	font: 12px bold tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	top:10px; 
	left:124px; 
	width:160px;
}

div#rightcontent{
	width:180px;
	float:left;
	text-align:justify; /*justify text */
	background-color:#FFFFFF;	
}

div#rightcontent h1{
	font:bold 14px/22px tahoma,verdana, arial, helvetica, sans-serif;
	color:#006600; /*#6e450b old */
	background-color:#a9d379;	
	text-align:center;
}

div#rightcontent p{	
	font: 12px tahoma,verdana, arial, helvetica, sans-serif;
	color:#21357A;
	line-height:16px;	
	padding: 0px 5px 4px 4px; /*padding right side */	
}

div#rightcontent a:hover{
	/*color:#ef9103;*/
	}
div#rightcontent a.activated{
	/*color:#d46402;*/
	text-decoration:none;
	}	
	
div#footer {
	clear:both;
	width:100%;
	float:none;
	text-align:center;
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-style:normal;
	color:#818182;
	padding-top:20px;
	padding-bottom:20px;
 }
div#footer a{
	color:#818182;
	text-decoration:none;
	}
div#footer a:hover{
	color:#dc691c;
	}
div#footer a.activated{
	color:#d46402;
	text-decoration:none;
	}	
.hidden{
	visibility:hidden;
}