/* Styles for DPA Faculty web sites */

/*---------------------------------------------------------*/
/* Core Styles */ 



body {
	margin: 0;
	padding: 0;
	color: black;
	background: #efefef url(images/y.gif) repeat;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size: 1em; 
} 
   
acronym { border-bottom:1px dashed #701; cursor: help; }
blockquote {padding:10px; font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; }

a, a visited { color: #037; text-decoration: underline; }
a:hover, a:active { color: #701; text-decoration: none; }


/*---------------------------------------------------------*/
/* Document structure div's with ID's*/ 

#rap {
	border: 0;
	border-bottom:1px solid #037;
	border-top:7px solid #037;
	width:736px;
	margin: 30px auto 0 auto;
	
}

#header {
	background: #037 url(images/header_bg.jpg) no-repeat;
	width: 100%;
	border-bottom: 1px solid #037;
	height: 100px;
	
	
}

#header_text  {
	font-size:2.0em;
	text-align:right;
	padding-right:20px;
	color:#fff;
	
}
#header_biline  {
	font-size:1.5em;
	text-align:right;
	padding-right:20px;
	color:#fff;
	
}


/* <table> */
#main_layout_table {
	width: 100%;
	border:0;
}

/* <td> */
#sidebar {
	background: #037;
	width: 177px;
	border-right:1px solid black;
	vertical-align:top;
}

/* divs inside sidebar */
.menu_title { text-align:center; font-size:1.2em; color:#fff;}

#main_menu {
	margin-top:10px;
	padding-top:10px;
	width:177px;
}

#main_menu ul {
	list-style: none;
	padding:0;
	margin:0;
}
	#main_menu a, #main_menu a:visited{
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		border-top:1px solid #037;
		border-bottom:1px solid #037;
		padding:1px;
		padding-left:16px;
		width:99%;
		
	}
	
	#main_menu a:hover{
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		border:1px solid #FFF;
		padding:1px;
		padding-left:18px;
		background:#701 url(images/menu_back.gif) no-repeat;
		width:99%;
	
	}

#sub_menu {
	margin-top:20px;
	padding-top:10px;
	width:177px;
	border-top:1px solid #79b;
	
}

#sub_menu ul {
	list-style: none;
	padding:0;
	margin:0;
}

	#sub_menu a, #sub_menu a:visited{
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		border-top:1px solid #037;
		border-bottom:1px solid #037;
		padding:1px;
		padding-left:16px;
		width:99%;
				
	}
	
	#sub_menu a:hover{
		font-size: 12px;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		border:1px solid #FFF;
		padding:1px;
		padding-left:18px;
		background:#701 url(images/menu_back.gif) no-repeat;
		width:99%;
	}

#main_menu li a, #sub_menu li a { display: block; }

/* <td> */
#main_content {
	background: #FFF;
	padding:14px;
	vertical-align:top;
	font-weight:normal;
	line-height:1.3em;
	
}

#footer {
	text-align:center;
	margin: 0 auto;
	font-size: 0.8em;
	width:736px;
	background:#fff;
	border:1px solid #ddd;
	padding:10px 0;
	
}


.footer_a_link a, .footer_a_link a:visited, .footer_a_link a:hover{text-decoration:none; color:#000; }
#incB {width:100%; margin-bottom:10px;}
#incA {width:100%; margin-top:10px;}

#admin_edit {
	text-align:right;
	margin: 10px auto;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.8em;
	width:90%;
	color:#037;
}

.per_graph {

	width:300px;
	height:20px;
	background: url(http://www.tyndale.ca/~asmith/dpatest/images/graph_bg.gif) no-repeat;
	margin-left:120px;

}

.comment {
	font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;
	border:1px solid #afafaf; 
	padding:10px; 
	width:90%; 
}
#comment_form {margin-top:20px; border-top:1px dashed black; padding:10px; font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;}
.comment_name {	
	font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;
	border:1px solid #afafaf; 
	border-bottom:0;
	padding:2px 10px; 
	width:80%;
	background:#EFEFEF;
}
.comment_meta {
	font: 0.7em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; 
	padding:1px 10px; 
	border:0;
	width:90%;  
	margin-bottom:17px; 
	background:#fff;
	/*font-weight:bold;*/	
}
/* comment form tag */
.cft { width: 100px; display:block; float:left; }

/* forms */
.form_cont {width:90%;}
.form_tag {clear:both; float: left; display:block; width:150px; padding-right:7px; text-align:right; margin-top:10px; font-size:0.8em; font-weight:bold;}
.form_div {margin-top:5px;}
.form_item {
	border:1px solid #ddd;
	padding:2px 3px;
	margin-top:5px;
	font: bold 0.9em "Courier New", Courier, monospace;
	color: #037;
}
.form_exp {
	border:1px solid #ddd;
	padding: 5px 0;	
	padding-left:25px;
	margin-top:5px;
	font-size:0.75em;
	color:#777;
	background: #fafafa url(myAdmin/images/help_gray.gif) no-repeat 4px center;
	width:77%;
}


/* extra blank div's for create fun and layout */

#extraDiv1 {}
#extraDiv2 {}

.dl_rap {width:97%; border-bottom:2px solid #ddd; margin:10px auto;}
.dl_tag {width:90%; padding:1px 4px; font-size:1em;}


/*---------------------------------------------------------*/
/* dpa styles */

.imageR {
	float: right; 
	padding-bottom: 5px;
	padding-left: 14px;
}

.imageL {
	float: left; 
	padding-bottom: 5px;
	padding-right: 14px;
}

.imageB {
	padding:4px;
	border:1px solid #ddd;
}

.imageBR {
	float: right; 
	margin-bottom: 5px;
	margin-left: 7px;
	padding:4px;
	border:1px solid #ddd;
}

.imageBL {
	float: left; 
	margin-bottom: 1px;
	margin-right: 7px;
	padding:4px;
	border:1px solid #ddd;
}

.pullquoteR {
	float: right;
	width: 222px;
	color: #000;
	border:2px solid #037;
	border-top: 1px solid #037;
	border-left: 1px solid #037;
	background: #efefef; 
	font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;
	padding: 11px 7px;
	margin: 2px 7px;
	margin-right:0;
	margin-top:0;
	line-height:1.2em;
}

.pullquoteL {
	float: left;
	width: 222px;
	color: #000;
	border:1px solid #037;
	border-top: 1px solid #037;
	border-left: 1px solid #037;
	background: #efefef; 
	font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;
	padding: 11px 7px;
	margin: 2px 7px;
	margin-left:0;
	margin-top:0;
	line-height:1.2em;
}

.frameR {
	display:block;
	float:right;
	width:250px;
	height:350px;
	overflow:auto;
	border:1px solid #afafaf;
	margin:7px;
	padding:5px;
	background:#efefef;
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;
	
}

.frameL {
	display:block;
	float:left;
	width:250px;
	height:350px;
	overflow:auto;	
	border:1px solid #afafaf;
	margin:7px;	
	padding:5px;
	background:#efefef;
	font: 0.8em "Trebuchet MS", Verdana, Arial, sans-serif;

}

.box_link a{
	color: #000;
	text-decoration: none;
	background: #ccc;
	text-align: center;
	padding: 1px 5px;
	border: 1px solid #777;
	margin:2px 0;
	font-size:0.9em;
}

.box_link a:hover{
	color: #000;
	text-decoration: none;
	background: #eee;
	text-align: center;
	padding: 0px 5px;
	border: 1px solid #777;
	margin:2px 0;
	font-size:0.9em;
}

.xlink {padding-right:15px; background: url(dpa_images/linker.gif) no-repeat right center;}

.heading_text { font: 1.6em "Trebuchet MS", Verdana, Arial, sans-serif; color: #037; }
.heading2_text { font: 1.3em "Trebuchet MS", Verdana, Arial, sans-serif; color: #037; }
.heading3_text { font: 1.1em "Trebuchet MS", Verdana, Arial, sans-serif; color: #701; font-weight: bold;}
.e_text { font: 1.0em "Trebuchet MS", Verdana, Arial, sans-serif; color: #701; font-weight: bold;}
.faint_text { font: 0.9em Verdana, Arial; color: #777; }

.my_table { width:100%; border:1px solid black; padding:0;}
.my_table50 { width:50%; border:1px solid black; padding:0;}
.my_table500 { width:500px; border:1px solid black; padding:0;}
.my_cell { border:1px solid black; padding:2px; }
.my_cell50 { width:50%; border:1px solid black; padding:2px; }
.my_cellH { border:1px solid black; padding:2px; background:#fff2cc; color:black; font-weight:normal;}
.my_cellHD { border:1px solid black; padding:2px; background:#701; color:white; font-weight:bold; text-align:center;}
.my_rowO {background: #EFEFEF; }
.my_rowE {background: #FFF; }

.hl { background: url(dpa_images/hl_bg.gif) repeat-x left center; }
.xlink { background: url(dpa_images/linker.gif) no-repeat right; padding-right:12px;}
.dpa_tba {width:500px; border:1px solid black;	background:#EFEFEF;	font-family: "Courier New", Courier, mono;}
.alert {padding:10px; padding-top:30px; border:3px solid #701; background:#FFB27F url(images/alert_top.gif) no-repeat left top; font: bold 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif;}
.bamm{padding:7px; border:1px solid #ddd; border-right:1px solid #777; border-bottom:1px solid #777; background:#FE7; margin:7px auto; width:95%;}
.quote {padding:10px; border:1px solid #ddd; background:#EFEFEF; font: 0.9em "Century Gothic", Tahoma, "Trebuchet MS", sans-serif; }
.pre_div {width:97%; margin:5px auto; clear:both; overflow:auto; border:1px solid #eee; }
.code_div {width:97%; margin:5px auto; clear:both; overflow:auto; border:1px solid #eee; padding:7px; }
/*---------------------------------------------------------*/
/* end styles */