/* The Master Style Sheet
------------------------------------*/

/* Imports
------------------------------------*/
@import url("undohtml.css");
@import url("forms.css");
@import url("menuStyle.css");
@import url("common.css");

body
{
    text-align:center;
    margin: 0;
    padding: 0;
    font: 12px Verdana, Arial, Helvetica, sans-serif; /* IE5 Win*/
    voice-family: "\"}\""; 
  	voice-family: inherit;
  	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
    html>body { /* be nice to Opera */
	    font-size: small;
	}
	
#globalwrap
{
    position:relative;
    text-align:left;
    width: 750px;
    margin:0 auto;
    /*voice-family: "\"}\"";
    voice-family: inherit;
    width: 740px;*/
}
    html>globalwrap { /* be nice to Opera */
	    /*width:750px;*/
	}
/* Basic Tags
------------------------------------*/

a { background: transparent; color: #00F; text-decoration: none; }
a:hover { text-decoration: underline; }
ol { margin-top: 5px; }
ul { margin-top: 0px; padding-top:0px; margin-left:30px;font-size: small; list-style-type:disc;}
ul li { padding: 0; color: #111; margin:0; }
ul li strong { color: #111; }
hr { width: 100%; float: left; color: #555; clear: left; }
p { padding: 0px 10px; margin: 0px 0px 10px 0px; }

/* Hn Tags - Used to maintain consistent headers accross site.
------------------------------------*/
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 10px 0px 0px 0px; background: transparent; font-family: "Tahoma" "Trebuchet MS" "Lucida Grande" sans-serif; font-weight: bold;}
h1 { font-size: 210%; /*218*/}
h2 { font-size: 156%; /*164*/}
h3 { font-size: 130%; /*145*/}
h4 {  }
h5 {  }
h6 {  }


/* Header
------------------------------------*/
#head {
    float:left;
    padding: 10px 0px 0px 0px;
    width: 750px;
    }
#logo {
    float:left;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    border: 0px;
    width: 135px;
    height: 60px;
    }
#tagline {
    float: left;
    height: 28px;
    margin: 17px 0px 0px 20px;
    width: 324px;
    }
#logo span, #tagline span { display: none; }


/* Navigation
------------------------------------*/
#navigation {
    float: left;
    margin: 0px;
    font-size: small;
    padding-left: 10px;
    width: 740px;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 740px;
    }
    html > #navigation { width: 740px; }

    #navigation a, #navigation a:visited {
        float: left; 
        font-weight: bold;
        margin-right: 10px;
        padding: 2px 0px 2px 0px;
    }

    #login {
        float: right;
        width: 110px;
        padding: 5px;
        margin-top:13px;
        margin-right:10px;
        text-align: center;
        /*border: solid #8af 5px;*/
    }


/* Content
------------------------------------*/
#content {
    clear:both;
    padding: 10px 0px 5px 0px;
    width: 750px; /* False value for IE4-5.x/Win. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 750px; /* You get it. Good value for compliant browers. */
    }
    html > #content { width: 730px; /* Be nice to Opera */ }

/* Footer
------------------------------------*/
#footer 
{
    border-top:solid 5px #005;
    float:left;
    display:block;
    clear:both;
    margin-top:0px;
    padding: 10px 0 0 0;
    width: 750px; /* False value for IE4-5.x/Win. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 750px; /* You get it. Good value for compliant browers. */
}
    html > #footer { width: 750px; /* Be nice to Opera */ }

    #footer p {margin:5px;}

    #footer .column {width:50%;}
    #footer .column p { width:300px; text-align:left; font-size:small;}
    #footer .column form {width:300px;}
    #footer .column form fieldset {width:300px;}
    #footer .column form fieldset#commands {width:310px;}

/* Columns                     (col)
------------------------------------*/
.column { float: left; width:50%; }
    .wide {
        width: 439px; /* False value for IE4-5.x/Win */
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 425px; /* Actual value for conformant browsers */
    }
        html > .wide {width: 425px; /* Be nice to Opera */}
    .narrow { position:relative; margin: 0 0 0 450px; float:none;
        width: 280px; /* False value for IE4-5.x/Win */
        voice-family: "\"}\"";
        voice-family: inherit;
        width: 295px; /* Actual value for conformant browsers */ 
    }
        html > .narrow { width: 295px; /* Be nice to Opera */ }
    .three { width: 240px; }
    .symetrical { width: 325px; margin-right: 10px;}
    


.cleaner {clear:both;}

/* Error Handling
------------------------------------*/
#errors, #error_list, #notice_list{
    border:1px solid;
    margin:5px;
}
#errors li, #error_list li, #notice_list li {
    list-style-position:inside;
    padding-left:5px;   
}

/* Pricing Link
------------------------------------*/
#pricing 
{
    margin-bottom:10px;
    padding:5px;
    background:#ffa;
    border:5px solid #dda;
    border-left-width:0;
    border-right-width:0;
    margin-top:20px;
    text-align:center;
}
    #pricing h3 
    {
        font-family:Verdana;
        font-size:medium;
        margin:0; padding:0;
    }
    #pricing a 
    {
        font-family:Verdana;
        font-size:large;
        margin:0; padding:0;
        text-decoration:none;
    }
    #pricing a:hover
    {
        border-bottom:solid 5px #00f;
    }