㰀栀攀愀搀㸀ഀഀ
1st Choice Au Pairs - UK Au Pair Agency - Travelling to the UK
㰀洀攀琀愀 栀琀琀瀀ⴀ攀焀甀椀瘀㴀∀挀漀渀琀攀渀琀ⴀ琀礀瀀攀∀ 挀漀渀琀攀渀琀㴀∀琀攀砀琀⼀栀琀洀氀㬀 挀栀愀爀猀攀琀㴀甀琀昀ⴀ㠀∀ ⼀㸀ഀഀ
㰀猀琀礀氀攀 琀礀瀀攀㴀∀琀攀砀琀⼀挀猀猀∀㸀ഀഀ
/* **** NOTES **** */
⼀⨀ 䤀 栀愀瘀攀 琀爀椀攀搀 琀漀 挀漀洀洀攀渀琀 琀栀椀猀 猀琀礀氀攀 猀栀攀攀琀 愀猀 洀甀挀栀 愀猀 瀀漀猀猀椀戀氀攀 琀漀 猀栀漀眀 礀漀甀 眀栀攀爀攀 琀栀椀渀最猀 琀愀欀攀 瀀氀愀挀攀⸀ ഀഀ
There is a large utilization of descendant selectors, so if you are not familiar with those, hopefully the
挀漀洀洀攀渀琀猀 眀椀氀氀 栀攀氀瀀⸀ ഀഀ
*/
ഀഀ
/* Global Styles */
栀琀洀氀Ⰰ戀漀搀礀笀洀愀爀最椀渀㨀 㬀瀀愀搀搀椀渀最㨀 紀ഀഀ
body{font: 76% Arial, Verdana, serif, sans-serif; background-color:#000;}
ഀഀ
/* TEXT STYLES */
瀀笀瀀愀搀搀椀渀最㨀 㔀瀀砀 瀀砀㬀 昀漀渀琀ⴀ猀椀稀攀㨀 攀洀㬀 氀椀渀攀ⴀ栀攀椀最栀琀㨀 ⸀㌀攀洀㬀 氀攀琀琀攀爀ⴀ猀瀀愀挀椀渀最㨀 瀀砀㬀紀ഀഀ
h1 { font-size: 2.5em; margin-top: 0; text-transform:uppercase; letter-spacing: 1px;}
栀㈀ 笀 昀漀渀琀ⴀ猀椀稀攀㨀 ㈀攀洀㬀 挀漀氀漀爀㨀 ⌀㜀㤀䈀㌀ 䈀㬀 氀椀渀攀ⴀ栀攀椀最栀琀㨀 ⸀㌀攀洀㬀 氀攀琀琀攀爀ⴀ猀瀀愀挀椀渀最㨀 ⴀ瀀砀㬀紀ഀഀ
h3 { font-size: 1.5em; color: #b71;}
栀㐀 笀 昀漀渀琀ⴀ猀椀稀攀㨀 ⸀㈀㔀攀洀㬀 挀漀氀漀爀㨀 ⌀㐀㔀㈀㬀紀ഀഀ
h5 {font-size: 1em; font-weight:bold;}
栀Ⰰ栀㈀Ⰰ栀㌀Ⰰ栀㐀Ⰰ栀㔀 笀瀀愀搀搀椀渀最㨀 㔀瀀砀 瀀砀㬀紀ഀഀ
#navigation p, #extra p {color:#fff;}
愀㨀氀椀渀欀 笀 挀漀氀漀爀㨀 ⌀㐀㔀㈀㬀 琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀渀漀渀攀㬀 戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 瀀砀 猀漀氀椀搀 ⌀戀㜀㬀 瀀愀搀搀椀渀最㨀瀀砀㬀紀ഀഀ
a:visited {color: #452; text-decoration:none; border-bottom: 1px solid #b71; }
愀㨀栀漀瘀攀爀 笀戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀㜀㤀䈀㌀ 䈀㬀 挀漀氀漀爀㨀⌀昀昀昀㬀 紀ഀഀ
acronym {border-bottom: 1px dotted #b71; cursor:help; }
氀愀戀攀氀⸀栀攀愀搀攀爀 笀昀漀渀琀ⴀ猀椀稀攀㨀氀愀爀最攀爀㬀 挀漀氀漀爀㨀 ⌀戀㜀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀戀漀氀搀㬀 琀攀砀琀ⴀ琀爀愀渀猀昀漀爀洀㨀甀瀀瀀攀爀挀愀猀攀㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 㬀 瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀 㬀 紀 ഀഀ
/* label.header is the label for the search box but can be used for other forms by using class="header" in a label */
昀漀爀洀Ⰰ猀甀戀洀椀琀 笀 瀀愀搀搀椀渀最㨀 㬀 洀愀爀最椀渀㨀 㬀 紀 ⼀⨀ 爀攀洀漀瘀攀猀 攀砀琀爀愀渀攀漀甀猀 瀀愀搀搀椀渀最 愀爀漀甀渀搀 琀栀攀 昀漀爀洀 ⨀⼀ഀഀ
code { border: 1px dotted #b71; border-left: 3px solid #b71; background-color: #dda; padding: 1em; margin-left: 3ex; color:#742;}
戀氀漀挀欀焀甀漀琀攀 笀 戀漀爀搀攀爀㨀 瀀砀 猀漀氀椀搀 ⌀戀㜀㬀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀搀搀愀㬀 洀愀爀最椀渀㨀 ㌀攀砀㬀 昀漀渀琀ⴀ猀琀礀氀攀㨀椀琀愀氀椀挀㬀 眀椀搀琀栀㨀 㤀 ─㬀紀ഀഀ
⼀⨀ 䠀䔀䄀䐀䔀刀 匀䔀䌀吀䤀伀一 ⨀⼀ഀഀ
div#header {margin:0; padding:0; background: transparent url(images/banner_1stchoiceaupairs.jpg) no-repeat right center; height:8em;}
搀椀瘀⌀栀攀愀搀攀爀 栀 愀 笀 栀攀椀最栀琀㨀 ㌀攀洀㬀 洀椀渀ⴀ栀攀椀最栀琀㨀㠀攀洀㬀 氀椀渀攀ⴀ栀攀椀最栀琀㨀㠀 瀀砀㬀洀愀爀最椀渀㨀 㬀 挀漀氀漀爀㨀 ⌀昀昀昀㬀 戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 渀漀渀攀㬀 瀀愀搀搀椀渀最㨀 㬀紀ഀഀ
div#header h1 a:hover {background-color: transparent; border-bottom: none; color: #79B30B}
搀椀瘀⌀栀攀愀搀攀爀 瀀⌀猀欀椀瀀笀瀀漀猀椀琀椀漀渀㨀 愀戀猀漀氀甀琀攀㬀 琀漀瀀㨀 ㌀瀀砀㬀 爀椀最栀琀㨀 ㌀瀀砀㬀 洀愀爀最椀渀㨀 㬀 瀀愀搀搀椀渀最㨀 㬀紀ഀഀ
#skip a,#skip a:visited {color:#fff; border-bottom: 1px solid #b71;}
ഀഀ
/* CONTENT SECTION */
搀椀瘀⌀眀爀愀瀀瀀攀爀笀昀氀漀愀琀㨀氀攀昀琀㬀眀椀搀琀栀㨀 ─㬀紀ഀഀ
div#content{margin: 0 0 0 200px; padding-bottom: 2em; background-color: #fff; color: #000;}
搀椀瘀⌀挀漀渀琀攀渀琀 瀀笀氀椀渀攀ⴀ栀攀椀最栀琀㨀⸀㐀㬀紀ഀഀ
div#content h2#topper {background:#dda; color:#742; margin-top:0; padding-top:0;}
搀椀瘀⌀挀漀渀琀攀渀琀 愀㨀瘀椀猀椀琀攀搀 笀挀漀氀漀爀㨀 ⌀㐀㔀㈀㬀 琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀渀漀渀攀㬀 戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀 瀀砀 猀漀氀椀搀 ⌀戀㜀㬀 紀ഀഀ
⼀⨀ 嘀䔀刀吀䤀䌀䄀䰀 一䄀嘀䤀䜀䄀吀䤀伀一 ⨀⼀ഀഀ
div#navigation{float:left; width:200px;margin-left:-100%; color:#fff;}
⸀渀愀瘀挀漀渀琀愀椀渀攀爀 笀 眀椀搀琀栀㨀 㤀㠀瀀砀㬀 戀漀爀搀攀爀ⴀ爀椀最栀琀㨀 瀀砀 猀漀氀椀搀 ⌀ 㬀 瀀愀搀搀椀渀最㨀 㬀 洀愀爀最椀渀ⴀ戀漀琀琀漀洀㨀 攀洀㬀 ഀഀ
background-color: transparent;}
⸀渀愀瘀挀漀渀琀愀椀渀攀爀 甀氀 笀 氀椀猀琀ⴀ猀琀礀氀攀㨀 渀漀渀攀㬀 洀愀爀最椀渀㨀 㬀 瀀愀搀搀椀渀最㨀 㬀 戀漀爀搀攀爀㨀 渀漀渀攀㬀 眀椀搀琀栀㨀 㤀㠀瀀砀㬀 洀椀渀ⴀ眀椀搀琀栀㨀㤀㠀瀀砀㬀 紀ഀഀ
.navcontainer li { margin: 0; }
栀琀洀氀㸀戀漀搀礀 ⸀渀愀瘀挀漀渀琀愀椀渀攀爀 氀椀 愀 笀 眀椀搀琀栀㨀 愀甀琀漀㬀紀ഀഀ
.navcontainer li a,.navcontainer li a:visited {
搀椀猀瀀氀愀礀㨀 戀氀漀挀欀㬀 瀀愀搀搀椀渀最㨀 㔀瀀砀 㔀瀀砀 㔀瀀砀 ⸀㔀攀洀㬀 戀漀爀搀攀爀ⴀ氀攀昀琀㨀 瀀砀 猀漀氀椀搀 ⌀㐀㔀㈀㬀ഀഀ
border-right: 10px solid #452; background-color: #472;
琀攀砀琀ⴀ搀攀挀漀爀愀琀椀漀渀㨀 渀漀渀攀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀戀漀氀搀㬀 眀椀搀琀栀㨀 㘀㜀瀀砀㬀 洀椀渀ⴀ眀椀搀琀栀㨀㘀㔀瀀砀㬀 ഀഀ
color: #fff; border-bottom: 1px solid #79B30B;
紀ഀഀ
.navcontainer li a:hover,.navcontainer li#active a {
戀漀爀搀攀爀ⴀ氀攀昀琀㨀 瀀砀 猀漀氀椀搀 ⌀昀昀昀㬀 戀漀爀搀攀爀ⴀ爀椀最栀琀㨀 瀀砀 猀漀氀椀搀 ⌀昀昀昀㬀 ഀഀ
background-color: #79B30B; color: #fff; font-weight:bold;
紀ഀഀ
.navcontainer li.menutitle {border-left: 10px solid #79B30B ; border-right:10px solid #79B30B; font-size:larger;
琀攀砀琀ⴀ愀氀椀最渀㨀挀攀渀琀攀爀㬀 挀漀氀漀爀㨀 ⌀戀㜀㬀 昀漀渀琀ⴀ眀攀椀最栀琀㨀戀漀氀搀㬀 瀀愀搀搀椀渀最ⴀ戀漀琀琀漀洀㨀攀砀㬀 戀漀爀搀攀爀ⴀ戀漀琀琀漀洀㨀渀漀渀攀㬀 琀攀砀琀ⴀ琀爀愀渀猀昀漀爀洀㨀甀瀀瀀攀爀挀愀猀攀㬀紀ഀഀ
.navcontainer li#last a { border-bottom:none;} /* the last one in the list should get the id of 'last' in the list to remove the bottom border */
ഀഀ
/* --- These are the subnavigation for sublinks. --- */
⸀渀愀瘀挀漀渀琀愀椀渀攀爀 氀椀 甀氀 氀椀 笀 搀椀猀瀀氀愀礀㨀渀漀渀攀㬀紀 ⼀⨀ 琀栀椀猀 栀椀搀攀猀 愀氀氀 猀甀戀氀椀渀欀猀 椀昀 椀琀 椀猀 渀漀琀 琀栀攀 挀甀爀爀攀渀琀氀礀 愀挀琀椀瘀攀 氀椀渀欀 ⨀⼀ഀഀ
.navcontainer li#active ul li { display: block;} /* this expands all sublinks if it is the currently active link */
⸀渀愀瘀挀漀渀琀愀椀渀攀爀 氀椀⌀愀挀琀椀瘀攀 甀氀 氀椀 愀㨀氀椀渀欀Ⰰ ⸀渀愀瘀挀漀渀琀愀椀渀攀爀 氀椀⌀愀挀琀椀瘀攀 甀氀 氀椀 愀㨀瘀椀猀椀琀攀搀 笀 戀漀爀搀攀爀ⴀ氀攀昀琀ⴀ挀漀氀漀爀㨀⌀㐀㔀㈀㬀 戀漀爀搀攀爀ⴀ爀椀最栀琀ⴀ挀漀氀漀爀㨀 ⌀㐀㔀㈀㬀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀ 㬀 瀀愀搀搀椀渀最㨀 㔀瀀砀 㔀瀀砀 瀀砀㬀紀ഀഀ
.navcontainer li#active ul li a:hover { background-color:#fff; color:#b71;}
ഀഀ
/* FOOTER SECTION */
搀椀瘀⌀昀漀漀琀攀爀笀挀氀攀愀爀㨀氀攀昀琀㬀眀椀搀琀栀㨀 ─㬀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀㐀㔀㈀㬀挀漀氀漀爀㨀 ⌀䘀䘀䘀紀ഀഀ
div#footer a:link, div#footer a:visited { color:#fff; }
搀椀瘀⌀昀漀漀琀攀爀 甀氀 笀氀椀猀琀ⴀ猀琀礀氀攀ⴀ琀礀瀀攀㨀渀漀渀攀㬀 洀愀爀最椀渀㨀 㬀 瀀愀搀搀椀渀最㨀⸀㠀攀洀 㬀 琀攀砀琀ⴀ愀氀椀最渀㨀挀攀渀琀攀爀㬀紀ഀഀ
div#footer ul li {display:inline; padding: 0 4px;}
ഀഀ
/* General Image Stuff */
椀洀最⸀猀洀 笀 眀椀搀琀栀㨀 㘀 瀀砀㬀 紀ഀഀ
⼀⨀ 吀䄀䈀䰀䔀匀 ⨀⼀ ഀഀ
table {border: 2px solid #452; border-collapse:collapse; width:90%; margin-left: 3ex; }
琀搀 笀戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀昀昀昀㬀 瀀愀搀搀椀渀最㨀㌀瀀砀㬀 戀漀爀搀攀爀㨀 瀀砀 猀漀氀椀搀 ⌀昀昀昀紀ഀഀ
th {text-align:left;border: 1px solid #fff}
琀栀攀愀搀 琀栀 笀挀漀氀漀爀㨀⌀昀昀昀㬀 昀漀渀琀ⴀ猀椀稀攀㨀⸀㔀攀洀㬀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀㐀㜀㈀ 㬀 瀀愀搀搀椀渀最㨀 瀀砀 㘀瀀砀紀ഀഀ
tbody th {color:#fff; font-size:1.15em; background-color: #79B30B ; padding: 6px}
琀戀漀搀礀 琀栀⸀猀甀戀 笀昀漀渀琀ⴀ猀椀稀攀㨀 ⸀㤀 攀洀㬀 挀漀氀漀爀㨀⌀ 㬀 戀愀挀欀最爀漀甀渀搀ⴀ挀漀氀漀爀㨀 ⌀搀搀愀㬀 瀀愀搀搀椀渀最㨀 㘀瀀砀紀ഀഀ
ഀഀ
㰀⼀栀攀愀搀㸀ഀഀ
㰀搀椀瘀 椀搀㴀∀挀漀渀琀愀椀渀攀爀∀㸀ഀഀ
