html,body {height: 100%;font-size:100.01%;}

body {color:#5a5a5a;background:#FAFCFD url(../images/bg/bg.gif) repeat-x;min-height:100%;margin:10px 0 0 0;font-size:100%;font: 1em Arial, Helvetica, sans-serif;text-align:center;}
#wrapper {margin:0 auto;width:960px;text-align:left; background:#fff; padding:0;}

/* = Tag Elements
============================================================= */

h1, h2, h3, h4, h5 {font-family:  Arial, Verdana,sans-serif;font-weight: bold;margin: 0;padding: 0;line-height: 1em; color:#5a5a5a}


h1 {font-size: 1.0em;padding:3px 0;margin:0;}
h2 {font-size:0.9em;padding:5px 0 8px 0;margin:0;}
h3{font-size:0.9em;padding:5 0 3px 0;margin:0;}
h3.home{font-style:italic;line-height:1.4em;font-family: Verdana, Arial, sans-serif;font-weight:normal;}
h3.client {font-size:1.1em; color:#666666;padding:7px 0 3px 0;margin:0;}
h4{font-size:1.3em; color:#666;padding:0 0 3px 0;margin:0;}
h4.client {font-size:1.1em; color:#666;padding:0 0 3px 0;margin:0;}
ul, ul li {margin: 0; padding: 0; list-style-type: none;line-height:1.6em;}

a{color:#003366; text-decoration: none;}
a:hover{color:#000066;text-decoration:underline;}
strong{font-weight:bold;}
p{margin:0 0 0.3em 0; font-size:0.8em; line-height:1.4em;}
p.space {margin-top:8px;}
p.orange {color:#F26116;font-weight:bold;}
div.dotted {background-image:url(/media/images/dotted.gif);height:3px;}
em {style:bold;font-weight:bold;}

/* = Header
------------------------------------------- */
#header{margin:0;padding:0;}
#logo{position:relative; top:0px; left:36px;width:237px; height:61px;margin-bottom:10px;}

/* = Top Nav
-------------------------------------------- */

#mainnav {width:960px; margin:0;padding:0;}
#mainnav ul{list-style:none;background:url(../images/bg/menu.gif) no-repeat 0 0;width:960px;height:29px;float:left;}
#mainnav li{float:left;list-style:none;}
#mainnav li a{display:block; height:29px; text-indent:-999px; overflow:hidden; background:url(../images/bg/menu.gif) no-repeat 0 0;}

#mainnav li a.aboutus{width:99px; background-position:0 0;} 
#mainnav li a.aboutus:hover, #home #mainnav li a.aboutus{width:99px; background-position:0 -29px;}
#mainnav li a.aboutus-selected {width:99px; background-position:0 -58px;} 

#mainnav li a.poetry {width:93px; background-position:-99px 0;}	
#mainnav li a.poetry:hover, #home #mainnav li a.poetry{width:93px; background-position:-99px -29px;}
#mainnav li a.poetry-selected {width:93px; background-position:-99px -58px;}	

#mainnav li a.contact{width:100px; background-position:-192px 0;}			
#mainnav li a.contact:hover, #home #mainnav li a.contact {width:100px; background-position:-192px -29px;}
#mainnav li a.contact-selected {width:100px; background-position:-192px -58px;}	

#mainnav li a.writers{width:102px; background-position:-292px 0;}
#mainnav li a.writers:hover, #home #mainnav li a.writers{width:102px; background-position:-292px -29px;}
#mainnav li a.writers-selected {width:102px; background-position:-292px -58px;}

#mainnav li a.publications{width:130px; background-position:-394px 0;}	
#mainnav li a.publications:hover, #home #mainnav li a.publications{width:130px; background-position:-394px -29px;}
#mainnav li a.publications-selected {width:130px; background-position:-394px -58px;}	

#mainnav li a.home {width:436px; background-position:-524px 0;}	
#mainnav li a.home:hover, #home #mainnav li a.home{width:436px; background-position:-524px -29px;}
#mainnav li a.home-selected {width:436px; background-position:-524px -58px;}	

/* = Home
--------------------------------------------- */
#homepage {width:960px;margin:15px 0 0 0;padding:0;}
#homeBanner {width:959px;height:252px;margin:0;padding:0;background:#FFF;}
.homeleft {width:380px; margin:30px 0 0 36px;border-right:1px solid #969696;padding-right:10px;}
.homeright {text-align:left;width:500px; margin:30px 0 0 20px;}

/* = Page Content
-------------------------------------------- */
.innerleft {width:680px; margin:30px 0 0 36px;border-right:1px solid #969696;padding:0 10px 0 20px}
.innerleft em {font-weight:normal;}
.innerright {text-align:left;width:200px; margin:30px 0 0 10px;}

ul.list   {font-size:0.83em;margin:3px 0 7px 10px;padding:0;color:#555;line-height:1.5em;}
ul.list li {background: url(../images/global/arrow.gif) no-repeat 0 5px;padding-left: 15px;margin-bottom:3px;}
ul.list li ul {font-size:0.90em;margin:3px 0 7px 15px;padding:0;color:#555;}


#content p {font-size:0.83em;margin:0 0 9px 0;padding:0;line-height:1.5em;}
#breadcrumb {margin:0;padding:0;}
#breadcrumb p {margin:0; padding-bottom:10px;font-size:0.75em;color:#8a9fac;}
#breadcrumb p a {color:#2688c0;text-decoration:none;}
#breadcrumb p a:hover {color:#8a9fac;text-decoration:underline;}
#content h1 {margin:0;padding:0;height:34px;width:400px;text-indent:-5000px;}
#content h2.homepage {margin:0;padding:0;height:18px;width:150px;text-indent:-5000px;}
#content h3.image {margin:0;padding:0;height:26px;width:300px;text-indent:-5000px;}
#content h1.homepage {margin:0;padding:0;height:34px;width:225px;text-indent:-5000px;}

#infoBox {margin:13px 0 10px 0;padding:0;border:1px solid #b2e8f3;width:518px;background:#e5f7fb;}
.infoBox {float:left;margin:0;padding:10px;width:238px;border-right:1px solid #b2e8f3;}
.infoBoxRight {float:left;width:239px;border-right:none;margin:0;padding:10px;}
#infoBox p {font-size:0.75em;margin:0;padding:0;color:#333333;}

.twit {width:480px; border:1px solid #cccccc;padding:5px;margin-top:5px;background:#eaeaea;}
#twitter_div ul#twitter_update_list {font-size:0.75em;font-style:italic;}

/* = General Styles
--------------------------------------------- */
.hide {position:absolute; left:-9000px;}
.lfloat{float:left;}
.rfloat{float:right;}
.bold{font-weight:bold;}
.imgR, .imgL, .imgR_nb, .imgL_nb{float:right; border:1px solid #C6D6E3; margin:0 0 10px 10px;}
.imgL, .imgL_nb{float:left; margin:0 10px 10px 0;}
.imgR_nb, .imgL_nb{border:none;}
.noborder{border:none;}
.center{text-align:center;}
.clear{clear:both;}
p.subhead{font-size: 1.2em; font-weight:bold;}
ul.pagelist{font-size: 1.1em; list-style-type: square; margin-left: 15px;}
ul.pagelist li{margin-bottom: 0.5em;}
.green {color:#B0C936;}
.ltblue {color:#00B3D8;}
.blue {color:#2073AF;}
.dkblue {color:#26397C;}
.red {color:#cc0000;}
.spacer {margin-top:10px;}
.dottedline {height: 10px;margin: 3px 0px;background: url(../images/global/dottedline.gif) repeat-x top;}
.clientlogo {float:left;margin:0;padding:0;width:169px;}

a.emphasise {background: url(../images/global/emdot.gif) repeat-x 0 100%;}
a.emphasise:visited, a.emphasise:active {background: url(../images/global/emdot.gif) repeat-x 0 100%;}
a:hover.emphasise {background: none;color:#AAAAAA;}

table {font-size:0.8em;}


/* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */
.clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;}
.clearfix {display: inline-block;}
/* Hides from MacIE \*/           
* html .clearfix {height: 1%;}
.clearfix {	display: block;}
/* End hide from MacIE */

/* = Footer
-------------------------------------------------------------------------------------------------------------- */
#footer {color:#868686;padding-top:10px;border-top:1px solid #DCE0E3;margin-top:12px;}
#footer a {font-weight:normal;color:#868686;}
#footer p {margin:0;padding:0 8px 0 8px;}
#footnav {float:right;list-style:none; margin:0px 0 0 36px;text-align:center;font-size:0.8em;}
#footnav li{background-image:none;float:left;margin:0;padding:0 8px 0 8px;border-left:solid 1px #ccc;margin:0;}
#footnav li.first {border-left:none;}
#footnav li a{text-decoration:none;}
#footnav li a:hover{text-decoration:underline;}