body {
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: Arial, helvetica, Verdana, sans-serif;

}

#wrapper {
width: 1020px;
background: url(/images/common/backwide.gif) repeat-y top left;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #wrapper  {
  width: 980px;
} 

#wrapperLotd {
width: 1020px;
background: url(/images/common/backwideLotd.gif) repeat-y top left;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #wrapper  {
  width: 980px;
} 



#wrapperInterview{
width: 1020px;
background: url(/images/interview/backwideInterview.gif) repeat-y top left;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #wrapper  {
  width: 980px;
} 

#wrapperGuide{
width: 1020px;
background: url(/images/guide/backwideGuide.gif) repeat-y top left;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #wrapperGuide  {
  width: 980px;
} 


#wrapperStandard{
width: 1020px;
background: url(/images/common/backwideStandard.gif) repeat-y top left;
padding: 0px 20px;
margin-left: auto;
margin-right: auto;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #wrapperGuide  {
  width: 980px;
} 




#container {
background: url(/images/common/background.gif) no-repeat top left;
width: 980px;
float: left;
}
#mainmenuHolder {
	margin-left: auto;
	margin-right: auto;
	background: url(/images/common/backwhite.gif) repeat-y center left;
	width:1020px;
	padding: 0px 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:980px;
} 
html>body #mainmenuHolder {
  width: 980px;
} 



#mainmenu {
float: left;
width: 980px;
background: #b4cd00 url(/images/common/menuback.jpg) repeat-x bottom left;
font-size: 1.4em;
color: #fff;
font-family: Georgia;
padding: 0px 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:970px;
} 
html>body #mainmenu {
  width: 970px;
} 
#mainmenu ul{
float: left;
width: 970px;

}
#mainmenu ul li {
float: left;

}
#mainmenu ul li a{
padding: 10px;
border: 0;
border-left: 1px solid #376825;
border-right: 1px solid #B3CD00;

float: left;
text-decoration: none;
color: #376825;
}
#mainmenu ul li a:hover {
color: #8B1E2D;
background: #b4cd00 url(/images/common/menuback2.jpg) repeat-x bottom left;
}




#loginMenu {
width: 980px;
float: right;
height: 22px;
}

#loginMenu ul {
list-style: none;
padding: 0;
margin: 0;
color: #fff;

font-size: 1.1em;
font-weight: bold;
}

#loginMenu ul li {
float: right;
margin-right: 15px;
}

#loginMenu ul li a, #loginMenu ul li a:link {
color: #fff;
padding: 5px;
float: left;
border: none;
border-left: 1px solid #fff;
text-decoration: none;
}

#loginMenu ul li a:hover {
color: #B3CD00;

}








#leftDiv {
float: left;
width: 260px;
padding: 0;
margin: 0;
margin-right: 15px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:245px;
} 
html>body #leftDiv {
  width: 245px;
} 

#logo {
float: left;
width: 245px;
margin-top: -22px;
margin-bottom: 20px;
}
#logo a {
border: none;
}

#searchBoxHolder {
background: url(/images/common/search_bottom.gif) no-repeat bottom left;
float: left;
width: 245px;
padding-bottom: 30px;
margin-bottom: 0px;
}
#searchBox {
background: url(/images/common/search_top.gif) no-repeat top left;
float: left;
width: 245px;
padding: 50px 30px 10px 30px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:185px;
} 
html>body #searchBox {
  width: 185px;
} 
#searchBox ul {
float: left;
width: 185px;
padding-top: 10px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
#searchBox ul li {
margin-bottom: 10px;
}
#searchBox ul li input, #searchBox ul li select {
width: 185px;
border: 1px solid #222;
padding: 2px 5px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:173px;
} 
html>body #searchBox ul li input {
  width: 173px;
} 
#searchBox ul li input.searchBut {
padding: 0;
border: none;
width: auto;
}

#mainContent {
float: right;
padding: 0;
margin: 0;

width: 720px;
/* background: url(/images/lays/signback.gif) repeat-y top right; */
}


#donkeytv {
padding-top: 20px;
float: left;
}

#contentLeft {
width: 514px;
float: left;
background: url(/images/lays/contentLeftBack.gif) no-repeat top right;
}
#contentLeftInterview {
width: 514px;
float: left;
background: url(/images/interview/contentLeftBack.gif) no-repeat top right;
}

#contentLeftResults {
width: 514px;
float: left;
background: url(/images/results/contentLeftBack.jpg) no-repeat top right;
}

#contentLeftGuide {
width: 514px;
float: left;
background: url(/images/guide/contentLeftBack.gif) no-repeat top right;
}



#contentRight {
width: 206px;
float: right;


}

#contentRightLays {
width: 206px;
float: right;
background: url(/images/lays/signtop.gif) no-repeat top left;
}

#contentRightInterview {
width: 206px;
float: right;
background: url(/images/interview/layerbloke.jpg) no-repeat top left;
}

#contentRightResults {
width: 206px;
float: right;
background: url(/images/results/resultstop.jpg) no-repeat top left;
}


#contentRightGuide {
width: 206px;
float: right;
background: url(/images/guide/study.jpg) no-repeat top left;
}

#contentRightDiary {
width: 206px;
float: right;
background: url(/images/diary/desk.jpg) no-repeat top left;
}



.resetter {
clear:both;
width: 1px;
height: 1px;
line-height: 1px;
padding: 0;
margin: 0;
}

h1 {
font-size: 2.1em;
line-height: 1.5em;
color: #8B1E2D;
font-weight: normal;
}

h2 {
font-size: 1.4em;
line-height: 1.5em;
color: #8B1E2D;
}

h3 {

}
ul {
}
ul li {
}

a, a:link {
text-decoration: none;
color: #8B1E2D;
border-bottom: 1px dotted #8B1E2D;
}
a:visited {
text-decoration: none;
color: #8B1E2D;
border-bottom: 1px dotted #376825;
}
a:hover {
text-decoration: none;
color: #B3CD00;
border-bottom: 1px dotted #B3CD00;
}

#footer {
}

/* Middle column styling */

#bannerSpace {
margin-top: 45px;
}


#storyHolder {
margin-top: 60px;
}
#storyHeader {
background: #ffffe8;
width: 514px;
padding: 0;
margin: 0;
float: left;
margin-right: 14px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:490px;
} 
html>body #storyHeader {
  width: 490px;
} 






#storyHeader h1 {
font-size: 2.1em;
line-height: 1.5em;
padding: 0;
margin: 0;
color: #8B1E2D;
border-bottom: 1px solid #8B1E2D;
padding-bottom: 5px;
padding-left: 5px;
margin: 15px 10px 10px 15px;
font-weight: normal;
}

#storyHeader h2 {
font-size: 1.4em;
line-height: 1.5em;
padding: 0;
margin: 0;
color: #8B1E2D;
padding-bottom: 0px;
padding-left: 5px;
margin: 10px 10px 0px 15px;
font-weight: bold;
}


#storyHeader h3 {
font-size: 1.4em;
line-height: 1.5em;
padding: 0;
margin: 0;
color: #8B1E2D;
border-bottom: 1px solid #8B1E2D;
padding-bottom: 5px;
padding-left: 5px;
margin: 0px 10px 10px 15px;
font-weight: bold;
}

#storyHeader img {
float: left;
margin: 15px;
width: 351px;
border: 1px solid #8B1E2D;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:319px;
} 
html>body #storyHeader img {
  width: 319px;
} 

#layerpicHolder {
float: left;
padding: 0;
margin: 0;
padding: 5px 0;
margin: 10px;
width: 490px;
border-bottom: 1px solid #8B1E2D;
border-top: 1px solid #8B1E2D;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:470px;
} 
html>body #layerpicHolder {
  width: 470px;
} 



#storyHeader #layerpic img {
width: 190px;
float: left;
border: 1px solid #8B1E2D;
margin-right: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:178px;
} 
html>body #storyHeader #layerpic img {
  width: 178px;
}

#layerpic {
float: left;
width: 190px;
}

#storyHeader h4 {
padding: 0;
margin: 0;
border-bottom: 1px solid #8B1E2D;
margin-top: 55px;
float: right;
padding-bottom: 5px;
width: 139px;
font-size: 1.3em;
font-weight: bold;
color: #8B1E2D;
}


#storyHeader dl {
padding: 0;
margin: 0;
margin-top: 15px;
float: right;
width: 139px;
font-size: 1.1em;
font-weight: bold;
}
#storyHeader dl dt {
float: left;
width: 19px;
color: #B3CD00;
border-bottom: 1px solid #376825;
padding: 0;
margin: 0;
padding-bottom: 10px;
margin-bottom: 10px;
}

#storyHeader dl dd {
float: right;
width: 120px;
color: #B3CD00;
border-bottom: 1px solid #376825;
padding: 0;
margin: 0;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:110px;
} 
html>body #storyHeader dl dd {
  width: 110px;
} 

#storyHeader dl dd a {
text-decoration: none;
color: #8B1E2D;
border-bottom: 1px dotted #8B1E2D;
}

#storyHeader dl dd a:hover {
color: #B3CD00;
border-bottom: 1px dotted #B3CD00;
}

#storySumm {
width: 490px;
font-size: 1.4em;
line-height: 1.5em;
color: #8B1E2D;
border-top: 1px solid #8B1E2D;
border-bottom: 1px solid #8B1E2D;
padding: 10px;
margin: 10px 10px 10px 15px;
float: left;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:445px;
} 
html>body #storySumm {
  width: 445px;
} 

#storySummInterview {
float: right;
width: 290px;
font-size: 1.4em;
line-height: 1.5em;
color: #8B1E2D;
padding: 10px 0;
margin: 10px 10px 10px 15px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:245px;
} 
html>body #storySummInterview {
  width: 245px;
} 




#storyBody {
padding: 0;
margin: 0;
width: 514px;
float: left;
background: #ffffe8 url(/images/common/entryback2.gif) repeat-y right;
}

#interviewBody {
padding: 0;
margin: 0;
width: 514px;
float: left;
background: #ffffe8 url(/images/common/entryback2.gif) repeat-y right;
}


#storyBody p, #interviewBody p {
font-size: 1.2em;
line-height: 1.5em;
padding: 5px 20px 5px 10px;
margin: 0px 15px 10px 10px;
}

#interviewBody p strong {
color: #8B1E2D;
}


#storyBody .internalMenu, #interviewBody .internalMenu {
width: 178px;
float: right;
margin: 10px 25px 20px 15px;
background: #B3CD00 url(/images/common/greenboxbottom.gif) no-repeat bottom left;
color: #fff;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:138px;
} 
html>body .internalMenu {
  width: 138px;
} 


.internalMenu ul {
background: url(/images/common/greenboxtop.gif) no-repeat top left;
list-style: none;
padding: 0;
margin: 0;
padding: 15px 10px;
}

.internalMenu ul li {
border-bottom: 1px solid #fff;
padding-bottom: 8px;
padding-top: 8px;
}


.internalMenu ul li a, .internalMenu ul li a:link {
color: #fff;
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
border-bottom: none;
}
.internalMenu ul li a:hover {
color: #8B1E2D;
}
.internalMenu ul li.commentLink a {
color: #8B1E2D;
}
.internalMenu ul li.commentLink a:hover {
color: #fff;
}

#storyMenu {
padding: 0;
margin: 0;
margin-bottom: 10px;
padding-top: 20px;
width: 514px;
float: left;
background: url(/images/common/entryback.gif) no-repeat bottom right;
}

#storyMenu ul {
float: right;
margin: 20px 25px 20px 0px;
padding: 0;
list-style: none;
border-top: 1px solid #8B1E2D;
width: 514px;
padding: 10px;
margin: 10px 10px 10px 15px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:464px;
} 
html>body #storyMenu ul {
  width: 464px;
} 

#storyMenu ul li {
float: right;
margin-right: 20px;
}





#storyTextMenu {
padding: 0;
margin: 0;
width: 514px;
font-size: 1.1em;
font-weight: bold;
float: left;
background: #ffffe8 url(/images/common/entryback2.gif) repeat-y right;
}

#storyTextMenu ul {
float: right;
padding: 0;
list-style: none;
border-top: 1px solid #8B1E2D;
width: 514px;
padding: 5px 10px;
padding-left: 0;
margin: 0px 10px 0px 15px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:478px;
} 
html>body #storyMenu ul {
  width: 478px;
} 

#storyTextMenu ul li {
padding: 0;
margin:0;
float: left;
margin-top: 5px;
margin-right: 25px;
}
#storyTextMenu ul li a {
border-bottom: none;
}





/* Right Content */

#horseChart {
margin-top: 252px;
float: left;

}

#horseChart p{
padding: 0;
margin: 0;
font-size: 1.17em;
line-height: 1.5em;
float: left;
width: 162px;
border-top: 1px solid #f3dd77;
border-bottom: 1px solid #eaaa24;
padding: 8px 15px;
padding-bottom: 15px;
font-weight: bold;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:132px;
} 
html>body #horseChart p {
  width: 132px;
} 

#horseChart h4 {
padding: 0;
margin: 0;
width: 162px;
border-bottom: 1px solid #8B1E2D;
float: left;
padding-bottom: 5px;
font-size: 1.3em;
font-weight: bold;
color: #8B1E2D;
padding-left: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:152px;
} 
html>body #horseChart h4 {
  width: 152px;
} 


#horseChart dl {
padding: 0;
margin: 0;
font-size: 1.17em;
line-height: 1.5em;
float: left;
width: 162px;
border-top: 1px solid #f3dd77;
border-bottom: 1px solid #eaaa24;
padding-top: 15px;
padding-bottom: 15px;
}
#horseChart dl:hover {
background: #57B6DD;
}

#horseChart dl dt {
padding: 0;
margin: 0;
padding: 0 10px;
font-weight: bold;
}
#horseChart dl dd {
padding: 0;
margin: 0;
padding: 0 10px;
}
#horseChart dl dt a, #horseChart dl dt a:link {
display: block;
}
#horseChart dl dt a:hover {
color: #fff;
border-bottom:  1px dotted #fff;
}

#searchFormLay {
padding: 0;
margin: 0;
font-size: 1.125em;
line-height: 1.5em;
float: left;
background: #57B6DD;
width: 162px;
border-top: 1px solid #f3dd77;
border-bottom: 1px solid #eaaa24;

}
#searchFormLay h3 {
padding-bottom: 5px;
padding-top: 5px;
margin: 5px 10px;
border-bottom: 1px solid #fff;
}
#searchFormLay ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;

}
#searchFormLay ul li {
padding: 0;
margin: 0;
padding-bottom: 5px;
margin: 10px 10px;
}

#searchFormLay input {
padding: 0;
margin: 0;
width: 135px;
background: url(/images/common/formback.gif) repeat-x bottom left;
}

#allLayLink {
padding: 0;
margin: 0;
float: left;
padding: 10px;
margin-top: 10px;
}

#allLayLink a, #allLayLink a:hover {
border-bottom: none;
}








#searchNagme {
padding: 0;
margin: 0;
margin-top: 0px;
padding-top: 0px;
font-size: 1.125em;
line-height: 1.5em;
float: left;;
width: 162px;
border-top: 1px solid #f3dd77;
border-bottom: 5px solid #8e001c;
background: #e7e8d1 url(/images/common/nagme_back.gif) repeat-x top left;

}
#searchNagme h2, #searchNagmeInterview h2 {
padding: 0;
margin: 0;
margin-top: 0px;
}

#contentRightLays #searchNagme p, #contentRightInterview #searchNagmeInterview p {
color: #333;
margin: 10px;
padding: 0;
padding-bottom: 10px;
border-bottom: 1px solid #8e001c;
}

#searchNagme h3 {
color: #8e001c;
font-size: 1.6em;
font-family: Georgia;
font-weight: normal;
padding: 0 10px;
margin: 0;
}
#searchNagmeInterview h3 {
color: #8e001c;
font-size: 1.6em;
font-family: Georgia;
font-weight: normal;
padding: 0 10px;
margin: 0;
}

#searchNagme h4 {
color: #8e001c;
font-size: 1em;
font-family: Georgia;
font-weight: bold;
padding: 8px 0px;
margin: 5px 10px;
border-bottom: 1px solid #8e001c
}
#searchNagmeInterview h4 {
color: #8e001c;
font-size: 1.2em;
font-family: Georgia;
font-weight: normal;
padding: 8px 0px;
margin: 5px 10px;
border-bottom: 1px solid #8e001c
}


#searchNagme ul, #searchNagmeInterview ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;

}
#searchNagme ul li, #searchNagmeInterview ul li {
padding: 0;
margin: 0;
padding-bottom: 5px;
margin: 10px 10px;
}

#searchNagme input, #searchNagme select, #searchNagmeInterview input, #searchNagmeInterview select  {
padding: 0;
margin: 0;
width: 135px;
background: url(/images/common/formback.gif) repeat-x bottom left;
}

#searchNagme #btn_search, #searchNagmeInterview #btn_search {

padding-bottom: 10px;
margin-bottom: -10px;
background: none;
width: 42px;
}



#searchNagmeInterview {
padding: 0;
margin: 0;
margin-top: 0px;
padding-top: 0px;
font-size: 1.125em;
line-height: 1.5em;
float: left;
width: 206px;
border-top: 1px solid #f3dd77;
border-bottom: 5px solid #8e001c;
background: #e7e8d1 url(/images/common/nagme_back.gif) repeat-x top left;

}
/* 

#searchNagmeInterview h3 {
padding-bottom: 10px;
margin: 5px 10px;
border-bottom: 1px solid #8B1E2D;
}
#searchNagmeInterview ul {
padding: 0;
margin: 0;
list-style: none;
margin-top: 15px;

}
#searchNagmeInterview ul li {
padding: 0;
margin: 0;
padding-bottom: 5px;
margin: 10px 10px;
}

#searchNagmeInterview input {
padding: 0;
margin: 0;
width: 135px;
background: url(/images/common/formback.gif) repeat-x bottom left;
}

#searchNagmeInterview #btn_search {
border-bottom: 1px dotted #8B1E2D;
padding-bottom: 10px;
margin-bottom: -10px;
background: none;
}
*/




/* Advert Styling */

.bannerAdHolder {
width: 245px;
float: left;
margin: 0px 0px;
padding: 0;
background: url(/images/common/bannerBack1.gif) no-repeat bottom left;
padding-bottom: 30px;

}

.bannerAd {
width: 245px;
float: left;
background: url(/images/common/bannerBack2.gif) no-repeat top left;
padding: 0;
margin: 0;
padding-top: 50px;
padding-left: 33px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width: 512px;
} 
html>body .bannerAd {
  width: 512px;
} 





/* Submit Form */
#submitLayHolder{
margin-bottom: 20px;
width: 514px;
background: url(/images/common/entryback.gif) no-repeat bottom right;
padding-bottom: 60px;
float: left;
}
#submitLay {
padding: 15px 20px 15px 20px;
margin: 0;
width: 514px;
float: left;
background: #ffffe8 url(/images/common/entryback2.gif) repeat-y right;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:474px;
} 
html>body #submitLay {
  width: 474px;
} 

#submitLayHead {
border-bottom: 1px solid #8B1E2D;
float: left;
width: 474px;
}

#submitLayHead h2 {
border-bottom: 1px solid #8B1E2D;
}

#submitLayHead h3 {
float: left;
width: 159px;
padding-top: 3px;

}

#submitLayHead h4 {
float: right;
width: 315px;
font-size: 1.4em;
color: #B3CD00;
padding-right: 15px;
line-height: 1.4em;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
} 
html>body #submitLay h4 {
  width: 300px;
} 

#submitLayForm {
font-size: 1.17em;
padding-top: 15px;
float: left;
width: 474px;
border-bottom: 1px solid #8B1E2D;

}

#submitLayForm dl {
padding: 0;
margin: 0;
float: left;
width: 474px;
}

#submitLayForm dl dt {
color: #8B1E2D;
float: left;
width: 159px;
padding: 10px 0;
margin: 0;
padding-left: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:149px;
} 
html>body #submitLayForm dl dt {
  width: 149px;
} 

#submitLayForm dl dd {
padding: 10px 0;
margin: 0;
float: right;
width: 315px;
padding-right: 15px;
line-height: 1.4em;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
  }
html>body #submitLayForm dl dd{

  width: 300px;
} 


#submitLayForm dl dd input {
padding: 0;
margin: 0;
width: 200px;
}
#submitLayForm dl dd input#btn_search {
width: 135px;
}

#submitLayForm dl dd textarea {
padding: 0;
margin: 0;
width: 200px
}

.odd {
background: #ecf0d5;
}


/* Footer */

#footerStandard {
widows: 980px;
clear:both;
background: #2b3003 url(/images/common/footerBack.gif) no-repeat top left;
padding: 70px 0 20px 0;
margin: 0;
color: #fff;
font-size: 1.14em;
line-height: 1.5em;
}

#footerInterview {
widows: 980px;
clear:both;
background: #2b3003 url(/images/interview/footerBack.gif) no-repeat top left;
padding: 70px 0 20px 0;
margin: 0;
color: #fff;
font-size: 1.14em;
line-height: 1.5em;
}

#footerGuide {
widows: 980px;
clear:both;
background: #2b3003 url(/images/guide/footerBack.gif) no-repeat top left;
padding: 70px 0 20px 0;
margin: 0;
color: #fff;
font-size: 1.14em;
line-height: 1.5em;
}



#footer ul, #footerInterview ul {
padding: 0;
margin: 0;
list-style: none;
}

#footer ul li, #footerInterview ul li {
margin-bottom: .5em;
}

#footer ul li a, #footer ul li a:link, #footerInterview ul li a, #footerInterview ul li a:link {
color: #fff;
border-bottom: 1px dotted #fff;
} 
#footer ul li a:hover, #footerInterview ul li a:hover {
color: #B3CD00;
border-bottom: 1px dotted #B3CD00;
}
#footerLeft {
float: left;
width: 260px;
padding-left: 15px;
margin-right: 15px;
padding-bottom: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
} 
html>body #footerLeft  {
  width: 230px;
} 

#footerRight{
float: right; 
width: 720px;
}

#footerRightL{
float: left; 
width: 514px;
}

#footerRightR{
float: right; 
width: 206px;
}


/* Interview col */


#interviewCol {
margin-top: 400px;
float: left;
width: 206px;
background: #00afc4 url(/images/interview/noticebottom.jpg) no-repeat bottom left;
padding-bottom: 23px;
color: #fff;

margin-left: 16px;
margin-right: 17px;
margin-bottom: 25px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:173px;
} 
html>body #interviewCol {
  width: 173px;
} 

#interviewCol h4 {
background: url(/images/interview/noticetop.jpg) no-repeat top left;
margin: 0;
padding: 25px 10px 5px 15px;
font-size: 1.4em;


}


#interviewCol ol {
border-top: 1px solid #fff;
margin: 0 10px;
padding-left: 2em;
padding-top: 1em;
font-size: 1.1em; 
}
#interviewCol ol li {
margin: .5em 0;
padding: 0;
}
#interviewCol a {
color: #fff;
border-bottom: 1px dotted #fff;
}

#interviewCol a:hover {
color: #8B1E2D;
border-bottom: 1px dotted #8B1E2D;
}

#interviewCol p {
border-top: 1px solid #fff;
padding-top: .75em;
margin: 1.5em;
font-size: 1.1em; 
}



/* Guide col */


#guideCol {
margin-top: 400px;
float: left;
width: 206px;
background: #00afc4 url(/images/guide/noticebottom.jpg) no-repeat bottom left;
padding-bottom: 23px;
color: #fff;

margin-left: 16px;
margin-right: 17px;
margin-bottom: 25px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:173px;
} 
html>body #guideCol {
  width: 173px;
} 

#guideCol h4 {
background: url(/images/guide/noticetop.jpg) no-repeat top left;
margin: 0;
padding: 25px 10px 5px 15px;
font-size: 1.4em;


}


#guideCol ol {
border-top: 1px solid #fff;
margin: 0 10px;
padding-left: 2em;
padding-top: 1em;
font-size: 1.14em;
line-height: 1.5em; 

}
#guideCol ol li {
margin: .5em 0;
padding: 0;
}
#guideCol a {
color: #fff;
border-bottom: 1px dotted #fff;
}

#guideCol a:hover {
color: #8B1E2D;
border-bottom: 1px dotted #8B1E2D;
}

#guideCol p {
border-top: 1px solid #fff;
padding-top: .75em;
margin: 1.5em;
font-size: 1.16em; 
font-weight: bold;
}



/* Submit Form */
#submitQuestionHolder{
margin-bottom: 20px;
width: 514px;
background: url(/images/common/entryback.gif) no-repeat bottom right;
padding-bottom: 60px;
float: left;
}
#submitQuestion {
padding: 15px 20px 15px 20px;
margin: 0;
width: 514px;
float: left;
background: #ffffe8 url(/images/common/entryback2.gif) repeat-y right;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:474px;
} 
html>body #submitQuestion {
  width: 474px;
} 

#submitQuestionHead {
border-bottom: 1px solid #8B1E2D;
float: left;
width: 474px;
}

#submitQuestionHead h2 {
border-bottom: 1px solid #8B1E2D;
font-size: 1.8em;
}

#submitQuestionHead h3 {
float: left;
width: 159px;
padding-top: 3px;

}

#submitQuestionHead h4 {

width: 315px;
font-size: 1.4em;
color: #B3CD00;
padding-right: 15px;
line-height: 1.4em;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
} 
html>body #submitQuestion h4 {
  width: 300px;
} 

#submitQuestionForm {
font-size: 1.17em;
padding-top: 15px;
float: left;
width: 474px;
border-bottom: 1px solid #8B1E2D;

}

#submitQuestionForm dl {
padding: 0;
margin: 0;
float: left;
width: 474px;
}

#submitQuestionForm dl dt {
color: #8B1E2D;
float: left;
width: 159px;
padding: 10px 0;
margin: 0;
padding-left: 10px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:149px;
} 
html>body #submitQuestionForm dl dt {
  width: 149px;
} 

#submitQuestionForm dl dd {
padding: 10px 0;
margin: 0;
float: right;
width: 315px;
padding-right: 15px;
line-height: 1.4em;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:300px;
  }
html>body #submitQuestionForm dl dd{

  width: 300px;
} 


#submitQuestionForm dl dd input {
padding: 0;
margin: 0;
width: 200px;
}
#submitQuestionForm dl dd input#btn_search {
width: 135px;
}

#submitQuestionForm dl dd textarea {
padding: 0;
margin: 0;
width: 200px
}



/* Standard page 1 */

#leftDivTop {
float: left;
width: 245px;
}
#mainTop {
float: right;
width: 735px;
}
#mainTopLeft {
float: left;
}

#mainTopRight {
float: right;
width: 206px;
}
#standardContent {
float: left;
width: 980px;
margin-top: -20px;
padding-left: 14px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:966px;
} 
html>body #standardContent {
  width: 966px;
} 
#standardContentLeft {
float: left;
width: 760px;
padding-bottom: 50px;
background: url(/images/all_donkeys/entryBackStandard.gif) no-repeat bottom right;
}

#standardContentHolder {
float: left;
width: 760px;
background: url(/images/all_donkeys/entryBackStandardtile.gif) repeat-y top right;
}

#standardHeader {
border-bottom: 1px solid #8B1E2D;
margin: 10px;
}
#standardHeader h1 {
font-weight: bold;
  font-size: 1.8em;
  line-height: 1.6em;
}
#standardHeader h1 span {
font-size: .6em;
font-weight: normal;
float: right;
}
#standardBody {
border-bottom: 1px solid #8B1E2D;
margin: 10px;
float: left;
width: 760px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:740px;
} 
html>body #standardBody {
  width: 740px;
} 


table#allDonkeys {
width: 460px;
}
table#allDonkeys th {
border-collapse: collapse;
color: #8B1E2D;
font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 5px 0px;
  background: #fff;
  width: 55px;
  border-bottom: 1px solid #8B1E2D;
}
table#allDonkeys th#timecol {
width: 70px;
}
table#allDonkeys th#namecol {
width: 100px;
}
table#allDonkeys th#coursecol {
width:180px;
}
table#allDonkeys th#allodds {
width: 60px;
}

table#allDonkeys td {
border-collapse: collapse;
padding: 10px 0px;
vertical-align: middle;
padding-left: 5px;
  font-size: 1.1em;
  line-height: 1.2em;
  border-bottom: 1px solid #B3CD00;
}
table#allDonkeys td.redcell {
background: #8B1E2D;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
text-align: center;

}
table#allDonkeys td.nopad {
background: #8B1E2D;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:0; 
}

table#allDonkeys td.greencell {
background: #B3CD00;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
text-align: center;
}
#standardContentRight {
float: right;
width: 206px;
}

#skyscraperHolder {
padding: 10px;
width: 192px;
height: 647px;
background: url(/images/common/skyscraperback.gif) no-repeat top left;
margin-left: 15px;
margin-top: 50px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:177px;
} 
html>body #skyscraperHolder {
  width: 177px;
} 


#skyscraperHolder img {
margin: 18px;
}
#footerStandard {
widows: 980px;
clear:both;
background: #2b3003 url(/images/home/footerhome.gif) no-repeat top left;
padding: 70px 0 20px 0;
margin: 0;
color: #fff;
font-size: 1.1em;
line-height: 1.5em;
}
#standardContentLay {
float: left;
width: 980px;


} 

.layLeft {
float: left;
width: 265px;
padding-top: 20px;
margin-right: 20px;
display: inline;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:245px;
} 
html>body .layLeft {
  width: 245px;
} 

.layRight {
float: right;
width: 715px;
padding-top: 20px;
}

.layContentHolder {
background: url(/images/lotd/layBottom.jpg) no-repeat bottom left;
padding-bottom: 35px;
float: left;
margin-bottom: 20px;
width: 680px;
}
.layContent {
background: url(/images/lotd/layTop.jpg) no-repeat top left;
padding-top: 50px;
float: left;
width: 680px;

padding-left: 24px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:656px;
} 
html>body .layContent {
  width: 656px;
} 
.speech {
background: url(/images/lotd/speech_bottom.jpg) no-repeat bottom left;
padding: 20px;
margin-bottom: 10px;
padding-bottom: 20px;
padding-top: 10px;
float: left;
width: 415px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:375px;
} 
html>body .speech {
  width: 375px;
} 
.speech h1 {
  font-size: 2.4em;
 font-family: Georgia;
 color: #2a6813;
 font-style: italic;
 margin-bottom: 1px;
 padding-bottom: 3px;
 border-bottom: 1px dotted #2a6813;
  line-height: 1.4em;
}
.speech h2 {
  font-size: 1.8em;
 font-family: Georgia;
 color: #2a6813;
 font-style: italic;
 margin-bottom: 20px;
 padding-bottom: 3px;

  line-height: 1.4em;
  
  }
.speech p {
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 1.4em;
  }
.speech p#message_lay {
border-bottom: 1px dotted #B3CD00;
padding-bottom: 10px;
color: #376825;
font-size: 2em;
 margin-bottom: .5em;
}
#past_lays {
  font-size: 1.2em;
  line-height: 1.4em;
  border-top: 1px  dotted #2a6813;
  padding-top: 10px;
  font-weight: bold;
  }
#lay_odds {
margin-bottom: 5px;
font-weight: bold;
color: #2a6813;

}
#past_lays a {
border-bottom: none;
}



/*///////////////////////////////////////////////////// Results CSS start here ///////////////////////////////////////////////////////////*/

.topResults {

float: left;
width: 460px;
padding-left: 20px;
}

.resultMenuHolder {
float: left;
width: 460px;
background: url(/images/results/menu_back1.jpg) no-repeat top left;
margin-bottom: 20px;
}

#resultMenu {
float: left;
width: 460px;
background: url(/images/results/menu_back2.jpg) no-repeat top right;
}
#resultMenu li {
float: left;
  background: url(/images/results/divider.gif) repeat-y top right;
}

#resultMenu li a, #resultMenu li a:link, #resultMenu li a:visited {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #376825;
  padding: 7px 12px;
  text-decoration: none;
  
  border: none;	
  display: block;

	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}
#resultMenu li a:hover {
color: #fff;
}
#resultMenu li span.resSelected  {
background: url(/images/results/divider.gif) repeat-y top right;

}
#resultMenu li span.resSelected a {
background: url(/images/results/menu_rollover.gif) no-repeat center bottom;

}




.resultTables {
float: left;
width: 460px;
margin-bottom: 20px;
}

.resultRow {
float: left;
width: 460px;
background: url(/images/results/box_bottom.gif) no-repeat bottom left;
margin-bottom: 10px;
}

.resultBox{
float: left;
width: 126px;
display: inline;
margin-right: 11px;
background: url(/images/results/box_top2.gif) no-repeat top left;
padding: 10px;
padding-bottom: 15px;
}

.last {
margin-right: 0px;
}

#storyHeader .resultBox h3 {
padding: 0;
margin: 0px;
margin-bottom: 10px;
padding: 2px 0px;
border-bottom: 1px solid #376825;
font-weight: normal;
  font-size: 1.2em;
  font-weight: bold;
  color: #376825;
  line-height: 1.4em;
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.resultBox ul {
list-style-image: url(/images/results/bullets.gif);
margin-left: 15px;
  font-size: 1.1em;
  line-height: 1.4em;
}

.resultBox ul li {
margin-bottom: 5px;

}

.resultBox ul li a {
text-decoration: none;
color: #fff;
border: none;
  font-size: 1.1em;
  line-height: 1.4em;
}

#resultSearch {
margin-top: 10px;
float: left;
}

#resultSearch ul {
width: 126px;
margin: 0;
padding: 0;
list-style: none;

}
#resultSearch ul li {
float: left;
}
#resultSearch input {
width: 80px;
margin-right: 5px;
}
#resultSearch ul li a {
padding-top: 4px;
float: left;
}

#storyHeader .searchResults img {
width: auto;
border: none;
margin: 0;
padding: 0;
}

.searchResults {
float: left;
width: 460px;
padding-left: 20px;
}
#storyHeader .searchResults h3 {
padding: 0;
margin: 0;
margin-bottom: 10px;
margin-top: 25px;
}

.searchResults table {
width: 460px;

  font-size: 1.2em;
  line-height: 1.4em;
}

.searchResults table th {
background: #376825;
padding: 0px;
text-align: left;
width: 50%;
border-right: 1px solid #fff;
border-collapse: collapse;
border-bottom: 1px solid #fff;
padding: 10px;
}

.searchResults table td {
padding: 0px;
text-align: left;
width: 50%;
background: #e2e9bd;

padding: 6px 10px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-collapse: collapse;
vertical-align: top;
}

.searchResults table tr.besties td {
background: #B3CD00 url(/images/results/greenfade.jpg) repeat-x bottom left;
}

#storyHeader .searchResults table dl, #storyHeader .searchResults table dt, #storyHeader .searchResults table dd, #storyHeader .searchResults table dd a, #storyHeader .searchResults table dd a:hover, #storyHeader .searchOptions dl, #storyHeader .searchOptions dt, #storyHeader .searchOptions dd, #storyHeader .searchOptions dd a, #storyHeader .searchOptions dd a:hover {
font-size: 1em;
width: auto;
float: left;
margin: 0;
padding: 0;
text-decoration: none;
border: none;
font-weight: normal;
}


#storyHeader .searchResults table dl {
width: 209px;
float: left;
margin: 0;
padding: 0;
}
#storyHeader .searchResults table dt {
float: left;
width: 90px;
border: none;
} 
#storyHeader .searchResults table dd {
float: right;
width: 119px;
border: none;
color: #2a6813;
}

#storyHeader .searchResults table th dl dt {
color: #fff;
}
#storyHeader .searchResults table th dl dd a {
color: #fff;
}

#storyHeader .searchResults table td dl dt {
color: #376825;
}
#storyHeader .searchResults table td dl dd a {
color: #8B1E2D;
}
#storyHeader .searchResults table td dl dd a:hover {
color: #376825;
}
#storyHeader .searchResults p {
  font-size: 1.1em;
  line-height: 1.4em;
  background: #e2e9bd;
  padding: 5px 10px;
}


.searchSlider {

float: left;
width: 460px;
}
#storyHeader .searchResults .searchSlider h3 {
background: url(/images/results/greenfade.jpg) repeat-x top left;
padding: 5px 10px;
color: #fff;
margin-bottom: 0px;
border-bottom: none;

}


.sliderBody {
background: #e2e9bd;
float: left;
width: 440px;
padding: 20px 10px;
font-size: 10px;
color: #376825;
}
.searchOptions {
background: #659f00 url(/images/results/bigfade.png) repeat-x top left;
float: left;
width: 440px;
padding: 10px;
margin-top: 1px;
}
#storyHeader .searchResults .searchOptions dl {
width: 440px;
float: left;
font-size: 1.1em;
color: #fff;
padding: 0;
margin: 0;
margin-bottom: 10px;
}
#storyHeader .searchResults .searchOptions dt {
float: left;
width: 25px;

padding: 0;
margin: 0;

}
#storyHeader .searchResults .searchOptions dt input {
float: left;
width: 25px;
padding: 0;
margin: 0;
}
#storyHeader .searchResults .searchOptions dd {
color: #fff;
float: right;
width: 415px;

padding: 0;
margin: 0;
}

#storyHeader .searchResults .searchReset {
float: left;
width: 460px;
border-top: 1px solid #8B1E2D;
margin: 0;
padding: 0;
margin-top: 1px;
padding: 10px 0px;
}

/*///////////////////////////////////////////////////// Results CSS end here ///////////////////////////////////////////////////////////*/


#footerStandard ul {
padding: 0;
margin: 0;
list-style: none;
}

#footerStandard ul li {
margin-bottom: 5px;
}

#footerStandard ul li a, #footerStandard ul li a:link {
color: #fff;
border-bottom: 1px dotted #fff;
padding-bottom: 2px;
text-decoration: none;
} 
#footerStandard ul li a:hover {
color: #B3CD00;
border-bottom: 1px dotted #B3CD00;
}
#footerStandardLeft {
float: left;
width: 260px;
padding-left: 15px;
margin-right: 15px;
padding-bottom: 20px;
voice-family: "\"}\""; 
  voice-family:inherit;
  width:230px;
} 
html>body #footerStandardLeft  {
  width: 230px;
} 

#footerStandardRight{
float: right; 
width: 720px;
}

#footerStandardRightL{
float: left; 
width: 514px;
}

#footerRightR{
float: right; 
width: 206px;
}



