/*
  (Credit where credit due)
  Original page layout created by Keith Donegan of Code-Sucks.com
  
  E-Mail: Keithdonegan@gmail.com
    You can do whatever you want with these layouts,
  but it would be greatly appreciated if you gave a link
  back to http://www.code-sucks.com
  
  */


/* margin = outside
   pagging = inside
   */

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: georgia, serif;
    font-size:   13px;
    text-align:  center;
}

h1 {
    font-size:   32px;
}

body, p, h1, h2, h3 {
    text-align: center
}

.clear {
	clear: both;
}

p.plaintext {
    /* top right bottom left */
    margin: 0.25em 0em 0em 0em;
}

p.biogtext {
    /* top right bottom left */
    margin: 5px 5px 5px 5px;
}

p.biogtextitalic {
    /* top right bottom left */
    margin:     0px 5px 0px 5px;
    font-style: italic;
}

h3.italic {
    font-style: italic;
}

#wrapper {
    /*
     * entire page wrapper
     * needed width = content.realwidth + content.border +
     *                  leftstripe.pad + rightstripe.rightpad
     * = 667 + (1 + 1) + 120 + 120
     * = 909
     * then add leeway
    */
    width:    911px;
    overflow: auto;
    /* top right bottom left */
    margin:   0 auto 0 auto; /* centers the page */
    padding:  0 5px 0 5px;
}

#leftstripe { 
    float:        left;
    display:      inline;
    position:     relative;
    color:        #333;
    background:   #E7DBD5;
    /* top right bottom left */
    margin:       10px 0px 10px 0px;
    padding-left: 120px;
    overflow:     auto;
}

#rightstripe {
    position:      relative;
    float:         left;
    display:       inline;
    color:         #333;
    background:    #E7DBD5;
    padding-right: 120px;
}

#content { 
    position:   relative;
    float:      left;
    display:    inline;
    color:      #333;
    border:     1px solid #ccc;
    background: #F2F2E6;
    /* top right bottom left */
    padding:    10px 5px 10px 5px;
    /*
     *  Real width = width + padding-left + padding-right
     *             = 657 + 5 + 5
     *             = 667
     */
    width:      657px;
}

.textbox {
	width:         auto;
	text-align:    center;
	padding-left:  40px;
	padding-right: 40px;
}

#biogs-container {
    position:  relative;
    display:   inline;
    float:     left;
    width:     100%;
    /* top right bottom left */
    padding:   0 0 0 0;
    margin:    0 0 0 0;

}

#leftbiog {
    position:    relative;
    float:       left;
    clear:       none;
    width:       310px;
    height:      450px;
    /* top right bottom left */ 
    margin:      0px 0px 0px 9px;
    padding-top: 5px;
    border:      1px solid #FFD700;
}

#rightbiog {
    position:    relative;
    float:       right;
    clear:       right;
    width:       310px;
    height:      450px;
    /* top right bottom left */ 
    margin:      0px 9px 0px 0px;
    padding-top: 5px;
    border:      1px solid #FFD700;
}

img.biogpic {
    /* top right bottom left */ 
    margin: 5px 0px 5px 0px;
    height: 200px;
    width:  auto;
}