/*position and hide the menu initially - leave room for menu items to expand...*/
#page {padding-top:10px; padding-bottom:20px; width:100%;}
#menu {position:absolute; top:57px; left:0; width:100%; display:none;}
/*dock styling...*/
/*...centre the dock...*/
#menu div.jqDockWrap {margin:0 auto;}
/*...set the cursor...*/
#menu div.jqDock {cursor:pointer;}
/*label styling...*/
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#ffffff; cursor:pointer;}
#header {font-family:Margarosa; font-size:24px; padding-left:20px; }
#webdev {background-image: url(images/webdevtitle.png); background-repeat:no-repeat; border: none; 
    height: 72px; width: 142px;} 
#analytics {background-image: url(images/analyticstitle.png); background-repeat:no-repeat; border: none; 
    height: 72px; width: 142px;} 
#linguistics {background-image: url(images/linguisticstitle.png); background-repeat:no-repeat; border: none; 
    height: 72px; width: 142px;} 
#writing {background-image: url(images/writingtitle.png); background-repeat:no-repeat; border: none; 
    height: 72px; width: 142px;} 
#body { padding-left:100px; font-family:Verdana; font-size:14px; float: left; width:40%; }
#contactform {padding-left:15px; font-family:Verdana; font-size:14px; float: left;}

@font-face {font-family: Margarosa; src: url(fonts/Margarosa.ttf); }
#logo a:link {color: #ffcccc; font-family:Margarosa; font-size:46px; text-decoration:none; letter-spacing: -3px; padding-left:20px; }
#logo a:hover {color:#ff9999;}  /* mouse over link */
#logo a:visited {color: #ffcccc; }
#logo a:active {color: #ffcccc; }
form#contact {
    background: #ccccff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    width: 400px;
    }
    
    form#contact ol li {
background: #cccccc;
background: rgba(255,255,255,.3);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.6);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;
padding: 5px 10px;
margin-bottom: 2px;
}

form#contact label {
float: left;
font-size: 13px;
width: 110px;
}