/* Style sheet for robhand.com */


BODY {
/*  color: #FFFF00; */
/*  color-background: #000000; */
  font-family: verdana, arial, helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;

  background-color: #FFFFFF;
  background-image: url(http://www.robhand.com/images/sacroarmilllrgGold-faded.jpg);
}

P, UL, LI, TD, H1, H2, H3, H4, H5, H6 {
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: normal;
}

P, UL, LI, TD, INPUT, DIV {                    /* 08/23/08: We have some DIVs that have text outside of Ps ... */
  font-size: 10pt;

}



UL, UL LI{
text-align:left;
list-style-type:none;
padding-bottom: 6px;
display:block;
}

OL {
text-align: left;
margin-left: 20px;
}


.menu {
}

.menu a:active, .menu a:hover, .menu a:link, .menu a:visited {
padding-bottom: 10px;
display:block;
}


A:link {            /* unvisited link */
  color: #660000;   /* was blue; */
  font-weight: bold;
  text-decoration: none;

}

A:visited {         /* visited link */
  color: #660000;
  font-weight: bold;
  text-decoration: none;

}

A:active {          /* active link */
  color: red;
  font-weight: bold;
  text-decoration: none;

}
A:hover {           /* hover link */
  color: red;
  font-weight: bold;
  text-decoration: none;

}





A.notemark:link {            /* unvisited link */
  color: blue;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
  vertical-align: super;
}

A.notemark:visited {         /* visited link */
  color: blue;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
  vertical-align: super;
}

A.notemark:active {          /* active link */
  color: red;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
  vertical-align: super;
}
A.notemark:hover {           /* hover link */
  color: red;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
  vertical-align: super;
}

#wrapper{
width:960px;
background: url("http://arthatmedia.com/Backgrounds/parchment.gif") 0 0 repeat;
}


.footnote_number {         /* these are the numbers on the footnote itself */
 font-size: 8pt;
 font-weight: bold;
 text-decoration: none;
 vertical-align: super;
}



/* these are links that bring you back from footnotes */
A.notereturn:link {            /* unvisited link */
  color: blue;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}

A.notereturn:visited {         /* visited link */
  color: blue;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}

A.notereturn:active {          /* active link */
  color: red;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}
A.notereturn:hover {           /* hover link */
  color: red;
  font-size: 8pt;
  font-weight: normal;
  text-decoration: underline;
}










.heading {
  font-weight: bold;
  font-size: 12pt;
  margin: 0 0 15px 0;
  
}





.bold {
  font-weight: bold;
}

.strong {            /* this is just for convenience */
  font-weight: bold;
}

.em {
  font-style: italic;
}

.italic {            /* italic */
  font-style: italic;
}


.smaller {
  font-size: 9pt;
}

.extra-small {
  font-size: 8pt;
}

.larger {       /* use this instead of <font size="+1"> */
  font-size: 12pt;
}

.normal {       /* normal text */
  font-size: 10pt;
  font-weight: normal;
}

.headline {      /* use this for real big type */
  font-size: 14pt;
  font-weight: bold;
}

.extra-large {   /* and for even bigger type ... */
  font-size: 22pt;
  font-weight: bold;
}

.serif {   /* use for serif fonts */
  font-family: "Times New Roman", serif;
  font-style: normal;
  font-weight: normal;
}
 



.center {
  text-align: center;
}

.yellow {
  color: yellow;
}

.cyan {
  color: cyan;
}

.red {
  color: red;
}

.white {
  color: white;
}

.black {
  color: black;
}






/* Now some standard features of all pages */
/* We will use id's here                   */
/* These are based on bloomingtonchecker.com   */

#pagetext {
  position: relative;

  top: 4px;
  left: 5%;
  width: 90%;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  background-color: #FFFFFF;
}





/* two page columns - need to position them absolutely, at least for now */
/*  allow about 140 pixels at the top of the page for logo and menu      */


#leftcolumn {            /* left-hand column of the page     */
 position: absolute;

 left: 0px;
 top: 140px;
 width: 205px;
 padding: 0px;         /* if we want to put in header bars, etc., can't do padding... need to pad the element itself */

 min-width: 205px;
 max-width: 205px;

 clear: both;
}

#rightcolumn {          /* right-hand column of the page     */
  
 padding: 0px;

 padding-bottom: 0px;

 width: 100%;
 max-width: none;

 clear: both;
}





#logo_header {            /* this is the top part of the page, all the way across, where we put the logo, etc.  */
  position: relative;     /* normal flow, coordinates are offsets from edges  */
  z-index: 99;

  top: 0px;
  left: 0px;

  width: 100%;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;

  background-image: url(http://www.robhand.com/Backgrounds/sacroarmilllrgGold.jpg);
  background-color: #FFFFCC;
}

#logo_header_secure {     /* this is so we can use a secure version of the background image..... */
  position: relative;

  top: 0px;
  left: 0px;

  margin-top: 0px;
  margin-right: 150px;
  margin-bottom: 0px;
  margin-left: 150px;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border: none;

  background-image: url(https://secure.seanic33.net/southfork/images/back_gradient_01.jpg);
}


#top_logo {              /* this is the actual logo image    */
  float: left;

  top: 0px;
  left: 0px;

  width: 325px;
  height: 100px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border: none;
}


#top_slogan {             /* this is the image containing the slogan */
  float: right;            /* we need to align it on the right */

  top: 0px;
  left: 0px;

  width: 205px;
  height: 84px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border: none;
}


div.spacer {             /* need to insert something in a div to clear the sides when trying to float multiple items within that div */
  clear: both;
 
}


/* for little sections to go into the left column */
/* these sections will have the borders, , etc., rather than the column itself */
.leftcolumn_section {
  position: relative;

  left: 0px;
  top: 0px;

  width: 98%;
  padding: 0px;         /* if we want to put in header bars, etc., can't do padding... need to pad the element itself */

  margin-bottom: 5px;

  border-right-width: 2px;
  border-right-style: solid;
  border-right-color: #FFCC66;

  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FFCC66;

  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #FFCC66;

  background-color: #FFFFCC;
}

p.lc {            /* for paragraphs within the left column, so we can pad them, since the column has no padding */
  font-family: verdana, arial, helvetica, sans-serif;         /* same as regular P */
  font-weight: normal;
  font-size: 10pt;

  margin-top: 5px;           /* add these  */
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 5px;
}





/* do page sections the same way as logo -- i.e., container with right and left contents */
/* these need to be classes, as there will be multiples on each page */
/* NOTE HACKS: CANNOT FLOAT BOTH SIDES, AS THE TEXT SIDE SCREWS UP IN FIREFOX. THUS, USING */
/*  SETTING THE MARGIN IN THE TEXT SIDE AS A HACK TO GET THINGS TO WORK CORRECTLY.         */

.section_container {      /* container for image left/right and paragraph left/right  */
  position: relative;
  z-index: 99;

  top: 0px;
  left: 0px;

  width: 100%;    /* these two are same as right column */
  
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border-right: 1px solid #FFCC66;
  border-left: 1px solid #FFCC66;

  background-color: #FFFFCC;
}



.section_container_last {      /* last one on the page needs a border at the bottom  */
  position: relative;
  z-index: 99;

  top: 0px;
  left: 0px;

  width: 100%;
  min-width: 595px;    /* these two are same as right column */
  max-width: none;

  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;

  border-right: 1px solid #FFCC66;
  border-left: 1px solid #FFCC66;
  border-bottom: 1px solid #FFCC66;

  background-color: #FFFFCC;
}


.padded5 {                 /* similar to p.lc, but used in the right-hand column as a generic class when there is no picture */
  font-family: verdana, arial, helvetica, sans-serif;         /* same as regular P */
  font-weight: normal;
  font-size: 10pt;

  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 5px;
}



.image_left {              /* align an image on the left side   */
  float: left;

  width: 105px;
  height: 130px;

  margin-top: 8px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 2px;
  padding-left: 3px;

  border: none;
}



.paragraph_right {         /* this is a paragraph on the right side */
  text-align: left;

  margin-top: -2px;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-left: 110px;     /* NEED TO SET THIS SO IT WORKS CORRECTLY IN IE AND FIREFOX - SLIGHTLY LARGER THAN .image_left WIDTH */

  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;

  border: none;
}




/* DON'T NEED MARGIN TRICK WITH THESE TWO...  */
.paragraph_left {              /* align a paragraph on the left side   */
  float: left;
  text-align: left;

  /*width: 75%;
  min-width: 75%;
  max-width: 75%;*/
  width: 98%;
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;

  border: none;
}



.image_right {             /* this is an image on the right side */
  float: right;

  width: 105px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 8px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 0px;

  border: none;
}







#mainmenu {
  position: relative;
  text-align: center;
 
  margin-top: 0px;

  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  padding-left: 0px;

  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #000000;

  border-right-style: none;

  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #000000;

  border-left-style: none;

  background-color: #FF7B4B;
}






/* Copyright notice */
#copyright {

  position: relative;
  top: 0px;
  left: 0px;

  width: 98%;

  font-size: 11px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-right: 0px;

  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #FFCC66;

  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #FFCC66;

/*  border-top-style: none;   */
/*  border-right-style: none;   */
/*  border-bottom-style: none;   */
/*  border-left-style: none;   */


  z-index: 99;
}







/* Help to separate one section from another.   */
.headerbar {                                    /* make it a class, as there will be more than one on a page */
  font-family: verdana, arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  margin-bottom:10px;
  width:100%;

  background-color: #FFCC66;
}





/* align text left (with right on same line) */
.alignleft {
 float: left;
}

/* align text right (with left on same line) */
.alignright {
  float: right;
}