/* CSS Document default for Firefox*/

#view_pane {

  width: 960px; /*of view port*/
	margin: 5px auto;
	/*applies margin of 5px to the top and bottom and auto margins to the left and right. */
	/*border: 2px solid #000000;*/
	background-color:#f2f6fa;
}
body {font-family:Arial, Helvetica, sans-serif;}
.title{
	position:absolute;
	z-index:2;
	top:120px;
	left:25px;
	}

/*Columns------------------------------------------------*/
.headerContainer img{ display:block;}/*Need for IE bug makes a gap if not used cause IE default to inline*/ 


.headerContainer{ 
	position:relative;
	width:100%;
	height:200px;
	background-color:#f2f6fa; 
	background-image:url(../images/all/midCliftonLogo.jpg);
    background-repeat:repeat-x;
	padding:0;
	 }
.floatLeft{ float:left; margin:0; padding:0;}

.floatRight{ float:right; margin:0; padding:0; }

.columnHeader{
	background-color:#f2f6fa; 
	width:100%;
	}

.firstColumn{
	float:left;
	width:65%;
	background-color:#f2f6fa;
	}
.secondColumn{
	float:right;
	width:35%;
	background-color:#f2f6fa;
	}
.oneColumn{float:left;
	width:98%;
	background-color:#f2f6fa;
	}
/*--------headings--------------------------------------------------------------*/
h1{

	padding-top:10px;
	padding-left:20px;
	font-size:large;
	text-transform:uppercase;
color:#003366;
}
h2{

	padding-top:10px;
	padding-left:20px;
	font-size:large;
	font-family:Arial, Helvetica, sans-serif;
color:#003366;
}
	p{ padding-left:20px; padding-right:10px; 
color:#003366;
	}

/*--------Bronz bar menu-------------------------------------------------------*/

#bronz_base_bar ul{
	position:relative;
	height:30px;
	background-image:url(../images/all/menubar.gif);
	margin:0px;
	list-style-type: none;
	text-align: center;
	}


#bronz_base_bar ul li {display: inline;  }

#bronz_base_bar{
	color:#003366;
   	font-size:large;
 	font-family:Arial, Helvetica, sans-serif;
 	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	}

#bronz_base_bar ul{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	}

#bronz_base_bar ul li { float: right; }



#bronz_base_bar ul li a{
	margin:0px;
	text-decoration: none;
	text-align:center;
	float: left;
	height: 22px;/*note with padding in y top and bottom = 40px total hieght*/
	width: 120px;
	vertical-align:middle;
	padding:3px 3px  3px 3px;/*------------------------------------alter for new bar image*/
color:#003366;/*text colour Black*/
	
/*background-image:url(../images/all/menubartop.gif);*/
	background-repeat:repeat-x;
	}

#bronz_base_bar a:hover{
	text-align:center;
	text-decoration: none;
	margin: 0px;
	height:24px;/*------------------------------------alter for new bar image*/
	padding:2px 2px 2px 2px;
	vertical-align:middle;
color:#003366;/*text colour Black*/
	background-color:#EFD3D7;/*background colour on hover*/
	border:#003366 thin solid;
	}

#bronz_base_bar a:active{
	text-decoration: none;
	
	}
#bronz_base_bar a:focus{
	text-decoration:none;
	}
/*----------------------------------------------------------------------*/

.clearboth {clear:both;}

 .holiday ul{
  list-style-type: none;
 font-family:"Comic Sans MS", Arial, sans-serif;
 text-decoration:none;
  font-style:italic;
 font-size:large;
color:#003366;
 }
 
.handwritten{
 font-family:"Comic Sans MS", Arial, sans-serif;
  font-style:italic;
 font-size:small;
color:#003366;
}
.handwritten ul{
list-style-type: none;
}
.readList li{
list-style-type:decimal;
color:#003366;
 font-size:medium;
 padding:5px 0px 5px 10px;
}

#footer {


font: 15px Arial, sans-serif;
text-align: center;
clear: both;
padding-top: 0px;
background-color:#C6DEEF;
color:#000066;
height:30px;
margin-top:10px;
}
.readList li{
	list-style-type:decimal;
	color:#003366;
	 font-size:medium;
	 padding:5px 0px 5px 10px;
}
.price{text-align:right; padding-right:5px;}

/*------------------form layout------------------------*/
.formContainer{
background-color:#f2f6fa;
border-bottom:#003366 solid inset 1px;
border-left:#003366 solid inset 1px;
width:95%;
float:left;
margin: 5px auto;
padding:10px;

 }

 
	
.formContainer label{

	width:210px;
	float:left;
	padding:4px 10px 4px 0px;
	text-align:right;
	font-size:.9em;
	color:#003366;
	}
	.formContainer h3{color:#003366;; font-size:1.2em; text-transform:capitalize;}
	.formContainer p{color:#003366;}

	
	
.formContainer input, textarea,select{
padding:0px 10px 0px 0px;
float:left;
		}
.formContainer input:focus{background:#f2f6fa;
color:#FFFFFF;}

		
		

.linkdecor img{border:0;}