.titleBar{
	width:auto; 
	background-color:#bedcf2;
	font-weight:bold; 
	color:#2f3840; 
	font-size:small; 
	padding: 3px 10px 3px 10px; 
	margin-top:10px; 
	margin-bottom:10px;
}

.titleBar a{
	color: #2f3840;
	text-decoration:none;	
}

.titleBar a:visited{
	color: #2f3840;
}

.noteRight{
	float:right;
	display:block;
	width:200px;
	height:auto;
	margin-left:10px;
	margin-bottom: 10px;	
}

.accent{
	color: #00507f;
	font-weight:bold;
}

/*--------
-- Form --
--------*/
.formItem{
	float:left;
	margin-right:10px;
	margin-bottom: 15px;
	white-space:nowrap;
	font-size:small;
	padding: 2px 5px 2px 5px;
}
.formItemTitle 
{
	float:left;
	width:170px;
	margin-right:10px;
	text-align:left;
	margin-bottom:10px;
    font-weight:bold;
}
.formTitle{
	font-size:small;
	font-weight:bold;
	padding-bottom:5px;
	display:block;	
}

.formBlock{
	border: solid 1px #CCCCCC; 
	padding: 5px;
	margin:0px;
	text-align:left;
}

/*Hack to fix IE box issue */
/* hide from MacIE \*/
* html .formBlock {
	height: 1%;
}


/*--------
-- Menu --
--------*/

#menu{
	text-align:right;
	color: #7e94a8;
	font-weight:bold;
	font-size: small;
	background-color:#bedcf2;
	padding: 3px 10px 3px 10px;
	border-bottom:solid 1px #c5c5c5;
}

#menu a{
	color:#2f3840;
	text-decoration:none;
	padding:0px 10px 0px 10px;
	zoom: 1; /*IE Hack*/
	white-space:nowrap;
}

#menu a:hover{
	text-decoration:underline;
}












/*----------------
-- FrameHeader1 --
----------------*/

/** STYLED PANEL **/
.frame_header1, .frame_header4 {
	color: #000000;
	font-size:small;
	position:relative;
	left:20px;
	border-style:solid;
	border-width:1px;
	border-color:#EEEEEE;
    padding: 10px 10px 10px 10px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.frame_header1 h4, .frame_header4 h4 {
	color: #336699;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
	
}

.frame_header1 h4 a , .frame_header4 h4 a {
	text-decoration: none;	
}

.frame_header1 p, .frame_header4 p{
	font-size:small;
	text-align:center;	

}

.frame_header1 th, .frame_header4 th{
	color: #336699;
	font-weight:bold;
	text-align:left;
}

.frame_header1 table, .frame_header4 table{
	margin:auto;	
}

.frame_header1 .styledpanel-bg1, .frame_header4 .styledpanel-bg1 {background: url(/css/frameHeader1/bl.gif) no-repeat bottom left;	padding-bottom:10px;}
.frame_header1 .styledpanel-bg2 {background: url(/css/frameHeader1/tl.gif) no-repeat top left;}




/*----------------
-- FrameHeader2 - In the course, will be eventually made into a "Tips" box
----------------*/
.frame_header2 {
	color: #000000;
	font-size:small;
	position:relative;
	background: url(/css/frameHeader1/br.gif) no-repeat bottom right;
	margin-bottom:10px;
}

.frame_header2 h4 {
	color: #336699;
	font-size: small;
	text-align: center;
	background: url(/css/frameHeader1/tr.gif) no-repeat top right;
}

.frame_header2 h4 a {
	text-decoration: none;	
}

.frame_header2 p{
	font-size:small;
	text-align:center;	
	margin-right: 10px;
	margin-left: 10px;
}

.frame_header2 th{
	color: #336699;
	font-weight:bold;
	text-align:left;
}

.frame_header2 table{
	margin:auto;	
}

.frame_header2 .styledpanel-bg1 {background: url(/css/frameHeader1/bl.gif) no-repeat bottom left;	padding-bottom:10px;}
.frame_header2 .styledpanel-bg2 {background: url(/css/frameHeader1/tl.gif) no-repeat top left;}

/*----------------
-- FrameHeader3 - NO rounded corners
----------------*/

/** STYLED PANEL **/
.frame_header3 {
	font-size:small;
	margin-bottom:0px;
	border:solid 1px #000000;
	color: #000000;
	background-color: #ffffff;
}

.frame_header3 h4 {
	background-color:#bedcf2;
	color:#2f3840; 
	padding: 3px 10px 3px 10px;
	margin: 0px;
	font-size:small;
	color:#2f3840; 
	text-align: center;
	border-bottom:solid 1px #c5c5c5;
}

.frame_header3 h4 a{
	text-decoration: none;	
}

.frame_header3 p{
	font-size:small;
	margin: 15px 5px 15px 5px;
	padding:0px;
	color: #000000;
	background-color: #ffffff;
	text-align:center;	
}

/*----------------
-- FrameHeader4 - Red header
----------------*/

.frame_header4 h4 {
	color: #ffffff;
	font-size: small;
	text-align: center;
	background: url(/css/frameHeader4/tr.gif) no-repeat top right;
}

.frame_header4 p
{
	margin-right: 15px;
	margin-left: 15px;
}

.frame_header4 th{
	color: #ffffff;
}

.frame_header4 .styledpanel-bg2 {background: url(/css/frameHeader4/tl.gif) no-repeat top left;}


/*----------------
-- BlockQuote   --
----------------*/
.blockquote {
	border: solid 1px #CCCCCC; 
	padding: 5px 10px 5px 10px;
}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray;
	padding: 15px 20px 15px 20px;
	width:450px;
}



/********************************************
			STYLES FOR PRINTING                    
********************************************/

@media print{

	body, html 
	{
		margin: auto;
		padding: auto;
	}
	
	#frame800, frame1024 {
		width: auto;
	}
	
	.frame_header {
		color: #FFFFFF;
		background: #000000;
		padding: 5px 10px 5px 10px;
	}

	.styledpanel-bg1, .styledpanel-bg2
	{
		background: Transparent;  
	}


	#content{
		width: auto;
		border: none;
	}

	.frame_bottom 
	{
		visibility:hidden;
		color: #000000;
		background: #FFFFFF;
	}

	.frame_header1, .frame_header2, .frame_header3, .frame_header4 {
		background: Transparent;
	}

	.frame_header1 h4, .frame_header2 h4, .frame_header3 h4, .frame_header4 h4 {
		color: #000000;
		font-size: small;
		text-align: center;
		background: Transparent;
	}

	#bottom {	
	 border-top-style:none;
	}


	.frame_bottom {
		background: Transparent;
	}
}