/************************************************************************************************
reset, fonts:
    originally from Yahoo!, a set of styles that puts all major browsers at the same baseline
    in terms of fonts, font size, padding, and margins
************************************************************************************************/            
/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn/*,em,strong*/,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



/************************************************************************************************
containers: holds it all together
************************************************************************************************/            
body {
	font-family:"arial,Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	font-size: 12px;
}

body#outer {
    /* @centering */
/*  margin: 0 auto; */
}

div#container {
	position: relative;
	width: 976px;
	
    /* @centering */
/*  margin: 0 auto;*/
}



/************************************************************************************************
branding:
    top bar, also holds logout button
************************************************************************************************/            
#branding {
	width: 976px;
	height: 78px;	
	position: relative;
}

/*
#branding #logout {
	position: absolute;
	bottom: 10px;
	right: 27px;
	font-size: 10px;
}
*/


/************************************************************************************************
tabs:
************************************************************************************************/            
#tabs {
	width: 778px;
	height: 30px;
	padding-left: 198px;
}


#login {
    width: 450px;
    height: 30px;
    position: absolute;
    top: 84px;
    left: 532px;
    color: rgb(95, 103, 111);
}

#logout {
    height: 30px;
    position: absolute;
    top: 84px;
/*    left: 888px;*/
	right: 20px;
}

#logout label{
	float: left;
	padding-right: 8px;
	padding-top: 3px;
}

/************************************************************************************************
modules:
    acts as lefthand column
************************************************************************************************/            
#modules {
    width: 200px;
    min-height: 480px;
    position: absolute;
    top: 108px;
    left: 0;
}

#modules a{
    text-transform: capitalize;
    display: block;
    background:url(../images/mod_bg.gif) no-repeat;
    _background-image:url(../images/mod_bg.gif);
	width: 200px;
	height: 23px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	font-size: 12px;
        text-indent:15px;
    vertical-align: middle;
    padding-top: 7px;
}

div#modules div a {
    width: 200px;
    height: 23px;
    padding-left: 0px;
    background:url(../images/mod_subbg.gif) no-repeat;
    _background-image:url(../images/mod_subbg.gif);
    font-size: 12px;
    text-align: left;
    text-indent:15px;
    vertical-align: middle;
    padding-top: 7px;
}




/************************************************************************************************
main:
    this is where the action is.
************************************************************************************************/            
#main {
    width: 750px;
    min-height: 480px;
    margin-left: 200px;

    /*	height: 480px;*/
    /*    overflow: auto;*/
    
    /*  @horizontalscrolling */
    /*overflow-x: none;
    
    /*  @vertical scrolling  */
    /*overflow-y: auto;*/
*/
}