/* Clare Crossman - global styles */

/************************************* Structure **************************************************************/

* {border:none; padding: 0; margin: 0; font-family: Arial, Helvetica, Verdana, sans-serif;}
html {min-height:100%; width:100%; background: none #dfeded;}
body {direction: ltr; font-size:100%; min-height:100%; color:#dfeded; width:auto; text-align:center; height:100%}
a {color:#4c5678; text-decoration:underline; line-height:1.2em}
a:hover {color:#fff; background: none #4c5678; text-decoration:none}
img {border:none; padding: 0; margin: 0}

#wrapper {text-align:center; min-height:100%; width:100%; background:none #dfeded;}

#fixed {width: 900px; margin-left: auto; margin-right: auto; text-align:left; color: #fff;}
.clear {clear:both;}
.block {display:block}
.inline {display:inline}
.hide {display:none}
.floatRight {float:right}

fieldset {padding:0; margin:0; border: 0px solid #000}
legend {display:none}

/******************************************** Top Nav ************************************************/

#globalNav {width:900px; background: none transparent; color:#44b2b2; float:right; margin:0; }
#globalNav ul {list-style:none; color:#fff; font-size:.75em; padding-top:14px; height:20px; float:right; text-align:right;}
#globalNav ul li {display:inline; padding-right:7px; padding-left:3px; background: url(../images/global/listDivider.gif) right top repeat-y transparent; border-right:1px solid #6edddd}
#globalNav ul li#noDivider {border-right:none}
#globalNav ul li span {color:#ef6e10;}
#globalNav a {color:#44b2b2; text-decoration:none}
#globalNav a:hover {color:#375e65; background: none transparent}

/******************************************** Page header ************************************************/

#header {float:left; color:#fff; width:900px; height:102px; border: 1px solid #375e65; background: url(../images/global/mainHeaderImage.jpg) top left no-repeat transparent;}
#header img {float:right; border:3px solid #55a0a0}

/************************************* Spacer ***********************************************************/

.bumpLayer {clear:both; font-size:0.01em; line-height:0.01em; margin-bottom:-1px; background: none transparent; height:1px; color:#fff}

/****************************************** Base content styles ***********************************************/

h1 {padding:0; margin:0; width:240px; margin-top:19px;}
h2 {padding-top:16px; width:240px; padding-bottom:9px;}
h3 {line-height:1.2em; width:400px; margin-top:0px; font-size: 1em; color:#738195; font-weight:normal;}
h4 {width:200px; padding-top:9px; margin-bottom:19px; font-size: 0.9em}
p {color:#79849a; line-height:1.3em; font-size:0.85em; margin-top:24px; width: 600px; margin-bottom:22px; }
ul {line-height:1em;}

/****************************************** Navigation ***********************************************/

#mainNav {background:url(../images/global/contentShadow.gif) left bottom no-repeat #44b2b2; color:#fff; height:42px; width:900px; border: 1px solid #375e65; border-top:none; border-bottom:none}

#mainNav a {cursor:pointer; border-right: 1px solid black}
#mainNav span {border-right: 1px solid black}

#mainNav a#home, #mainNav span#home {float:left; display:block; height:33px; width:161px; background:url(../images/global/home.gif) center 1px no-repeat transparent; border-bottom:1px solid #375e65}
#mainNav a#home:hover {background:url(../images/global/home.gif) center -33px no-repeat #bcdede;}
#mainNav span#home {background-position:center -33px; background-color: #bcdede}

#mainNav a#poems, #mainNav span#poems {float:left; display:block; height:33px; width:161px; background:url(../images/global/poems.gif) center 1px no-repeat transparent; border-bottom:1px solid #375e65}
#mainNav a#poems:hover {background:url(../images/global/poems.gif) center -33px no-repeat #bcdede;}
#mainNav span#poems {background-position:center -33px; background-color: #bcdede}

#mainNav a#books, #mainNav span#books {float:left; display:block; height:33px; width:161px; background:url(../images/global/books.gif) center 1px no-repeat transparent; border-bottom:1px solid #375e65}
#mainNav a#books:hover {background:url(../images/global/books.gif) center -33px no-repeat #bcdede;}
#mainNav span#books {background-position:center -33px; background-color: #bcdede}

#mainNav a#projects, #mainNav span#projects {float:left; display:block; height:33px; width:162px; background:url(../images/global/projects.gif) center 1px no-repeat transparent; border-bottom:1px solid #375e65}
#mainNav a#projects:hover {background:url(../images/global/projects.gif) center -33px no-repeat #bcdede;}
#mainNav span#projects {background-position:center -33px; background-color: #bcdede}

#mainNav a#what, #mainNav span#what {float:left; display:block; height:33px; width:251px; background:url(../images/global/what.gif) center 1px no-repeat #82909e; border-right:none; border-bottom:1px solid #375e65}
#mainNav a#what:hover {background:url(../images/global/what.gif) center -33px no-repeat #bcdede;}
#mainNav span#what {background-position:center -33px; background-color: #bcdede}


#mainNav span#menuEnd {float:left; display:block; height:33px; width:251px; background-color: #44b2b2; border-right:none; border-bottom:1px solid #375e65}


/*************************************** Content ******************************************/

#mainContentWrapper {float:left; background: url(../images/global/contentBGBottom.jpg) left bottom no-repeat #fff;}
#mainContent {float:left; border: 1px solid #375e65; border-top:none; border-right: 1px solid #375e65; width:869px; background: url(../images/global/sidebarBG.gif) right bottom no-repeat transparent; padding-left:31px; margin:0; padding-bottom:60px}

#mainContent h3 {float:left; margin-bottom:12px}

#contentLeft {float:left; width:610px}

#contentRight {float:right; background: none #62cece;}

#mainDivider {background: url(../images/global/fadedDivider.gif) left top no-repeat transparent; height:2px; width:581px; margin-bottom:0}

.bottom {border-bottom:none}	

/*************************************** Sidebar ******************************************/

#sidebar {width:235px; background: none #62cece;  padding-left:17px;}
#sidebar p {width:230px; color:#fff; font-size:0.75em; margin:0; padding:0; margin-bottom:17px; line-height:1.15em; text-indent:0}

/*************************************** Footer ******************************************/

#pageFooter {float:left; width:900px; font-family:Verdana, Arial, sans-serif; font-weight:normal; font-size: 11px; text-align:center; margin-top:10px; padding-bottom:20px; color:#4db5b5}