body {
    padding: 10px;                                       
    color: #444;   
    background: url(/images/bg.png) repeat;         
}

#wrap {
    position: relative;     
    border: 0;
    margin: 0 auto;     
    padding: 100px 0 0 0;            
}

#wrap, #footer {
    max-width: 1200px;
    min-width: 1000px;
    width: auto;   
}


/******************************** BANNER **************************************/

#banner {
    position: absolute;
    width: 100%;    
    top: 0;
    left: 0;
    height: 22px; 
    z-index: 5;   
    color: #FFF;
}
#banner a { color: #FFFFFF; }

#banner .login_inputs {
    position: absolute; 
    right: 150px;    
}

#banner .login_extras {
    color: #EDE1F1;
    position: absolute;
    font-size: 12px;
    top: 35px;
    left: 127px;
}
#banner .login_extras a { color: #EDE1F1; }

#banner label { color: #EDE1F1; }

form#wedlogin input { 
    font: normal 12px sans-serif;
    color: #444; 
}

form#wedlogin input[type="text"], form#wedlogin input[type="password"] {
    height: 15px;
    border: 1px solid #d2b5dd;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
        
form#wedlogin input[type="text"]:hover, form#wedlogin input[type="password"]:hover { background: #f7f1f9; }    
form#wedlogin input[type="checkbox"] { margin: -3px 3px 0 -3px; vertical-align: middle; width: 20px !important; }
form#wedlogin .checkbox { margin: -3px 3px 0 -3px; vertical-align: middle; width: 20px !important; } /* IE 6 */


form#wedlogin {
    float: right;
    text-align: right;
    height: 25px;
    margin: 0px 20px 0 0;
    width: 420px;
    font: normal 14px sans-serif;
}

#banner img#strapline { 
    position: absolute;
    top: 10px;
    left: 315px;
    border: 0;
}

#banner img#logo { 
    position: absolute;
    top: -2px;
    left: 10px;
    border: 0;
}


a.linkbutton:link, a.linkbutton:visited {      
    margin-right: 5px;
    background-color: #8E5BA6;
	background-image: url(/images/sprite.png);
    background-repeat: no-repeat;
	background-position: -100px -100px; /* no image */
    padding: 3px 10px;
    border: 1px solid #8E5BA6; 
    color: #FFF;   
    font: bold 12px sans-serif;  
}
a.linkbutton:hover {
    text-decoration: none;
    background-color: #B47DC8;
    color: #fff;
}


button#login_submit{
    cursor: pointer;
    margin: 0px 5px 0px 0px; /* 5px margin for when placed alongside linkbutton in Firefox */
    padding: 2px 10px 2px 10px;      
    height: 23px; /* IE 8 */
    text-decoration: none;
    text-align: center;
    background: #8e5ba6;
    border: 1px solid #8E5BA6;
    color: #fff;
    font: bold 12px sans-serif;    
}
button#login_submit:hover{
    text-decoration: none;
    background: #B47DC8;      
    color: #fff;
} 


/***************************** NAVIGATION *************************************/

#tabsNav {
    overflow:hidden; /* wrap floats */
    height:35px; /* trips haslayout, wrap floats IE */
    list-style:none;
    padding: 0; margin: 0;
    
    position: absolute;
    top: 65px;
    right: 13px;
    
    font:bold 12px/31px sans-serif;
}

#tabsNav li {
    display:inline;
}

/* NORMAL TAB */
#tabsNav a {
    float:left;
    position:relative;
    padding-left:10px;
    margin-right:12px; /* adjust space between tabs ... */ 
    margin-top: 0px;
    text-decoration:none;
    color:#fff;
    background:url(../images/bg_nav.png) 0 0px no-repeat;
}

#tabsNav a span {
    position:absolute;
    top:0;
    left:100%;
    width:10px;
    height:31px;
    background:url(../images/bg_nav.png) -494px 0px no-repeat;
}

/* HIGHLIGHT TAB */
#tabsNav a:active,
#tabsNav a:focus,
#tabsNav a:hover {
    color:#fff;
    background-position:0 -31px;
}

#tabsNav a:active span,
#tabsNav a:focus span,
#tabsNav a:hover span {
    background-position:-494px -31px;
}
        
                
/* SELECTED TAB */
#tabsNav .current a,
#tabsNav .current a:active,
#tabsNav .current a:focus,
#tabsNav .current a:hover {
    color:#721399;    
    height: 35px;    
    margin-top: 0px;
    padding-top: 0px;
    background-position:0 -62px;
}

#tabsNav .current a span,
#tabsNav .current a:active span,
#tabsNav .current a:focus span,
#tabsNav .current a:hover span {
    height: 35px;    
    background-position:-494px -62px;
}    


/******************************** FOOTER **************************************/

#footer {
    /* width set elsewhere */     
    margin: 20px auto 0 auto;    
    padding: 0;
    color: #444;
    text-align: left;
    overflow: hidden;
    line-height: 1.5em; 
    font: normal 12px sans-serif;
}
#footer .pad { padding: 10px 20px 10px 60px; }

#footer a {
    color: #444;        
}
#footer a:active,
#footer a:focus,
#footer a:hover {
    color: #444;
    text-decoration: underline;
}   

#footer .left_div { width: 230px; float: left; line-height: 2em; margin: 0; }

#footer .right_div { float: right; margin: 0 40px 0 0; width: 160px; }



#container { overflow: hidden; /* for floated divs */ }

/* ROUNDED WHITE STYLES */
#container .pad, #container .tm, #container .bm { background: #fff; }

#container .tl { background-position: 0 0; }		
#container .tr { background-position: -6px 0; }
#container .bl { background-position: 0 -6px; }
#container .br { background-position: -6px -6px; }	

/* ROUNDED PURPLE STYLES */
#footer .pad, #footer .tm, #footer .bm { background: #ddc6e6; }

#footer .tl { background-position: 0 -72px; }		
#footer .tr { background-position: -6px -72px; }
#footer .bl { background-position: 0 -78px; }
#footer .br { background-position: -6px -78px; }	

/* GENERAL ROUNDED STYLES */
.round { position: relative; }
.round .pad { padding: 20px 20px; overflow: hidden; height: 100%; /* Can't use width 100% on the inner .pad div, but height 100% works in IE6 */ }

.round .tl, .round .tr, .round .bl, .round .br { width: 6px; height: 6px; position: absolute; overflow: hidden; background: url(/images/sprite.png) no-repeat; }
	
.round .tl { top:0; left:0; }		
.round .tr { top:0; right:0; }
.round .bl { bottom:0; left:0; }
.round .br { bottom:0; right:0; }				

.round .tm, .round .bm { margin: 0 6px; height: 5px; overflow: hidden; }