@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

img { 
	border: none; 
}

p, ul, ol {
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 140%;
	color: #666;
}








/*----------------------------------
TOP BAR
----------------------------------*/

div#top {
	width: 100%;
	height: 175px;
}

div#logo {
	display:block;
	float: left;
	width: 366px;
	height: 103px;
	//background-image: url(images/iMaestro-Logo-small.png);
	margin: 19px 0px 0px 22px;
}

div#dev-banner {
	width: 366px;
	height: 50px;
	position:absolute;
	top:45px;
	left:566px;
	text-align: center;
	font-size: x-large;
}

div#dots {
	width: 111px;
	height: 114px;
	background-image: url(images/dots.jpg);
	position:absolute;
	top:14px;
	right:0px;
}

.signout {
	padding: 4px 2px 0px 0px;
	text-align: center;
	display:block;
	margin: 138px 20px 0px 0px;
	float: right;
	width: 80px;
	height: 23px;
	position: relative;
	background: url(images/sign-out-button.png);
	background-position: bottom;
	color:#FFFFFF;
}
.signout:hover {background-position: top;}




/*----------------------------------
LEFT NAVIGATION BAR
----------------------------------*/

div#navigation {
	position: absolute;
	top: 128px;
	left: 0px;
	width: 228px;
	height: auto;
	min-height: 720px;
	background-image:url(images/nav-bg.jpg);
	background-repeat:no-repeat;
	padding: 27px 30px 0px 0px;
}
	
.btn-left {
	text-align: center;
	margin: 8px 0px 0px 0px;
	padding-top: 14px;
	width: 213px;
	height: 28px;
	float: right;
	background: url(images/main-btns-left-nav-bg.png);
	background-position: top;
	color: #af1516;
	font-size:14px;}
.btn-left:hover {
	background-position: bottom;
	color:#ffffff;}

	
.btn-left-active {
	text-align: center;
	margin: 8px 0px 0px 0px;
	padding-top: 14px;
	width: 213px;
	height: 28px;
	float: right;
	background: url(images/main-left-nav-buttons-active.png);
	background-position: top;
	color: #ffffff;
	font-size:14px;}
.btn-2-line {
	padding-top: 5px;
	height: 37px;}
	
	
.btn-left-sub-top {
	text-align: center;
	margin: 4px 3px 0px 0px;
	padding-top: 7px;
	width: 207px;
	height: 23px;
	float: right;
	background: url(images/sub-left-nav-button-top.png);
	background-position: top;
	color: #595959;
	font-size:12px;}
.btn-left-sub-top:hover {
	background-position: bottom;
	color:#393939;}
	
.btn-left-sub-middle {
	text-align: center;
	margin: 0px 3px 0px 0px;
	padding-top: 7px;
	width: 207px;
	height: 23px;
	float: right;
	background: url(images/sub-left-nav-button-middle.png);
	background-position: bottom;
	color: #595959;
	font-size:12px;}
.btn-left-sub-middle:hover {
	background-position: top;
	color:#393939;}

.btn-left-sub-bottom {
	text-align: center;
	margin: 0px 3px 10px 0px;
	padding-top: 7px;
	width: 207px;
	height: 23px;
	float: right;
	background: url(images/sub-left-nav-button-bottom.png);
	background-position: bottom;
	color: #595959;
	font-size:12px;}
.btn-left-sub-bottom:hover {
	background-position: top;
	color:#393939;}

.btn-none {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	width: 213px;
	height: 28px;
	float: right;
	color: #af1516;
	font-size:14px;}
	
	
	
	
	
	
/*----------------------------------
PAGE HEADERS
----------------------------------*/

div#pageheader {
	position:absolute;
	top: 210px;
	left: 290px;
	color: #af1516;
	font-size: 30px;
}




/*----------------------------------
MAIN BODY OF PAGE
----------------------------------*/

div#mainbody {
	position:absolute;
	left: 290px;
	top: 270px;
	height:auto;
	width:550px;
	color: #505050;
}

div#mainbodyexpanded {
	position:absolute;
	left: 290px;
	top: 270px;
	height:auto;
	width:auto;
	color: #505050;
}

.small-type-1 {
	font-size:9px;
}