﻿body
{
    background:#1f153f url(images/myubg.jpg) no-repeat top center;
}

#header
{
    height:198px;
    width:950px;
    background:#1f153f url(images/myubg.jpg) no-repeat top center;
    padding:20px;
}

#header #union
{
    float:left;
}

#header #page
{
    float:left;
    margin-left:47px;
}

#nav
{
    height:40px;
    padding:0px 0px 0px 20px;
}

#nav ul
{
    margin:0px 0px 0px 0px;
    padding:0;
    font-weight:bold;
    list-style-type:none;
}

#nav ul li
{
    float:left;
    background:#110B21;
    width:237px;
    height:40px;
    margin-right:1px;
}

#main
{
    background:#1f153f url(images/myumainbg.jpg) no-repeat top center;
    padding:20px;
}

#leftcol
{
    float:left;
    width:236px;
}

#leftcol .box
{
    background:#2F264D;
    color:#FFFFFF;
    padding:20px;
    margin-bottom:10px;
}

#leftcol .boxg
{
    background:#2F264D;
    color:#FFFFFF;
    padding:20px;
    margin-bottom:10px;
}

#leftcol .boxg a, .green
{
    color:#48BD46;
    font-size:0.9em;
}

#leftcol .boxg a:hover
{
    color:#FFFFFF;
}

#leftcol input[type=text]
{
    width:190px;
    margin-top:10px;
}

#leftcol input[type=checkbox]
{
    margin-top:10px;
}

#maincol
{
    float:left;
    margin-left:20px;
    width:694px;
    color:#FFFFFF;
    margin-top:20px;
}

#maincol .section
{
    border-top:solid 1px #40385C;
    margin-top:6px;
    padding-top:10px;
    margin-bottom:20px;
}

#maincol input, #maincol select
{
    margin:5px 0 0 0;
    width:auto;
}

#maincol .section .inpbox
{
    width:162px;
}

#maincol .section table input
/* Styling for checklists */
{
    margin:0;
    padding:0;
}

#maincol p
{
    min-height:45px;
    /*width:200px;*/
    margin:0 10px 0 0;
    line-height:1.4em;
}

a.login img
{
    background: url(images/login.gif) no-repeat;
    width:66px;
    height:23px;
}

a.login:hover img
{
    background: url(images/login.gif) top right no-repeat;
}

a.joinus img
{
    background: url(images/joinus.gif) no-repeat;
    width:79px;
    height:20px;
}

a.joinus:hover img
{
    background: url(images/joinus.gif) top right no-repeat;
}

a.logout img
{
    background: url(images/logout.gif) no-repeat;
    width:75px;
    height:20px;
}

a.logout:hover img
{
    background: url(images/logout.gif) top right no-repeat;
}

a.changepassword img
{
    background: url(images/changepassword.gif) no-repeat;
    width:143px;
    height:20px;
}

a.changepassword:hover img
{
    background: url(images/changepassword.gif) top right no-repeat;
}

a.savedetails img
{
    background: url(images/savedetails.gif) no-repeat;
    width:116px;
    height:20px;
}

a.savedetails:hover img
{
    background: url(images/savedetails.gif) top right no-repeat;
}

p
{
    margin-top:11px;
}

.w33
{
    width:230px;
}

.w66
{
    width: 460px;
}

/* Nav */

a.details img
{
    background: url(images/myudetails.gif) no-repeat;
    width:237px;
    height:40px;
}

a.details:hover img
{
    background: url(images/myudetails.gif) top right no-repeat;
}

a.detailssel img
{
    background: url(images/myudetails.gif) top right no-repeat;
    width:237px;
    height:40px;
}

a.coffee img
{
    background: url(images/myucoffee.gif) no-repeat;
    width:237px;
    height:40px;
}

a.coffee:hover img
{
    background: url(images/myucoffee.gif) top right no-repeat;
}

a.coffeesel img
{
    background: url(images/myucoffee.gif) top right no-repeat;
    width:237px;
    height:40px;
}

a.buying img
{
    background: url(images/myubuying.gif) no-repeat;
    width:237px;
    height:40px;
}

a.buying:hover img
{
    background: url(images/myubuying.gif) top right no-repeat;
}

a.buyingsel img
{
    background: url(images/myubuying.gif) top right no-repeat;
    width:237px;
    height:40px;
}

a.interests img
{
    background: url(images/myuinterests.gif) no-repeat;
    width:237px;
    height:40px;
}

a.interests:hover img
{
    background: url(images/myuinterests.gif) top right no-repeat;
}

a.interestssel img
{
    background: url(images/myuinterests.gif) top right no-repeat;
    width:237px;
    height:40px;
}

.checkboxlist td
{
    padding:0
}

.checkboxlist label
{
    margin:0 0 0 5px;
}



