/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

#container{ position:relative;   border:#b2a1c1 5px solid;  padding:0px 0px 0px 0px; margin-top:10px; margin-left:auto; margin-right:auto; width:740px; background-color:#FFFFFF; }

#header { width:100%; height:165px; margin:0px; padding:0px; border-bottom:#003366 0px solid;}

#logo {  width:100%; height:165px; margin:0px; padding:0px;  }

#main {  width:100%; margin:0px 0px 0px 0px; }

#content_main  { width:614px;   margin:0px 0px 0px 0px; float:right; padding:0px; min-height:300px; height:auto !important;   height:300px;}

#content {width:701px; float:left; padding:30px 16px 34px 23px; background:url(../images_holding/comma_top.jpg) no-repeat top left; position:relative;}
#content_bottom {background:url(../images_holding/comma_bottom.jpg) no-repeat; position:absolute; bottom:0px; right:17px; width:84px; height:70px;}

#footer { width:725px; min-height:100px; height:auto !important; height:100px;  margin:10px auto 10px auto; padding:0px; }

.clear { clear:both; }

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

#nav { width:100%;  margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav a { margin:0px 0px 1px 0px;  color:#ffffff; display:block; font-weight:normal; font-size:0.7em;}
#nav a:hover { text-decoration:none;  color:#ffffff; } 

#nav_area {width:100%; height:33px; margin:0px 0px 4px 0px; padding:0px 0px 0px 0px;}
#nav_area a {display:block; float:left; margin:0px; padding:0px;}
.mov {margin:0px 0px 0px 2px !important;}
.learntocook {margin:0px 3px 0px 3px;}

#bottom_links img {margin:0px; padding:0px;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images_holding/bac.jpg) repeat-x #e9e3eb; font-family: Arial, Helvetica, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:1.2em; color:#692f75; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:17px }
h2 { color:#666666; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#999999; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#CCCCCC; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#CCCCCC; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#CCCCCC; font-size:0.8em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li {  }
ol {}
ol li {}

em {}
pre {}
u {}
sub {}
sup {}

address {}

a { color:#541d5f; text-decoration:none; font-weight:bold; }
a:hover { color:#541d5f; text-decoration:underline; }

p { font-size:1.2em; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; line-height:17px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/