/* CSS Document */


/* html tag settings */
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#666666; background-color:#FFFFFF; border:0; margin:1em; padding:0;}

ul, li, p, #head, #logo, #googlesearch, #navbox, .navhead, .clearboth {border:0; margin:0; padding:0;}

a{ color:#666666;}
a:hover{}


/* ID settings */
#topnav{ float:left}

#css{ text-align:right;}

#logo{ width:16em; float:right; text-align:center;}
#googlesearch{ width:20em; height:12em; float:left;}



#menubar{ color:#FFFFFF; background-color:#666666; text-align:center; margin:0; padding:0.4em; border-top:0.2em solid #333333; border-right:0.2em solid #999999; border-bottom:0.2em solid #999999; border-left:0.2em solid #333333; margin:0.2em; padding:0.4em;}

#pagewrapper{}

#navcol{ width:20em; float:left; border:0; margin:0; padding:0; z-index:3; display:none;}
#navcol a{ color:#666666; text-decoration:none;}
#navcol a:hover{ color:#000000; text-decoration:underline;}
#navcol ul{ list-style-type:none;}
#navcol li{ line-height:2em;}
#navbox{ width:20em; background-color:#EDEEEF; text-align:center;}
.navhead{ width:20em; line-height:2em; background-color:#666666; color:#FFFFFF; text-align:center;}

#page{ border:0; margin:0 0 0 20em; padding:1em; z-index:1;}
#page ul{ list-style-type:none;}
#page li{ line-height:2em; color:#0000FF;}
.topleft{ width:25em; float:left; border:0; margin:0 1em 1em 0; padding:0;}
.topright{ border:0; margin:0 0 0 28em; padding:0;}

#foot{ text-align:center; color:#CCCCCC;}
#foot a{ color:#CCCCCC; text-decoration:none;}
#foot a:hover{ color:#666666; text-decoration:underline;}
#foot a:visited{ color:#CCCCCC;}


/* float and clear */
.imagefl{ float:left;}
.imagefr{ float:right;}
.clearright{ clear:right; font-size:0.1em; line-height:0.1em;}
.clearboth{ clear:both; font-size:0.1em; line-height:0.1em;}



/* For different size boxes, copy the code, change the class namesand sizes */
.gridwrapper{ width:74em; border:0; margin:0 auto 0 auto;}
.gridleft{ width:12.5em; float:left; text-align:center; border:0; margin:0;}
.gridright{ width:12.5em; float:right; text-align:center; border:0; margin:0;}

.boxwrapper{ width:47.4em; border:0.1em solid #666666; margin:0 auto 0 auto; padding:0.1em 0 0.1em 0;}
.boxtitle, .boxcost, .boxleft, .boxright { border-top:0.1em solid #333333; border-right:0.1em solid #999999; border-bottom:0.1em solid #999999; border-left:0.1em solid #333333; margin:0.1em; padding:0.4em;}
.boxtitle{ width:34em; float:left; background-color:#666666; color:#FFFFFF; text-align:left;}
.boxcost{ width:11em; float:right; background-color:#666666; color:#FFFFFF; text-align:left;}
.boxleft{ width:34em; float:left; text-align:left;}
.boxright{ width:11em; float:right; text-align:left;}

/* align text */
.ca{ text-align:center;}
.la{ text-align:left;}
.ra{ text-align:right;}



/* font sizes set in <p> */
.cy24{ font-size:2.4em;}
.cy18{ font-size:1.8em;}
.cy16{ font-size:1.6em;}
.cy14{ font-size:1.4em;}
.cy12{ font-size:1.2em;}
.cy11{ font-size:1.1em;}
.cy10{ font-size:1em;}

/* colours */
.greybg{ background-color:#EDEEEF;}


/* images */
img.cy468x60{ width:46.8em; height:6em; border:0;}
img.cy250x73{ width:25em; height:7.3em; border:0;}
img.cy160x60{ width:16em; height:6em; border:0;}
img.cy125x125{ width:12.5em; height:12.5em; border:0;}
img.cy120x60{ width:12em; height:6em; border:0;}
img.cy112x45{ width:11.2em; height:4.5em; border:0;}
img.cy80x120{ width:8em; height:12em; border:0;}
img.75x32{ width:7.5em; height:3.2em; border:0;}
img.cy50x50{ width:5em; height:5em; border:0;}
img.cy20x20{ width:2em; height:2em; border:0;}
img.cy20x20f{ width:2em; height:2em; border:0; float:left;}