/* 
Project: Windhill Childrens Centres
Filename: screen.css
Date: May 2009
Author: LookTouchFeel.co.uk
*/



body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    	height: 100%;  
	font-size: 62.5%;	
	color: #333;
	text-align: center;
	font-family: georgia, verdana, sans-serif;
	background: #fff;
    }


body a img {
	border: none;
}

img{
	display: block;
}

.clearing{	
	clear: both;
}





/*------ clear standard browser styles ------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/*------ general styles ------*/


.clear {
	clear: both;
	overflow: hidden;
	line-height: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	margin: 0 !important;
	}


.disguise {
	position: absolute;
	left: -10000px;
	}
	
.hide {
	display: none;
	}


.error{
	color: #85161A;
}
		

.image-right{
float: right;
border: 1px solid #F7E809;
margin: 0 0 10px 15px;
}
	
/* http://positioniseverything.net/easyclearing */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;
	clear: both; 
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
        min-height: 0;
	}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



.right{
float: right;
}


/*------ wrap ------*/


#wrap {
	margin: 0px auto 0px auto;
	padding: 0 0 0 0;
	width: 1052px;
	text-align: left;
	background: url(/img/wrap-bg.gif) no-repeat 0 0;
}


#title a{
	float: left;
	width: 1052px;
	height: 124px;
	text-indent: -9999px;
	background: url(/img/head-bg.gif) no-repeat 0 0;
}



/*------ content ------*/


#content{
	float: left;
	width: 640px;
	margin-left: 95px;

}

* html #content{

	margin-left: 48px;

}



/*------ nav ------*/


#nav{
	float: left;
	width: 655px;
	padding: 55px 0 10px 0;
	}


#nav li{
	float: left;
	padding-right: 3px;
	background: url(/img/nav-divider.gif) no-repeat 100% 50%;
}
	

#nav li.last{
	background: none;
}


#nav li a{
	display: block;
	text-indent: -9999px;
}


#nav li.about{
	width: 72px;
	height: 30px;
}

#nav li.about a{
	width: 72px;
	height: 30px;
	background: url(/img/nav-about.gif) no-repeat 0 0;
}


#nav li.about a:hover,
#nav li.about a.here{
	background: url(/img/nav-about.gif) no-repeat -74px 0;
}


#nav li.events{
	width: 64px;
	height: 30px;
}

#nav li.events a{
	width: 64px;
	height: 30px;
	background: url(/img/nav-events.gif) no-repeat 0 0;
}



#nav li.events a:hover,
#nav li.events a.here{
	background: url(/img/nav-events.gif) no-repeat -64px 0;
}


#nav li.activities{
	width: 79px;
	height: 30px;
}

#nav li.activities a{
	width: 79px;
	height: 30px;
	background: url(/img/nav-activities.gif) no-repeat 0 0;
}



#nav li.activities a:hover,
#nav li.activities a.here{
	background: url(/img/nav-activities.gif) no-repeat -77px 0;
}


#nav li.photos{
	width: 63px;
	height: 30px;
}


#nav li.photos a{
	width: 63px;
	height: 30px;
	background: url(/img/nav-photos.gif) no-repeat 0 0;
}



#nav li.photos a:hover,
#nav li.photos a.here{
	background: url(/img/nav-photos.gif) no-repeat -61px 0;
}


#nav li.news{
	width: 52px;
	height: 30px;
}

#nav li.news a{
	width: 52px;
	height: 30px;
	background: url(/img/nav-news.gif) no-repeat 0 0;
}



#nav li.news a:hover,
#nav li.news a.here{
	background: url(/img/nav-news.gif) no-repeat -54px 0;
}


#nav li.library{
	width: 87px;
	height: 30px;
}

#nav li.library a{
	width: 87px;
	height: 30px;
	background: url(/img/nav-library.gif) no-repeat 0 0;
}



#nav li.library a:hover,
#nav li.library a.here{
	background: url(/img/nav-library.gif) no-repeat -85px 0;
}


#nav li.contact{
	width: 87px;
	height: 30px;
}

#nav li.contact a{
	width: 87px;
	height: 30px;
	background: url(/img/nav-contact.gif) no-repeat 0 0;
}



#nav li.contact a:hover,
#nav li.contact a.here{
	background: url(/img/nav-contact.gif) no-repeat -86px 0;
}


#nav li.documents{
	width: 52px;
	height: 30px;
}


#nav li.documents a{
	width: 52px;
	height: 30px;
	background: url(/img/nav-forms.gif) no-repeat 0 0;
}



#nav li.documents a:hover,
#nav li.documents a.here{
	background: url(/img/nav-forms.gif) no-repeat -51px 0;
}

#nav li.policies{
	width: 69px;
	height: 30px;
padding-left: 2px ;
}


#nav li.policies a{
	width: 67px;
	height: 30px;
	background: url(/img/nav-policies.gif) no-repeat 0 0;
}



#nav li.policies a:hover,
#nav li.policies a.here{
	background: url(/img/nav-policies.gif) no-repeat -68px 0;
}


#nav_sub{
	float: left;
	width: 655px;
	min-height:20px;
	height:auto !important;
	height:20px;
	background: #85171B;
	font-size: 1.2em;
	padding: 3px 0;
	text-transform:lowercase;
	}


#nav_sub li{
	float: left;
	padding: 0px 5px;
	border-right: 1px solid #fff;
}





#nav_sub li.last{
	border-right: none;
}


#nav_sub li a{
	display: block;
	color: #fff;
	padding: 3px 5px;
	text-decoration: none;
}



#nav_sub li a:hover,
#nav_sub li a.here{
	color: #000;
	background: url(/img/sub_nav-bg.gif) no-repeat 0 0;
}




/*------ main-content ------*/

#main-content{
	float: left;
	width: 655px;
	padding-top: 10px;
}



/*------ field ------*/

#main-content .field{
	float: left;
	width: 430px;

}


#main-content .field label{
float: left;
width: 80px;
}


#main-content .field input{
	float: left;
width: 260px;
border: 1px solid #85171B;
padding: 3px;
}


#main-content .login{
	float: left;
	width: 462px;
text-align: center;
margin: 20px 0 20px 0;
}


/*------ main ------*/

#main{
	float: left;
	width: 430px;
	padding-top: 10px;
}


#main.fullwidth{
	width: 655px;
}


#main h2{
	font-size: 2.2em;
	color: #85171B;
	height: 40px;
}



/*------ contacts ------*/

#contacts{
	float: left;
	width: 430px;
	padding-top: 10px;
}


#contacts .contact{
float: left;
width: 430px;
padding-bottom: 10px;
margin-bottom: 10px;
background: #FBF7B0 url(/img/contact-bg.jpg) no-repeat top right;
}


#contacts .contact-two{
float: right;
width: 430px;
padding-bottom: 10px;
margin-bottom: 10px;
background: #FBF7B0 url(/img/contact-bg.jpg) no-repeat top right;
}



#contacts h4{
padding:10px 10px 0 10px;
font-size: 1.5em;
}


#contacts h5{
padding: 5px 10px 0 10px;
font-size: 1.3em;
}


#contacts p{
padding: 5px 10px 0 10px;
font-size: 1.1em;
}


#contacts p a{
	color: #85161A;
	text-decoration: none;
}


#contacts p a:hover{
	text-decoration: underline;
}

/*------ contact-form ------*/


#contact-form{
	float: left;
	width: 195px;
	margin: 0 0 15px 0;
	border: 1px solid #e4e4e4;
	background: url(/img/greybox-bg.jpg) repeat-x 0 0;
}	


#contact-form h3{
color: #000;
font-size: 1.6em;
}


#contact-form form{
	float: left;
padding: 10px;
}


#contact-form p{
padding-top: 10px;
}

#contact-form label{
font-weight: bold;
}

#contact-form input{
width: 170px;
border: 1px solid: #ccc;
padding: 2px;
}


#contact-form textarea{
width: 170px;
height: 175px;
padding: 2px;
border: 1px solid: #ccc;
font-family: arial;
font-size: 1.2em;
}


#contact-form .submit{
float: right;
width: 110px;
background: #85161A;
color: #F7E809;
border: none;
font-family: georgia;
font-size: 1.3em;
padding: 3px 0;
}

/*------ map ------*/


#map{
	float: right;
	width: 175px;
padding: 10px;
	margin: 0 0 15px 0;
font-size: 1.2em;
	border: 1px solid #e4e4e4;
	background: url(/img/greybox-bg.jpg) repeat-x 0 0;
}	



#map h3{
color: #000;
font-size: 1.6em;
}


#map p{
padding-bottom: 10px;
}

#map .frame{
margin: 10px 0;
border: 1px solid #ccc;
}


/*------ event-details ------*/

#event-details{
	float: left;
	width: 430px;
	margin: 0 0 15px 0;
	border: 2px solid #E0DDD2;
	background: #fff;
}	


#event-details .event-info{
float: left;
width: 410px;
margin: 0 10px 10px 10px;
padding: 10px 0;
	background: #E0DDD2;
}


* html #event-details .event-info{
margin: 0 5px 10px 5px;
}

#event-details h3{
padding: 10px 10px 0 10px;
font-size: 1.6em;
color: #000;
}


#event-details h4{
padding: 0px 10px 0 10px;
font-size: 1.2em;
color: #000;
font-weight: bold;
}

#event-details p{
padding: 10px 10px 0 10px;
}

#event-details .event-info p{
float: left;
width: 380px;
clear: both;
padding: 0px 10px 0 10px !important;
}

* html #event-details .event-info p{
padding: 0px 5px 0 5px !important;
}

#event-details .event-info p strong{
width: 140px;
float: left;
}


/*------ side ------*/

#side{
	float: right;
	width: 200px;
}


#side .phone{
	text-align: right;
	font-size: 1.6em;
	padding-bottom: 5px;
}


#side .email-address{
	text-align: right;
	padding-bottom: 10px;
}


#side .email-address a{
	color: #85161A;
	text-decoration: none;
}


#side .email-address a:hover{
	text-decoration: underline;
}


/*-- gallery --*/

#side .gallery{
	float: right;
	width: 195px;
	margin: 0 0 15px 0;
	border: 1px solid #e4e4e4;
	background: url(/img/picture-gallery-bg.gif) no-repeat 0 0;
}


#side .gallery h4{
	position: absolute;
	left: -10000px;	
}

#side .gallery ul{
	float: left;
	padding: 35px 0 0 4px;
}


#side .gallery li{
	float: left;
	border: 1px solid #85161A;
	margin: 0 0 7px 7px;
}


* html #side .gallery li{
	margin: 0 0 4px 4px;
}


#side .gallery p{
	padding: 0 0 10px 13px;
	font-size: 1.1em;
}


#side .gallery p a{
	color: #85161A;
	text-decoration: none;
}


#side .gallery p a:hover{
	text-decoration: underline;
}


/*-- forms --*/


#side .boxes{
	float: right;
	width: 197px;
	padding: 30px 0 10px 0;
	margin: 0 0 15px 0;
	background: url(/img/looking-for-forms.jpg) no-repeat 0 0;
}


#side .boxes h4{
	position: absolute;
	left: -10000px;	
}


#side .boxes p{
	font-size: 1.1em;
	margin: 15px 80px 0 15px;
}


#side .boxes p a{
	color: #85161A;
	text-decoration: none;
}


#side .boxes p a:hover{
	text-decoration: underline;
}


#side .forms{
	background: url(/img/looking-for-forms.jpg) no-repeat 0 0;
}


#side .groups{
	background: url(/img/interested-in-groups.jpg) no-repeat 0 0;
}


#side .events{
	background: url(/img/keep-up-with-events.jpg) no-repeat 0 0;
}


#side .letters{
	background: url(/img/recent-letters.jpg) no-repeat 0 0;
	padding-top: 40px;
}

* html #side .letters{
	padding-top: 50px;
}


#side .team{
	background: url(/img/meet-team.jpg) no-repeat 0 0;
}


#side .activities{
	background: url(/img/groups-activities.jpg) no-repeat 0 0;
	padding-top: 40px;
}


* html #side .activities{
	padding-top: 50px;
}







/*-- greybox --*/


.greybox{
	float: right;
	width: 195px;
	margin: 0 0 15px 0;
	border: 1px solid #e4e4e4;
	background: url(/img/greybox-bg.jpg) repeat-x 0 0;
}	


.greybox h4{
	width: 197px;
	height: 40px;
	text-indent: -9999px;
}


.greybox p{
	font-size: 1.1em;
	margin: 0 13px 10px 13px;
}


.greybox p a{
	color: #85161A;
	text-decoration: none;
}


.greybox p a:hover{
	text-decoration: underline;
}


.feedback h4{
	background: url(/img/feedback.gif) no-repeat 0 0;
}


.signup h4{
	background: url(/img/sign-up.gif) no-repeat 0 0;
}


.signup input{
	width: 161px;
	padding: 1px 2px;
}


.signup input.submit{
	float: right;
	width: auto;
	margin-bottom: 10px;
	padding: 2px 15px;
	background: #85161A;
	font-family: georgia;
	border: none;
	color: #F7E809;
}



/*------ text ------*/


#main .text p{
	font-size: 1.2em;
line-height: 1.5em;
	padding-bottom: 15px;
}


#main .text a{
	color: #85161A;
	text-decoration: none;
}


#main .text a:hover{
	text-decoration: underline;
}


#main .text li{
padding: 0 0 5px 15px;
font-size: 1.2em;
background: url(/img/bullet.gif) no-repeat 0 4px;
}


#main .text h3{
	font-size: 1.6em;
font-weight: bold;
padding-top: 10px;
	padding-bottom: 15px;
}


#main .more-link{
font-size: 70%;
}


#main .toggle{
padding-bottom: 15px;
}


#main .text .calendarBG{
float: right;
margin: 0 0 15px 15px;
}


/*------ #thumbs ------*/

#thumbs{
float: left;
width: 430px;
padding-bottom: 15px;
}


#thumbs li{
	float: left;
	border: 1px solid #85161A;
padding: 0 0 0px 0px !important;
	margin: 0 12px 12px 0px;
}


* html #thumbs li{
	margin: 0 6px 12px 0px;
}




/*------ documents ------*/

.doc-link{
float: left;
width: 407px;
padding: 18px 0;
margin-bottom: 10px;
background: url(/img/document-bg.jpg) no-repeat 0 50%;
}


.doc-link h3{
float: left;
width: 230px;
font-size: 1.8em;
padding-left: 10px;
}


.doc-link p{
float:left;
margin: 0;
padding: 6px 0 0 10px;
}


.doc-link p a{
color: #85161A;
	text-decoration: none;
}


.doc-link p a:hover{
	text-decoration: underline;
}

/*------ events-blocks ------*/


#main .events-blocks{
	float: left;
	width: 430px;
	border: 1px solid #e4e4e4;
	background: url(/img/greybox-bg.jpg) repeat-x 0 0;
}


#main .events-blocks h3{
	width: 192px;
	height: 40px;
	text-indent: -9999px;
	background: url(/img/latest-events.gif) no-repeat 0 0;
}



#main .events-blocks .news{
	margin: 0 13px 10px 13px;
	padding: 0 0 10px 0;
}


#main .events-blocks .news h4{
	font-size: 1.1em;
	font-weight: bold;
	width: 300px;
	padding-bottom: 5px;
}


#main .events-blocks .news p{
	font-size: 1.1em;
	width: 300px;
	padding-bottom: 5px;
}


#main .events-blocks .news p a{
	color: #85161A;
	text-decoration: none;
}


#main .events-blocks .news p a:hover{
	text-decoration: underline;
}


#main .events-blocks .news img{
	float: right;
	border: 1px solid #85161A;
	}
	


#main .events-blocks .first{
	border-bottom: 2px solid #F7E809;
}


#main .news-item{
	float: left;
	width: 410px;
	border: 1px solid #e4e4e4;
	background: url(/img/greybox-bg.jpg) repeat-x 0 0;
	margin-bottom: 10px;
	padding: 10px 10px 0 10px;
}



#main .news-item h3{
font-size: 2em;
color: #85171B;
}

#main .news-item h4{
font-size: 1.0em;
font-weight: bold;
color: #666;
padding-bottom: 15px;
}

/*------ blocks ------*/



.blocks{
	float: left;
	width: 430px;
}


.blocks .greybox{
	float: left;
	width: 195px;
	min-height:170px;
	height:auto !important;
	height:170px;
	margin: 15px 0 15px 0;
}

.blocks .signup{
	margin-right: 36px;
}


* html .blocks .signup{
	margin-right: 32px;
}




/*------ sidebar ------*/

#sidebar{
	float: left;
	width: 288px;
	padding-left: 27px;
}


* html #sidebar{
	float: right;
	padding-left: 0px;
	padding-right: 2px;
}


#calendar{
	float: left;
	width: 288px;
	height: 213px;
	margin: 10px 0 0 0;
	background: url(/img/calendar-bg.jpg) no-repeat 0 0;
}



#calendar h3{
	position: absolute;
	left: -10000px;	
}


#calendar table{
	float: left;
	background: #fff;
	font-size: 1.1em;
	text-align: center;
	margin: 50px 0 30px 73px;
}


* html #calendar table{
	margin: 60px 0 30px 32px;
}


/*------ latest-news ------*/

#latest-news{
	float: left;
	width: 288px;
	height: 384px;
	margin: 30px 0 0 0;
	background: url(/img/latest-news-bg.jpg) no-repeat 0 0;
}


#latest-news h3{
	position: absolute;
	left: -10000px;	
}


#latest-news ul{
	margin-top: 100px;
}

#latest-news li{
	font-size: 1.1em;
	padding: 0 90px 15px 30px;
	background: url(/img/bullet.gif) no-repeat 18px 4px;
}


#latest-news li a{
	color: #85161A;
	text-decoration: none;
}


#latest-news li a:hover{
	text-decoration: underline;
}


#sidebar .logos{
	float: left;
padding: 20px 0 0 20px;
}

/*------ footer ------*/


#footer{
	float: left;
	width: 1052px;
	background: #fff url(/img/footer-bg.gif) no-repeat 0 0;
	padding: 40px 0 30px 0;
	font-size: 1.1em;
	color: #666;
}


#footer a{
	color: #666;
	text-decoration: none;
}


#footer a:hover{
	text-decoration: underline;
}


#footer .terms{
	float: left;
	padding: 0 0 0 85px;
}


#footer .site-by{
	float: right;
	padding: 0 290px 0 0;
}



/*------ calendar ------*/


.calendarBG {
border: 1px solid #ccc;
 background-color: #f3f3f3;
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
color: #000;
text-align: center;
}


.calendarBG th{
font-weight: bold;
text-align: center;
}

.calendarBlank {
 background-color: #f3f3f3;
}

.calendarHeader {
 font-weight: bold;
 color: #000;
 text-align: center;
 font-size:	1.1em;
	padding: 2px 0;
 background-color: #f3f3f3;
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #000;
 background-color:  transparent;
}

.calendarMonthLinks a,
.calendarBG td a {
	color: #85161A;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:visited {
	color: #85161A;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover,
.calendarBG td a:hover {
	color: #85161A;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold;
 color: #000;
 background-color: #f3f3f3;
 text-align:  center;
 vertical-align: middle;
}

.calendarToday {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#ccc;
}

.calendarCell {
font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
font-size:         12px;
font-weight:		bold;
letter-spacing:	.1em;
text-decoration:   none;
text-align:  center;
vertical-align: middle;
color:             #666;
background-color:  #fff;
padding: 2px 2px;
}

.calendarCell a {
color: #85161A;
background: #F7E809 !important;
 text-decoration:   underline;
}

.calendarCell a:visited {
color: #85161A !important;
text-decoration:   none;
background: #F7E809;
}

.calendarCell a:hover {
color: #85161A !important;
text-decoration:   underline;
background: #F7E809;
}


    /*****************************************************************************
    These styles should be at the bottom of `sifr.css`. Make sure that they're
    only applied for the screen media type!
    *****************************************************************************/
    

.sIFR-active #main h2 {
      visibility: hidden;
      font-family: Verdana;
}


.sIFR-active #main h2 {
      font-size: 22px;
	color: #85171B;
      display: block;
}





/*------ toyTable ------*/


#categoryList{
float: left;
border: 1px solid #D2D2D2;
font-size: 1.2em;
padding: 5px;
}


#categoryList option{
padding: 0 10px;
}


#toyCategories{	
	float: left;
	width: 655px;
	font-size: 1.3em;
display: none;
}



#toyCategories select{
	font-family:  Georgia, "Times New Roman", Times, serif;
}

#toyCategories span{
float: left;
width: 343px;
height: 34px;
text-indent: -9999px;
background: url(/img/toy-categories.gif) no-repeat 0 0;
}


.toyPaginate{
	float: left;
	width: 605px;
	padding: 15px 0 0 0;
	font-size: 1.4em;
}


.toyPaginate a{
	color: #84161A;
	text-decoration: none;
}


.toyPaginate a:hover{
	text-decoration: underline;
}


#toyTable{
	float: left;
	width: 655px;
	margin: 15px 0;
	}
	
	
#toyTable th{
	background: #FFC218 url(/img/toyTable-bg.jpg) repeat-y 0 0;
	padding: 5px;
	border: 5px solid #fff;	
	font-weight: bold;
	font-size: 1.4em;
	}	
	

	
#toyTable td{
	background: #F8F5EB;
	border: 5px solid #fff;	
	font-size: 1.4em;
	}
	

#toyTable tr.other td{
	background: #E7E8E9;
}


#toyTable tr td span{
	display: block;
	padding: 10px;	
	min-height: 90px;
  height:auto !important;
  height:90px;
	border: 1px solid #fff;
}	

#toyTable tr.other td span{
	display: block;
	padding: 10px;	
	border: 1px solid #fff;
}	

#toyTable tr td.image{
	background: #FFFFFF;
	}
	

#toyTable tr td.image span{
	padding: 0px;
	}
	

.libraryPage ul.pagination{
position: absolute;
bottom: 180px;
}	

/*------ #orderTable ------*/

#orderTable{
float: left;
margin-bottom: 15px;
}


#orderTable .last{
display: none;
}

#orderTable th{
	border: 1px solid #dedede;
	background: #FFC218 url(/img/toyTable-bg.jpg) repeat-y 0 0;
	font-size: 1.4em;
	padding: 5px;
	font-weight: bold;
}


#orderTable td{
	border: 1px solid #dedede;
}


#orderTable td.details{
	padding: 0 10px;
}


#orderTable td input{
	width: 90%;
	border: 1px solid #fff  !important;
	padding: 10px 0;
}


#orderTable tr.last td{
	border: none;
}


#orderTable td input{
	text-align: center;
}



#orderTable td.details input{
	text-align: left;
}


#orderTable tr.last td.total{
	font-weight: bold;
	border: 1px solid #dedede;
}

#orderTable tr.last td.total input{
	text-align: center;
}


#orderTable tr.last td.text{
	padding: 8px;
	text-align: right;
	font-size: 1.4em;
}