/* @group layout */

#container {
    width:              750px;
    margin:             0px auto 0px auto;
    background:         #FFF url("images/bg_content.gif") repeat-y;
    text-align:         left;
}

body {
    margin:             0px;
    padding:            0px;
    background:         #DDD url("images/bg.jpg") repeat-y center;
    color:              #333;
    font-family:        "Lucida Grande", "trebuchet ms", arial, helvetica, verdana; 
    font-size:          12px; 
    text-decoration:    none;
    text-align:         center;
}

#content {
    padding:            25px 20px 50px 20px;
    background:         #FFF url("images/bg_content.jpg") repeat-x; 
    color:              #000;
}

/* @end */

/* @group header */

#header {
    width:              auto; 
    height:             30px; 
    background:         #666 url("images/bg_heading.jpg") no-repeat;
}

#header p {
    display:            none;
}

/* @end */

/* @group title */

#title {
    background:         #600 url("images/bg_title.jpg") no-repeat;
    width:              auto; 
    height:             105px; 
}
	
/* @end */

/* @group navigation */

#navigation_section {
    width:              100%;
    float:              left;
    line-height:        normal;
}

#navigation_section ul {
    margin:             0;
    margin-left:        260px;
    padding:            57px 10px 0px 0px;
    list-style:         none;
}

#navigation_section li {
    margin:             0;
    padding:            0 0 0 10px;
    float:              left;
    background:         url("images/menu_left.gif") no-repeat left top;
}

#navigation_section a {
    padding:            15px 15px 15px 5px;
    float:              left;
    background:         url("images/menu_right.gif") no-repeat right top;
    color:              #FFF;
    display:            block;
    text-decoration:    none;
    font-weight:        bold;
}

/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navigation_section a { float:      none; }
/* End IE5-Mac hack */

#navigation_section a:hover {
    color:              #EEE;
}

#navigation_section #current {
    background-image:   url("images/menu_left_on.gif");
}

#navigation_section #current a {
    background-image:   url("images/menu_right_on.gif");
    color:              #000;
}

/* @end */

/* @group main */

#billboard {
    width:              auto; 
    height:             335px; 
    background:         #350400 url("images/bg_billboard.jpg") no-repeat;
}

#billboard #link {
    width:              750px;
    height:             287px;
}

#billboard #navigation_section ul {
    margin-left:        200px;
    padding:            0px 10px 0px 0px;
}


#steps {
    width:              auto; 
    height:             185px;
    background:         #333 url("images/bg_steps.gif") no-repeat;
}

#steps #link {
    width:              750px;
    height:             185px;
}

#bazarre {
    width:              auto; 
    padding-top:        15px;
    background:         #CCC url("images/bg_bazarre.jpg") no-repeat;
}

#bazarre #about {
    width:              325px;
    padding-left:       25px;
    float:              left;
}

#bazarre #about a:link, #bazarre #about a:hover, #bazarre #about a:visited {
    color:              #333;
    text-decoration:    none;
    border-bottom:      1px dotted #333;
}

#bazarre h2 {
    margin-top:         15px;
}

#bazarre #news {
    width:              auto;
    margin-left:        400px;
}

#bazarre #bottom {
    width:              auto;
    height:             100px;
    background:         #FFF url("images/bg_content.jpg") repeat-x; 
    clear:              both;
}

/* @end */

/* @group general */

#content h2 {
    margin-left:        225px;
}

#content .date {
    margin-left:        225px;
    font-size:          8pt;
    color:              #666;
}

#content #navigation_subsection ul, #content #navigation_page ul {
    margin:             0px 0px 15px 225px;
    padding:            0px;
    text-decoration:    none;
    text-transform:     uppercase;
    font-size:          8pt;
    font-weight:        bold;
}

#content #navigation_subsection li, #content #navigation_page li {
    display:            inline;
    margin-right:       10px;
}

#content a:link, #content a:hover, #content a:visited {
    color:              #333;
    text-decoration:    none;
    border-bottom:      1px dotted #333;
}

#content a:visited {
    color:              #666;
    text-decoration:    none;
    border-bottom:      1px dotted #666;
}

#content a:visited:after {
    xcontent:            "\00A0\221A";
}

#content #copy {
    margin-left:       225px;
}

#content #tips {
    width:              150px;
    margin-left:        15px;
    padding:            15px;
    float:              left;
    background:         #EEE url("images/bg_tips_top.gif") no-repeat;
}

/* @end */

/* @group news */

#news .date {
    color: #666;
    font-size:          8pt;
    display:            block;
}

#news .headline {
    color: #333;
    display:            block;
    font-weight:        bold;
	margin-bottom: 10px;
}

#news .teaser {
    margin-bottom:      15px;
    display:            block;
}

#news a:link, #content a:hover, #content a:active {
    border-bottom:      1px dotted #333;
    color: #333;
    font-weight:        bold;
    text-decoration:    none;
}

#news a:visited {
    border-bottom:      1px dotted #666;
    color:              #666;
    font-weight:        bold;
    text-decoration:    none;
}

/* @end */

/* @group calculator layout */

form {
    margin-top:         15px 0 0 225px;
    padding:            15px;
    border:             1px solid #999; 
    background:         #EEE;
    /* IE Hack: Trigger IE's haslayout */
    zoom:               1;
}

form label, form input, form textarea {
	margin-bottom:     5px;
	display:           block;
	float:             left;
}

form label {
	width:             150px;
	margin-right:      20px;
	text-align:        right;
}

form br {
	clear:             left;
}

form #submit {
    width:              60px;
}

form .error {
    margin-bottom:      10px;
    margin-left:        170px;
    color:              #F00;
    display:            block;
}

/*

#search_label {
    width:              63px;
    height:             12px;
    margin-bottom:      5px;
    background:         url("images/label_search.gif") no-repeat;
}

#search_label span {
    display:            none;
}

#search {
    margin-left:        550px;
    padding-top:        40px;
}

*/

/* @end */

/* @group footer */

#footer {
    width:              auto;
    margin:             25px auto 25px auto;
    clear:              both;
    color:              #333;
    text-align:         center;
}

#footer a {

    color:              #333;
    font-size:          8pt;
}

#footerLinks .link, #footerLinks .linkLast {
    margin-right:       7px;
    padding-right:      8px;
    border-style:       solid;
    border-width:       0px 1px 0px 0px;
    border-color:       #333;
    display:            inline;
}

#footerLinks .linkLast {
    margin:             0px;
    padding:            0px;
    border:             0px;
}

#copyright p {
    font-size:          8pt;
    display:            inline;
}

#branding {
    margin-top:          15px;
}

#branding p {
    display:             none;
}

/* @end */