/*#########################
 ##########################
 ###                    ###
 ###  TAG BASED STYLES  ###
 ###                    ###
 ##########################
 #########################*/


body {
	background-color : #e0e0e0;
	padding : 0px;
	margin : 0px;
}

h1, h2, h3 {
	padding : 0px;
	margin : 0px;
}

/*###########################
 ############################
 ###                      ###
 ###  CLASS BASED STYLES  ###
 ###                      ###
 ############################
 ###########################*/

.col1 {
	width : 40px;
	background-image : url(../graphics/body-left.gif);
}

.col2 {
	width : 40px;
}

.col3 {
	width : 40px;
	background-image : url(../graphics/body-right.gif);
}

.middlecol {
	background-image : url(../graphics/body-middle.gif);
	width : 820px;
	padding-top : 10px;
}

.sidebarheader {
	background-color : #606A74;
	font-family : "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size : 16px;
	font-weight : bold;
	color : #FFFFFF;
	padding : 5px;
}

.sidebarcontent {
	background-color : #C9D2DD;
	font-family : "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size : 14px;
	color : #606a74;
	padding : 10px;
}

.sidebarcontent button {
	background-color : #7B8899;
	font-family : "Segoe UI", "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size : 14px;
	color : #FFFFFF;
	border : 0px;
}

.sidebaraccent {
	height : 4px;
	background-color : #606A74;
}

.spacer20 {
	height : 20px;
}

/*########################
 #########################
 ###                   ###
 ###  ID BASED STYLES  ###
 ###                   ###
 #########################
 ########################*/

#bar1-1 {
	background-image : url(../graphics/bar-1-left.gif);
}

#bar1-2 {
	background-image : url(../graphics/bar-1-middle.gif);
}

#bar1-3 {
	background-image : url(../graphics/bar-1-right.gif);
}

#bar2-1 {
	background-image : url(../graphics/bar-2-left.gif);
}

#bar2-2 {
	background-image : url(../graphics/bar-2-middle.gif);
}

#bar2-3 {
	background-image : url(../graphics/bar-2-right.gif);
}

#bar3-1 {
	background-image : url(../graphics/bar-3-left.gif);
}

#bar3-2 {
	background-image : url(../graphics/bar-3-middle.gif);
}

#bar3-3 {
	background-image : url(../graphics/bar-3-right.gif);
}

#column1 {
	width : 220px;
	color : #FFFFFF;
	font-family : "Segoe UI","Trebuchet MS",Tahoma,Verdana,Arial;
	font-size : 14px;
}

#column2 {
	width : 560px;
}

#column2, #column2 td {
	font-family : "Segoe UI","Trebuchet MS",Tahoma,Verdana,Arial;
	font-size : 14px;
}

#column2 a {
	font-size : 14px;
	font-weight : bold;
	color : #333333;
	text-decoration : none;
}

#footerleft {
	font-family : "Segoe UI","Trebuchet MS",Tahoma,Verdana,Arial;
	font-size : 11px;
	color : #666666;
	padding-left : 10px;
}

#footerright {
	font-family : "Segoe UI","Trebuchet MS",Tahoma,Verdana,Arial;
	font-size : 11px;
	color : #666666;
	text-align : right;
	padding-right : 10px;
}