/* css file for overall page layout */

body 
{
    margin:0;
    padding:0;
    line-height: 130%;
    color: white;
    font-size:11pt;
    font-family: Arial, Verdana;
    text-align: center;
}
#notice
{
	text-align:center;
	font-size: 10px;
	padding: 0 20px 0 0;
	color: #f4fcff;
}
@media print
{
    .page-container
{
	width: 750px;
	text-align:left;
	margin-left: auto; 
	margin-right: auto;
}
}
@media screen
{
    .page-container
{
	width: 1070px;
	text-align:left;
	margin-left: auto; 
	margin-right: auto;
}
}
/* Page's Background images */

#default-container
{
	background: #7496bc url(Images/left-fanout-bg.jpg) no-repeat right bottom; 	
}
#book-straight-container
{
	background: #7496bc url(Images/book-straight-bg.jpg) repeat-y right top;	
}

#page-straight-container
{
	background: #7496bc url(Images/page-straight-bg.jpg) repeat-y right top; 	
}

#right-fanout-container
{
	background: #7496bc url(Images/right-fanout-bg.jpg) repeat-y right bottom; 	
}
#large-fantout-container
{
	background: #7496bc url(Images/large-fanout-bg.jpg) repeat-y right bottom; 	
}
#no-bg-container
{
	background-color: #7496bc;	
}

/* Page Content */
@media print
{
    #header 
{
	height: 106px;
	width:580px;
	margin-left:50px;
	/*background:url(Images/header-bg.jpg) no-repeat left bottom;*/
}
}
@media screen
{
#header 
{
	height: 106px;
	width:580px;
	/*background:url(Images/header-bg.jpg) no-repeat left bottom;*/
}
}
@media print
{
    .content
{
    text-align:justify;
	margin-bottom: 30px;
	color:#333333;	
}
}
@media screen
{
    .content
{
    text-align:justify;
	margin-bottom: 30px;	
}
}
.content h4
{
	padding-top:6pt;
	font-weight:bold;
	font-size:12pt;
	font-family:arial;	
}
@media print
{
    #sub-content
{
	display:none;
}
}
@media screen
{
#sub-content
{
	width: 200px;
	float: left;
	padding: 10px 10px 10px 6px;	
}
}
@media print
{
#main-content
{
	padding:10px 10px 10px 30px;
	width: 640px;
	float: left;
}
#main-content h4
{
    font-weight:bold;
	font-size:12pt;
	font-family:arial;
}
}
@media screen
{
#main-content
{
	padding:10px 10px 10px 30px;
	width: 600px;
	float: left;
}
#main-content h4
{
    font-weight:bold;
	font-size:12pt;
	font-family:arial;
}
}
#footer
{
	clear: both;
	height: 30px;
	margin: 0;
	padding: 0;	
}
#footer-nav {
	float: left;	
	margin: 0;
	padding:0;
}


.hidden { display: none;}
.clear  { clear:both; height:1px; overflow:hidden; }
#minheight { height:300px; float:right; width:1px;}