body {
    /*
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    margin: 0;
    padding: 0;
    background: #c9f;
    */
}

h2 {
    font-size: 18px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #F3901C;
    margin: 0 0 10px 0;
    padding: 0;
}


h3 {
    font-size: 14px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 0;
}


a:link, a:active, a:visited {
    color: #90f;
    text-decoration: none;
}

a:hover {
    color: #90f;
    text-decoration: underline;
}

.linkSmall {
    font-size: 7pt;
}

p { text-align: justify; }

ul { text-align: left; }

form {
    margin: 0;
    padding: 0;
    display: inline;
}

.categoryHeader {
    font-weight: bold;
    color: #639;
}

.paraTextBlock {
    margin-bottom: 15px;
}


.spacer {
    width: 450px;
    height: 2px;
    margin: 25px auto;
    text-align: center;
    background-color: #c9c;
}

.bgBlock {
    background-color: #eee;
    text-align: center;
    padding: 50px auto;
}


.bgBlock p span.categoryHeader {
    background-color: #eee;
    text-align: center;
    /*padding: 50px auto;*/
}


.italics {
    font-style: italic;
}

.error {
    color: #f00;
}

.text-left {
    text-align: left;
    margin-left: 0;
    float: left;
}

.text-right {
    text-align: right;
    margin-right: 0;
    float: right;
}
.button-right {
    margin-right: 0;
    float: right;
    clear: left;
}


.txtInputShort {
    background-color: #ccc;
    border: 1px solid #306;
    margin: 0;
    padding: 1px;
    font-family: Verdana, Arial, sans-serif;
    color: #666;
    font-size: 8pt;
    width: 75px;
}

.frmSection {
    margin-bottom: 15px;
}

table.acctSettingsTbl {
    border-spacing: 3px;
    /*
    width: 500px;
    width: 400px;
    */
    border: 0;
}

table.acctSettingsTbl td {
    white-space: nowrap;
    margin: 3px;
    vertical-align: middle;
}

table.acctSettingsTbl td.leftCol {
    white-space: nowrap;
    width: 205px;
    vertical-align: middle;
    text-align: right;
}

table.acctSettingsTbl td.rightCol {
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
}

.ltrContainer {
    display: inline;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    background-color: pink;
    border: 1px solid red;
}

.lgGreek {
    font: 20pt bold 'Times New Roman';
}

.medGreek {
    font: 16pt bold 'Times New Roman';
    margin: 0 auto;
}

.t6  { font-size: 6pt; }
.t7  { font-size: 7pt; }
.t8  { font-size: 8pt; }
.t9  { font-size: 9pt; }
.t10 { font-size: 10pt; }
.t11 { font-size: 11pt; }
.t12 { font-size: 12pt; }

#login {
    width: 100%;
    height: 30px;
    border-bottom: 2px solid #90f;
    background-color: #c9f;
    float: right;
    clear: both;
    padding: 3px 0;
    text-align: center:
}

#loginModule {
    height: 25px;
    width: 700px;
    text-align: center;
    margin: 3px auto;
}


form#loginForm {
    float: right;
    margin-right: 15px;
}

#headerPassword, #loginPass {
    display: none;
}

#main-body-content {
    background-color: #f5eef9;
    min-height:600px;
    height:auto !important;
    height:600px;
}

#main-body-content-small
{
    background-color: #f5eef9;
    min-height:175px;
    height:auto !important;
    height:195px;
}

#loginForm .frmSubmit {
    background-color: #96c;
    border: 1px dashed #609;
    margin: 0 20px 0 0;
    padding: 1px;
    font-family: Verdana, Arial, sans-serif;
    color: #609;
    font-size: 7pt;
    font-weight: bold;
}

#greekHeader {
    /*background: #fff url('/images/dsp_back.gif') top left no-repeat;*/
    /*
    border: 0;
    width: 186px;
    height: 219px;
    overflow: hidden;
    margin: 10px 0 15px 10px;
    float: left;
    clear: right;
    */
    border: 1px solid red;
    border: 0;
    width: 130px;
    height: 100px;
    /*overflow: hidden;*/
    margin: 5px 0;
    float: left;
    /*clear: right;*/
    text-align: center;
    padding-left: 22px;
}

#dspHeader {
    /*
    margin: 5px auto;
    width: 130px;
    height: 45px;
    padding: 0 auto;
    */
    margin: 5px 0;
    width: 130px;
    height: 45px;
    padding: 0 auto;
    text-align: center;
}

#xiPhiHeader {
    /*
    margin: 5px auto;
    height: 100px;
    width: 150px;
    */
    margin: 5px 0;
    width: 130px;
    height: 60px;
    text-align: center;
}

#mainContainer {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #90f;
}

#centerColumn {
    width: 700px;
    height: auto;
    background-color: #fff;
    margin: 0px auto;
    padding: 15px;
    text-align: center;
    border: 3px solid #7b28ce;
}

#pageContent {
    background-color: #fff;
    background-color: red;
    float: right;
    margin: 0;
    padding: 5px;
    float: left;
    width: 680px; 
    height: auto;
}

#editAccountForm {
    /*background-color: #fff;*/
}

/*
form#editAccountForm .frmStyle, 
form#editAccountForm .frmStyleShort, 
form#editAccountForm select.frmStyle, 
form#editAccountForm .frmStyleDisabled, 
form#editAccountForm .frmStyleShortDisabled, 
form#editAccountForm select.frmStyleDisabled 
{
    background-color: #E9E7E7;
    border: 1px solid #306;
    font-family: Verdana, Arial, sans-serif;
    font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    width: 300px;
    padding: 0;
    padding-left: 2px;
}

form#editAccountForm select.frmStyle {
    padding: 0;
}

form#editAccountForm .frmStyleShort {
    width: 55px;
}

form#editAccountForm .frmStyleDisabled, 
form#editAccountForm .frmStyleShortDisabled, 
form#editAccountForm select.frmStyleDisabled 
{
    background-color: #C3C3C3;
}
*/
.frmStyle, 
.frmStyleTestarea, 
.frmStyleShort, 
select.frmStyle, 
.frmStyleDisabled, 
.frmStyleShortDisabled, 
select.frmStyleDisabled 
{
    background-color: #E9E7E7;
    border: 1px solid #306;
    font-family: Verdana, Arial, sans-serif;
    font-family: "Trebuchet MS",Verdana, Arial, sans-serif;
    font-weight: bold;
    color: #666;
    font-size: 12px;
    width: 300px;
    padding: 0;
    padding-left: 2px;
}

select.frmStyle {
    padding: 0;
}

.frmStyleShort {
    width: 55px;
}

.frmStyleDisabled, 
.frmStyleShortDisabled, 
select.frmStyleDisabled 
{
    background-color: #C3C3C3;
}

.frmStyleTextarea 
{
    width: 650px;
    height: 150px;
    background-color: #E9E7E7;
    border: 1px solid #306;
    padding-bottom: 20px;
    margin-bottom: 20px;
}





#submitButton {
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
}

#contactInformation {
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
}





input[type=submit] 
{
    border: 2px solid #306;
    background-color: #c6f;
    color: #666;
    margin: 10px auto;
    padding: 0px auto;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}

input:hover[type=submit] 
{
    border: 2px solid #306;
    background-color: #d6f;
    color: #666;
    margin: 10px auto;
    padding: 0px auto;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}

#submitButton {
    border: 2px solid #306;
    background-color: #c6f;
    color: #666;
    margin: 10px auto;
    padding: 0px auto;
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}

.frmButtonCenter {
    margin: 0 auto;
    text-align: center;
    padding: 0 auto;
}

#submitBlock {
/*    display: none;*/
}

#emailVerification {
    float: right;
    clear: right;
    width: 170px;
    border: 0;
}

.verificationGood {
    font-weight: bold;
    color: #1e802c;
}

.verificationBad {
    font-weight: bold;
    color: #c20e0e;
    background-color: #cfcfcf;
}

/*
#submitButton {
    border: 2px solid #306;
    background-color: #c6f;
    color: #666;
    margin: 10px auto;
    font-size: 10pt;
    font-weight: bold;
}
*/

#editAccount {
    /*
    border: 2px solid purple;
    -moz-border-radius: 10px;
    float: right;
    width: 450px;
    */
    margin: 10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#acctSettings, 
#brotherInformation, 
#officerInformation, 
#schoolInformation, 
#contactInformation, 
#workInformation, 
#candidateQuestions
{
    /*
    width: 415px;
    float: right;
    clear: both;
    */
    background-color: transparent;
    border: none;
    text-align: left;
    padding: 3px;
    margin-left: 5px;
}

/*
#contactInformation {
    border: none;
    text-align: left;
    padding: 3px;
    margin-left: 5px;
}

#workInformation {
    border: none;
    background-color: transparent;
    text-align: left;
    padding: 3px;
    margin-left: 5px;
}
*/
body {
    font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
    background:#ddd;
    padding:0px;
    margin:0px;
}

a {
    text-decoration:none;
    font-weight:bold;
    color:#c00;
}

pre {
    font-size:11px;
    color:blue;
}

.greek {
    color:#999;
}

ol {
    margin-right:40px;
}

li {
    margin-bottom:10px;
}

ul.tightList, li {
     margin: 2px;
}

.ast {
    line-height: 1.4em;
}

.foootnote {
    text-align: right;
    font-size: 8pt;
}

p .ast {
    font-size: smaller;
    vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

body {
    text-align:center;
    height: 100%;
}

#frame {
    width:750px;
    /*height: 10000px;*/
    min-height: 800px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    padding:0px;
    text-align:left;
}

#frame-small {
    width:750px;
    /*height: 10000px;*/
    min-height: 175px;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    padding:0px;
    text-align:left;
}



//frame-small
//main-small

#contentleft {
    width:175px;
    padding:0px;
    float:left;
    background:#fff;
}

/*
#contentcenter {
    width:300px;
    padding:0px;
    float:left;
    background:#eee;
}
*/
#contentcenter {
    width:750px;
    padding:0px;
    float:left;
    background:#eee;
}


#contentright {
    width:175px;
    height: 100%;
    padding:0px;
    float:left;
    background:#fff;
}

#contentheader {
    background:#fff
}

p,h1,pre {
    margin:0px 10px 10px 10px;
}

h1 {
    font-size:14px;
    padding-top:10px;
}

#contentheader h1 {
    font-size:14px;
    padding:10px;
    margin:0px;
}

#contentright p {
    font-size:10px;
}

#loginbar {
    background: #cc99ff;
    width: 750px;
    /*height: 41px;*/
    height: 29px;
    /*margin: 10px 0px;*/
    margin: 0;
    padding: 0;

}

#footerbar {
    background: #cc99ff;
    width: 750px;
    /*height: 41px;*/
    height: 29px;
    /*margin: 10px 0px;*/
    margin: 0;
    padding: 0;

}


#main {
}
#main-top {
}
#main-middle {
}
#main-bottom {
}









.navLinkText {
    margin-left: 5px;
}

#navModule {
    position: absolute;
    width: 150px;
    height: 500px;
    vertical-align: top;
    text-align: right;
    background-color: transparent;
    margin: 20px 0 0 -140px;
    padding: 0;
    float: left;
}

#navModuleInner {
    border: 0;
    float: left;
    width: 100%;
    height: 20px;
    margin: 15px auto;
    margin: 0;
}

#navlist-img
{
    margin: 3px 0 0 0;
    border: 0;
    float: left;
    padding-left: 25px;
}

#navlist-img-badge
{
    margin: 3px 0 0 0;
    border: 0;
    float: left;
    padding-left: 25px;
}

#navlist
{
    margin-top: 10px;
    margin: 10px 0 0 0;
    color: white;
    border: 0;
    font: normal 0.8em Verdana, sans-serif;
    float: left;
    padding-left: 25px;
}

#navlist li
{
    background: url('/images/nav-links-bg-off-001.png') center center no-repeat;
    height: 25px;
    width: 135px;
    list-style: none;
    margin: 0 0 5px 0;
    font-size: 1em;
    font-size: 12px;
}

#navlist li:hover
{
    list-style: none url('/images/list-icon-001.gif');
    background: url('/images/nav-links-bg-on-001.png') center center no-repeat;
    margin-left: -5px;
}

#navlist a
{
    display: block;
    text-decoration: none;
    color: #666;
    height: 25px;
    width: 135px;
    text-align: center;
    padding-top: 5px;
}

#navlist a#current {
}

#navlist a
{
}

#navlist a
{
    voice-family: "\"}\"";
    voice-family: inherit;
    /*width: 9.6em;*/
    /* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer {
}

#navcontainer>#navlist a
{
}

#navlist a:hover, 
#navlist a#current:hover
{
    color: #f5eef9;
}

#navlist a:active, 
#navlist a#current:active
{
}

#error-message-block {
    border: 2px solid #f00;
    background-color: #f08080;
}

    #error-message-block ul li {
        color: #f00;
    }

.error-header {
    font-weight: bold;
    text-decoration: underline;
    color: #f00;
    padding: 5px;
    text-align: center;
}

.error-text {
    color: #f00;
    padding: 5px;
    text-align: center;
}

#success-message-block {
    border: 2px solid #2E8B57;
    background-color: #00FF7F;
}

    #success-message-block ul li {
        color: #2E8B57;
    }

.success-header {
    font-weight: bold;
    text-decoration: underline;
    color: #2E8B57;
    padding: 5px;
    text-align: center;
}

.page-break-div {
    page-break-after: always;
}

.centered-div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.info-container {
    /*border: 2px solid red;*/
    /*background-color: orange;*/	
    width: 100%;
    margin: 0 0 15px 0;
    padding: 0;
    float: left;
    clear: left;
}

    .left-info {
        border-right: 2px solid green;
        border: 1px solid green;
        /*background-color: #fc0000;*/
        width: 355px;
        margin: 0;
        padding: 0;
        float: left;
        clear: left;
    }

    .right-info {
        border: 1px solid blue;
        /*background-color: #f9c900;*/
        width: 355px;
        margin: 0;
        padding: 0;
        float: right;
        clear: right;
    }

    span.odd-row {
        display: block; 
        /*background-color: red;*/
        background:#ddd;
        margin: auto 0;
        padding: auto 1px;
    }

    span.even-row {
        display: block; 
        /*background-color: green;*/
        margin: auto 0;
        padding: auto 1px;
        /*margin: 3px;*/
        /*margin-bottom: 3px;*/
    }

.pledge-application-container {
    width: 100%;
    float: left;
    clear: left;
    border: 1px solid orange;
    background-color: salmon;
    margin-bottom: 15px;
}

.degree-container {
    width: 100%;
    float: left;
    clear: left;
    border: 1px solid blue;
    background-color: lightblue;
}

.questions-container {
    width: 100%;
    float: left;
    clear: left;
    border: 1px solid red;
    background-color: yellow;
}