/* CSS Document */

@import url("../yui/reset.css");
@import url("../yui/fonts.css");
@import url("../yui/grid.css");

/* frame.css ============================ */
#doc {
	width: 768px;
	background: url(images/shadow_page.gif) repeat-y;
	position: relative;
}

.yui-t6 #yui-main .yui-b {
	width: 400px;
}

/* ===== head ===== */

#menu-frame {
	position: absolute;
	top: 25px;
	right: 25px;
	left: 25px;
}

#menu {
	height: 70px;
}

#sub-menu {
	text-align: right;
	padding-right: 22px;
	margin-top: 10px;
}

#main-nav {
	float:left;
}

/* ===== main ===== */

#bd {
	padding: 10px 30px 20px 30px;
	}
	
#home-left {
	position: absolute;
	top: 35px;
	width: 375px;
	left: 50px;
}

#home-left-content {
	position:absolute;
	top: 370px;
}

#home-right {
	background:url(../../images/operator_bkgnd.jpg);
	width: 300px;
	height: 373px;
	position: absolute;
	bottom: 51px;
	*bottom: 53px;
	right: 9px;
}

#home-right-content {
	padding-right: 10px;
}


/* ===== foot ===== */

#ft {
	padding: 8px 10px 12px 20px;
}

/* style.css ====================================== */

/* general tags ============================================================ */
html, body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding-top:9px;
	background: #6E6E6E url(images/gray_fade_bkgnd.gif) repeat-x;
	}
	
p {
	line-height: 1.5em;
}

a {
	color: #F00;
 }

a:link,
a:visited {
	text-decoration: none; }
	
a:hover,
a:active {
	text-decoration: underline; } 

ul {
	line-height: 1.5em; }
	
li {
	list-style:disc;
	margin-left:22px;
	color:#6F6F6F;
}

/* head styles ==================================================== */

#sub-menu{
	font-size:90%;
	margin-right: 10px;
}


/* main styles ============================================================ */

h1 {
	color: #7A7A7A;
	font-size: 112%;
	margin-bottom: 5px;
}


h2 {
	text-transform:uppercase;
	color: #666664;
	margin-bottom: 5px;
}

.description {
	color:#654C4F;
	font-size: 11px;
	font-weight: normal;
}

.red {
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
	font-style:italic;
	line-height: 1.2em;
	
}

.caption {
	font-weight: normal;
	padding-top: 33px;
	font-size: 95%;
}

.caption a,
.caption a:link,
.caption a:visited {
	font-weight: normal;
	text-decoration: none;
	color:#FF0000; }

.caption a:hover,
.caption a:active {
	text-decoration: underline; }

.grey {
	font-size: 90%;
	color:#6F6F6F;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align: right;
}

/* foot styles ============================================================ */

#ft {
	background:#6E6E6E;
	color:#fff;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size: 90%;
}
	
#ft a,
#ft a:link,
#ft a:visited {
	color: #fff;
	font-weight: bold;
	text-decoration: none; }

#ft a:hover,
#ft a:active {
	text-decoration: underline; }

/* utility classes ====================================================== */

div.clearFloats, .clearFloats {
	clear: both;
	line-height: 0px; 
	height: 0px;
	visibility: hidden; }

div.noCollapse { /* keep divs from collapsing into contained elements */
	padding: 1px 0px; }