/* my own attempt at css */

body {background:url(http://www.perfect-english-grammar.com/images/background.gif) repeat-y center; font: 100% Georgia;}

#wrap {margin:auto; width:1000px;}
#header {background:url(http://www.perfect-english-grammar.com/images/header1.jpg) no-repeat bottom left; height:280px; margin:0 0 0 0;}
#headerlink{display:block; width:1000px; height:280px; margin:0 0 0 0;}



a
{color:#009999; font-weight:bold; text-decoration:none;}

a:hover
{color:#0099ff; text-decoration:underline;}

img
{margin:0 15px 15px 0; background:#ffffff; border:1px solid #808080;}

strong
{color:#000088;}

table
{width="100%" cellpadding="4"}

p
{margin:0 0 20px 0; line-height:1.5em;}

h1
{margin:10; color:#009999; font-size:2em; text-align:center; line-height:1.5em;}

h2
{margin:10; color:#808080;  font-size:1.5em; text-align:center;}

h3
{clear:both; margin:30px 0 10px 0; color:#009999; font-size: 1.5em;}

iframe
{overflow:hidden;  float:left; marginwidth="0"; marginheight="0"; frameborder="0" height="1500" width="600"}


/*sidebar*/


#sidebar {position:absolute; top:280px; margin:10px 10px 10px 10px; padding:0; width:200px; text-align:right;}

img
{float:right}

/* Right sidebar */
#extras {position:absolute; /*left:830px;*/ top:280px; margin:10px 10px 10px 820px; padding:0; width:180px; /*background:#e0e0e0;*/ text-align:center;}
#extras p,#extras ul {font-size:0.9em; line-height:1.3em; margin:0 0 1.5em; padding:0;}



/*menu*/

#menu a
{display:block; width:200px; padding:5px 5px 5px 0; color:#009999; font-size:1.2em; font-weight:normal; text-decoration:none;}

#menu a:hover 
{color:#0099ff; background:#f0f0f0}



/*content*/
#content {position:absolute; top:280px; line-height:1.5em; margin:10px 220px 10px 220px; padding:0; text-align:left; width:580px;}