/* general comment all absoulte ones will be taken out of normal flow which is layout for relative one*/

body
{
	font-size: 14px;
	font-family: Sans-Serif, Verdana, Arial;
	background-color: #333333;
	background-image: url('../images/bg_fade.png');
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	height: 100%; /* this must be declared for any child height percentage to base their work on*/
}

h1
{
	font-size: 1.4em;
	margin-left: 5px;
}

h2
{
	font-size: 1.15em;
	margin-left: 25px;
}

td
{
padding-bottom: 10px;
}	
	
}
h3
{
	font-size: 0.9em;
	margin-left: 5px;
}

p#l2
{
	margin-left: 25px;
}

aexpand
{
/*	color: #707070; */
	color: #ba0c2f; 
	text-decoration: none;
    font-size: 0.8em;
}

/* a*/
a
{
/*	color: #707070; */
	color: #ba0c2f; 
	text-decoration: none;
	margin-left: 25px;	
    font-size: 1.0em;
}

a:hover, aexpand:hover
{
	text-decoration: underline;
}

a:active
{
	text-decoration: underline;
}

/*layout */
div#wrapper
{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 50px;
	margin-bottom: 100px;
	width: 800px;
	background-color: #CCCCCC;
}

div#head
{
	left: 0px;
	width: 800px;
	height: 65px;
	background-color: #fff;
	top: 0px;
	position: absolute;
}

#logo
{
	width: 800px;
	height: 35px;
	padding:0px;
	margin: 0px;
}

#topLeft
{
	background-image: url('../images/top_left_corner.png');
	background-repeat: no-repeat;
	height: 35px;
	width: 20px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px
}

#logoTP
{
    background-image: url('../images/TPLOGO.png');
    background-repeat: no-repeat;
    height: 35px;
    width: 746px;
    position: relative;
    top: 29px;
    background-size: contain;
}

#topRight
{
	background-image: url('../images/top_right_corner.png');
	background-repeat: no-repeat;
	height: 35px;
	width: 27px;
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}

#applicationHeader
{
	top: 30px;
	margin: 0px;
	padding: 0px;
	width: 800px;
	height: 30px;
	/*position: relative;*/
	line-height: 30px;
	vertical-align: top;
	
}

#applicationHeaderText
 {
    color: #3a4249;
    font-size: 31px;
    font-weight: bold;
}


div#columns
{
	width: 800px;
	position: relative;
	top: 65px;
	background-color: #ffffff;
	border-top: dotted 1px #333;
	/*border-left: solid 1px #888;
	border-right: solid 1px #888;*/
	text-align:left;
}

div#side1
{
	position: absolute;
	left: 0px;
	width: 180px;
	height: 100%;
	top: 0px;
	background-color: #ffffff;
}

div#menu
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 178px;
	min-height: 300px;
	background-color: #555555;
	border: solid 1px #666666;
}


/* this version is using only one column, so no side1 being present*/
div#content
{
	background-color: #ffffff;
	width: 760px;
	position: relative;
	padding: 20px 20px;
	min-height: 400px;
}

/*this is right side bar, not used right now*/
div#side2
{
	position: absolute;
	width: 150px;
	height: 100%;
	background-color: #00FF66;
	left: 1050px;
	top: 0px;
}

div#foot
{
	border-top: dotted 1px #888;
	background-color: #fff;
	width: 800px;
	clear: both;
	position: relative;
	margin-top: 65px;
	height: 35px;
	line-height: 35px;
	vertical-align:middle;
}

#bottomLeft
{
	background-image: url('../images/bottom_left_corner.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px
}

#copyright
{
	color: #333;
	position: absolute;
	/*bottom: 5px;*/
	right: 20px;
}

#bottomRight
{
	background-image: url('../images/bottom_right_corner.png');
	background-repeat: no-repeat;
	height: 20px;
	width: 20px;
	float: right;
	position: absolute;
	bottom: 0px;
	right: 0px;
}



#foot a
{
	color: #cf1141;
	text-decoration: underline;
}

.clear
{
	clear: both;
}

/* login logout buttons*/
.loginButton
{
	background-image: url('../images/login.gif');
	background-repeat: no-repeat;
	border: none;
	background-color: #000;
	width: 60px;
	height: 30px;
}

.logoutButton
{
	background-image: url('../images/logout.gif');
	background-repeat: no-repeat;
	border: none;
	background-color: #000;
	width: 60px;
	height: 30px;
}


div#dist_content {
    margin-left: 25px;
}