/* CSS definition file for Thorpinstitute.com */

body {
  background-color : #fff;
  color : #000;
  background : url(/site/images/graystoneback.gif);
}

body.print {
  background : none;
}

#pheader {
  text-align : right;
  border-bottom : 4px solid #036;
}

#pheader h1 {
  color : #036;
  font-size : 2em;
  margin : 0px 20px;
  font-family : Arial, Helvetica, sans-serif;
}

#return {
  position : absolute;
}

div.printfooter {
  clear : both;
  text-align : center;
  padding : 0.25em;
  font-size : 0.7em;
  border-top : 4px solid #039;
  margin-top : 2em;
}

a {
  color : #036;
}

a:hover {
  background-color : #607FB8;
  color : #fff;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #607FB8;
}

div.bannertop {
  background : url(/site/images/banner_top.jpg);
  width : 586px;
  height : 39px;
}

table.bannertable {
  background : url(/site/images/banner_back.jpg);
  background-repeat : repeat;
}

td.bannertext {
  background : url(/site/images/banner_text.jpg);
  background-repeat : repeat-x;
}

h1.bannertext {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 18pt;
  font-weight : bold;
  margin : 0px;
  color : #000;
}

div.bannerbottom {
  background : url(/site/images/banner_bottom.jpg);
  width : 586px;
  height : 22px;
}

h1
 {
  font-family : Times, "Times New Roman", Serif;
  font-weight : bold;
  font-size : 16pt;
  color : #003366;
}

h1.red
 {
  font-family : Times, "Times New Roman", Serif;
  font-weight : bold;
  font-size : 16pt;
  color : red;
}

h2
 {
  font-family : Times, "Times New Roman", Serif;
  font-weight : bold;
  font-size : 12pt;
}

h3
 {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-weight : bold;
  font-size : 12pt;
}

hr.blue
 {
  margin-top : 5px;
  width : 90%;
  height : 3px;
  border : 0;
  background-color : #003366;
}

ul.bluelist
 {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 10pt;
  color : #003366;
}

ul.footer
 {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 9pt;
  text-align : left;
}

p
 {
  font-size : 10pt;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
}

li
 {
  font-size : 10pt;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
}

p.redquote
 {
  font-size : 10pt;
  font-family : Times, "Times New Roman", Serif;
  background-color : #FFFFFF;
  color : #FF0000;
}

p.authornote
 {
  font-size : 10pt;
  font-family : Times, "Times New Roman", Serif;
}

img.RPic {
  margin-top : 0.25em;
  margin-left : 10px;
  margin-right : 0px;
  margin-bottom : 0.25em;
  float : right;
}

img.LPic {
  margin-top : 0.25em;
  margin-right : 10px;
  margin-left : 0px;
  margin-bottom : 0.25em;
  float : left;
}

p.footer
 {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 9pt;
}

p.footer2
 {
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 8pt;
}

p.footerheading
 {
  font-family : Times, "Times New Roman", Serif;
  font-weight : bold;
  font-size : 12pt;
}

p.sidetext
 {
  text-align : center;
  font-size : 8pt;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  color : rgb(255,153,51);
}

a.sidelink
 {
  text-align : center;
  font-size : 8pt;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  color : rgb(255,153,51);
}

.menulist a,
.menulist a:visited {
  position : relative;
  text-decoration : none;
  text-align : center;
  background-color : #003366;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 12pt;
  font-weight : bold;
  color : #fff;
  display : block;
  width : 10em;
  border : 2px solid #fff;
  border-color : #def #678 #345 #cde;
  padding : 0.25em;
  margin : 0.5em auto;
}

.menulist a:hover,.menulist a:active {
  background-color : rgb(255,153,51);
  color : #000;
}

.menulist a:active {
  border-color : #345 #cde #def #678;
}

ul.makeMenu, ul.makeMenu ul {
  font-family : Arial,Helvetica,sans-serif;
  font-size : 10pt;
  font-weight : bold;
  width : 10em;
  border-top : 1px solid #999;
  border-left : 1px solid #999;
  border-right : 1px solid #999;
  background-color : #607FB8;
  padding-left : 0px;
  cursor : default;
  margin : 0px;
}

ul.makeMenu li {
  border-bottom : 1px solid #999;
  padding : 0.1em 12px 0.1em 0.5em;
  list-style-type : none;
  margin : 0px;
  position : relative;
  color : #fff;
  z-index : 1
}

ul.makeMenu li > ul {
  display : none;
  position : absolute;
  top : 0px;
  left : 10em;
}

ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  background-color : #036;
  color : #fff;
}

ul.makeMenu ul.CSStoShow {
  display : block;
}

ul.makeMenu li:hover > ul {
  display : block;
}

ul.makeMenu li a {
  color : #fff;
  display : block;
  width : 100%;
  text-decoration : none;
}

ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink {
  color : #fff;
  background-color : #036;
}

ul.makeMenu li:hover > a {
  color : #fff;
}

li.arrow {
  background : url(/site/images/tri-white.gif);
  background-repeat : no-repeat;
  background-position : right;
}

/* =================FORM ELEMENTS================= */
.formitem {
  background-color : #D3E1D4;
  border : 1px solid #000;
}

.formtitlebreak{
  line-height:1px;
  clear: right;
}

span.formrequired {color:#f00; font-weight:bold; padding-right:2px;}
.formtitlebreak{
  line-height:1px;
  clear: right;
}

div.formtitle,div.wtitle {
  float : left;
  text-align : right;
  font-weight : bold;
  padding : 5px 20px 5px 0px;
  font-size : 0.8em;
}

div.formtitle {
  width : 100px;
}

div.wtitle {
  width : 150px;
  clear : both;
}

p.title {
  font-weight : bold;
  font-size : 0.8em;
  margin-left : 20px;
}

div.forminfo {
  display : block;
  margin-left : 120px;
  padding : 5px 0px 5px 0px;
}

input.messagesubmit {
  background-color : #D3E1D4;
  color : #000;
  cursor : pointer;
  font-weight : bold
}

div.error {
  margin : 10px auto;
  border : 2px solid #f00;
  background-color : #f88;
  padding : 0.5em;
  width : 300px;
  text-align : center;
}

/* =================IMAGES================= */
img.left {
  float : left;
  margin-right : 1em;
  vertical-align : text-top;
}

img.right {
  float : right;
  margin-left : 1em;
  vertical-align : text-top;
}

a.imagelink {
  padding : 3px;
  display : block;
}

a.imagelink:hover {
  color : #ccc
}

/* =========== MEMBER CENTER ============ */
#mcwrapper {
  text-align : center;
}

#mccontainer {
  text-align : left;
  margin : 0px auto;
  width : 800px;
  border : 1px solid #888;
  background-color : #fff;
}

#mcheader {
  margin : 0px;
  padding : 1em;
  background-color : #036;
  height : 110px;
  font-family : Arial, Helvetica, sans-serif;
}

#mccontent tr.even {
  background-color : #ddf
}

#mccontent tr.odd {
  background-color : #fff
}

#mccontent th,#mccontent td {
  padding : 2px 5px;
}

#mcheader h1 {
  margin-top : 30px;
  color : #fff;
  text-align : right;
  font-family : Arial, Helvetica, sans-serif;
}

#mccontent {
  padding : 1em;
}

#mclogin {
  color : #fff;
  text-align : right;
  top : 20px;
  font-size : 0.9em;
}

#mclogin a {
  color : #fff;
  text-decoration : none;
}

#mcnav {
  text-align : center;
  padding : 10px 10px;
  background-color : #ccc;
  border-bottom : 1px solid #888;
}

#mcnav a {
  text-decoration : none;
  background-color : #888;
  font-family : Arial,Helvetica,Geneva,Sans-serif;
  font-size : 0.8em;
  font-weight : bold;
  color : #fff;
  display : inline;
  border : 1px solid;
  border-color : #def #678 #345 #cde;
  padding : 3px 5px;
}

#mcnav a:hover,.menulist a:active {
  background-color : rgb(255,153,51);
  color : #000;
}

#mcnav a:active {
  border-color : #345 #cde #def #678;
}

/* =================LOGIN================= */
#loginheading {
  color : #036;
  font-weight : bold;
  font-size : 1.5em;
}

#login table {
  background-color : #cdf
}

#login th {
  background-color : #cdf;
  text-align : right;
  font-size : 1em;
  font-weight : bold;
}

#login input {
  font-size : 1.4em;
  margin : 2px;
}

#login td {
  background-color : #cdf;
  padding : 1px 3px;
}

#login {
  margin : 2em auto;
  padding : 1em;
  background-color : #cdf;
  border : 2px solid #888;
  border-color : #ddd #666 #333 #ccc;
  width : 30em;
  text-align : center;
}

/* =================HOME PAGE================= */
#overlay {
  z-index : 10000;
  margin-top : -10px;
  background-image : url(/images/overlay.png);
}

a.stdbutton {
  padding : 0.25em .5em;
  text-decoration : none;
  display : inline;
  border : 1px solid #bbb;
  font-weight : bold;
  border-color : #ddd #888 #777 #ccc;
  background-color : #ccf;
  color : #036;
}

a.stdbutton:hover {
  background-color : #eee;
}

#videopick a {
  text-decoration : none;
  color : #000;
}

#framePage {
  background-color : #fff;
}

#pdf_links a {
  display : block;
  width : 200px;
  margin-left : 20px;
  margin-bottom : 2px;
  text-decoration : none;
  border : 1px solid #aaf;
  padding : 0px 3px;
}

#disclaimer {
  text-align:left;
  color : #a00;
}
#disclaimer p {
  font-size : 0.5em;
}