/* ------------------------------------------------------------------------------------ */
/* 	KHAZAR STYLESHEET
/*  11/19/07
/* ------------------------------------------------------------------------------------
	COLOR GUIDE
	Backgrounds								Lines
		Dark blue: 111E3D 						Box border: 4A493B
		Content tan: 9b9b7c						Section borders: 86866C (86866C)
		Box tan: B6B591							Masthead borders: 86866C
		Top menu hover: 4A493B					Footer borders: 86866C
		Sub menu hover: 4A493B
		Top/Sub menu active: FFFFFF
		Dark Tan bar at bottom: 4A493B		
	Text
		Top Menu norm/link: AeAd8b				Box h1 h1 norm: 111E3D
		Top Menu hover: DAD7B1					Box h1 h2 linked/hover: 21448C
		Top Menu active: 22100B (dark brown)	Box p norm: 5b5a48
		Sub Menu norm/link: 22100B				Box p linked/hover: 424134
		Sub Menu hover: DAD7B1					Footer norm/link: 9b9b7c
		Sub Menu active: 22100B					Footer hover: DAD7B1		
		Content h1 h2 norm: 111E3D
		Content h1 h2 linked/hover: 21448C
		Content p norm: 3F3E32	   				< Majority color of text
		Content p linked/hover: 3F3E32
		Content, Box, Footer active: ffffff
	TAN COLOR LIST
		1: #424134	2: #4A493B	3: #535248	4: #5B5A48	5: #53524F	6: #6E6E58
		7: #7A7A62	8: #86866C	9: #919174	10:#9B9B7C	11:#A3A383	12:#AEAD8B
		13:#B6B591	14:#BDBC96	15:#C6C49C	16:#CECEA2	17:#DCDAAD
		(for reference see images/colors.png)
/* ------------------------------------------------------------------------------------ 
	IMPORTANT SIZES
		Main body: 802px (2 extra pix to account for borders
		Side panels: 150px
		Center section: 500px
		Distance between lines: 22px
/* ------------------------------------------------------------------------------------
	FORMAT SEQUENCE GUIDE
		Positioning/top/left
		background
		width/height
		margin/padding
		borders
	FORMAT TEXT SEQUENCE GUIDE
		color
		font-size/line height
		font-transform/weight/
		margin/padding														
/* ------------------------------------------------------------------------------------ */
body 	{padding:0; 	margin:0;}
img 	{border:none;}
/* ------------------------------------------------------------------------------------ */
/* Major Divs  */
/* ------------------------------------------------------------------------------------ */
/* background */
body 												{ background:#111E3D url(../../../../../v2images/farback.gif);} 	
#masthead											{ background:#111e3d;	}
#masthead div.left									{ background:url(../../../images/left_medallion.gif);		}
#masthead div.center								{ background:url(../../../v2images/masthead.png) no-repeat;	}
#masthead div.right									{ background:url(../../../images/right_medallion.gif);	}
#content											{ background: #ffffff url(../images/lines.gif);		}
#content div.section div.title, 
#content div.section div.subtitle					{ background-color:#d6d4b2; }
#content div.box									{ background:url(../../../../../v2images/shaders/25-DAD7B1.png); }
#content div.subsection div.noclass					{ background:url(../../../../../v2images/shaders/50-DAD7B1.png)  }
#footer												{ background-color:#d6d4b2;	}
/* positioning */
#metadiv											{ position:relative; 	margin:auto; 	}
#masthead											{ position:absolute; }
#masthead div.left									{ position:absolute; 	left:0px;   	}
#masthead div.center								{ position:absolute; 	left:151px; 	}
#masthead div.right									{ position:absolute; 	left:651px;		}
#content											{ position:absolute;	top:150px; 		}
#content div.section								{ position:relative; }
#content div.section div.title						{ position:relative; }
#content div.section div.subsection					{ position:relative; }
#content div.section div.subsection div.subtitle	{ position:absolute; }
#content div.section div.subsection div.subcontent	{ position:relative; 	left:150px; min-height:150px;	}

#content div.section div.subsection div.subcontent div.subsub	{ position:relative;  border-top:#86866C solid 1px;}
#content div.section div.subsection div.subcontent div.leftsub 	{ position:absolute;  width:130px; left:0; }
#content div.section div.subsection div.subcontent div.rightsub { margin-left:150px;  padding-top:.8em;	}

#footer												{ position:relative; }
/* size */
/* Target sizes | section & masthead: 800px | left, right, subtitle: 150px | center: 500px | subsection: 650px  */
#metadiv											{ width:800px; }
#masthead div.left									{ width:150px;	height:150px; }
#masthead div.center								{ width:500px;	height:150px; }
#masthead div.right									{ width:150px; 	height:150px; }
#content											{ width:802px; }
#content div.section								{ width:802px; }
#content div.section div.title						{ width:742px; }
#content div.section div.subsection					{ width:802px; }
#content div.section div.subsection div.subtitle	{ width:130px; } /* Subtract padding */
#content div.section div.subsection div.subcontent	{ width:592px; } /* Subtract padding */
div.subsection div.min0								{ 				min-height: 5.5em; 	}
div.subsection div.min1								{				min-height:7em; 	}
div.subsection div.min2								{				min-height:8em; 	}
#footer												{ width:802px; 	height:75px; }
/* margins/padding/ */
#content div.section div.title						{ padding:.1em 30px 2em 30px;	}
#content div.section div.subsection div.subtitle	{ padding:0px 10px 10px 10px; 	}
#content div.section div.subsection div.subcontent	{ padding:0px 30px 1em 30px;	}
#content div.box									{ padding:10px 30px 10px 30px;	}
#footer												{ margin-top: 30px;	padding:35px 0 10px 0;			}
/* borders */
#masthead div.left									{ border-right:#86866C solid 1px;	}
#masthead div.right									{ border-left:#86866C solid 1px;	}
div.section											{ border-top:#111E3D solid 1px; 	}
div.subtitle										{ border:none;						}

#content div.section div.subsection					{ border-top:#ffffff solid 1px; 	}
#content div.section div.subsection div.subcontent	{ border:#d6d4b2 solid 1px; border-left:none; border-right:none;}
#content div.section div.subsection div.last		{ border-bottom:none;	}
#content div.lastroster								{ border-bottom:#000000 solid 1px;	}
#content div.box									{ border:#86866C solid 1px;			}
#footer												{ border-top:#111E3D solid 1px; 	}

/* Clear box div for images in the content area */
#content div.box									{ clear:both						}
/* ALL DIVS
#metadiv											{ }
#masthead											{ }
#masthead div.left									{ }
#masthead div.center								{ }
#masthead div.right									{ }
#content											{ }
#content div.section								{ }
#content div.section div.title						{ }
#content div.section div.subsection					{ }
#content div.section div.subsection div.subtitle	{ }
#content div.section div.subsection div.subcontent	{ }
#content div.box									{ }
#footer												{ }

/* Menu Items */
div#menu { /* div all menus reside in */
	position:absolute; top:150px; width:800px;
	padding:0; margin:0;
	text-transform:uppercase; font-size:10px; /* fixed font size */ 
	border:#9B9B7C solid 1px; border-bottom:none;
}
#menu ul { /* all menus */
	list-style-type: none;
	list-style-position:inside;
}
#menu li  { /* top menu */
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:-10px 0 0 0;padding:0;
	text-align:center;
	width:159px; 
 	border-bottom:#9B9B7C solid 1px; border-right:#9B9B7C solid 1px;
	float:left;
}
#menu li.last {
	border-right:none;
	width:160px;	
}
#menu a { /* top menu link*/
	text-decoration: none;
	font-weight:normal;
	padding-top:5px;
	height:18px;
	display: block;
	color: #747666;
	background-color: #111E3D;
}
#menu a:hover { /* top menu rollover */
	text-decoration:none;
	color:#d6d4b2;
	background-color:#535342;
}
#menu a:active { /* top menu mouseDown */
	text-decoration:none;
	color:#22100B;
	background-color:#FFFFFF;
}
#masthead p { margin:0; padding:0; }
#masthead .center a { /* top menu link*/
	text-decoration: none;
	padding:0;margin:0;
	height:75px;
	display: block;
}

/* ------------------------------------------------------------------------------------ */
/* ALL FONT & TEXT FORMATING */
/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- *//* Text 									*/
body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;                /* Was 15pt, Was normal weight */
}
.codeit p {
	font-family:"Courier New", Courier, monospace;
}
/* --------------------------------------- *//* SIZE, COLOR 							*/
/* context			tag	{	font-size:NNem;		line-height:NNpx;	color:#NNNNNN;	} 	*/
					h1	{	font-size:1.25em;	line-height:1.5em;	color:#111E3D;	}
					h2	{	font-size:1em;		line-height:1.3em;	color:#111E3D;	}
					h3	{	font-size:1em;		line-height:1.3em;	color:#111E3D;	}
					h4	{	font-size:.75em;	line-height:.75em;	color:#A3A383;	} 	/* for copyright attributions */
					p	{	font-size:1em;		line-height:1.3em;	color:#3F3E32;	}
					ul	{	font-size:1em;		line-height:1.3em;	color:#3F3E32;	}
					ol	{	font-size:1em;		line-height:1.3em;	color:#3F3E32;	}
					li	{	font-size:1em;		line-height:1.3em;	color:#3F3E32;	}
							
div.title			h1	{	font-size:1.65em;	line-height:1.15em;	color:#111E3D;	}
div.title			h2	{	font-size:1em;		line-height:1.3em;	color:#111E3D;	}
div.title			p	{	font-size:1em;		line-height:1.3em;	color:#3F3E32;	}

div.subtitle		h1	{	font-size:1.25em;	line-height:1.15em;	color:#111E3D;	}
div.subtitle		h2	{	font-size:1em;		line-height:1em;	color:#111E3D;	}
div.subtitle		p	{	font-size:1em;		line-height:1em;	color:#3F3E32;	}

#footer				p	{	font-size:.8em;		line-height:1.2em;	color:#99997b;	}			
/* --------------------------------------- *//* style		 							*/
			h1,	h2, h3	{	text-transform:capitalize;								}
					h3	{ 	font-style:italic;										}
					h4	{	font-style:normal;	font-weight:normal;					}
/*	ul.2ndItal	 		li 	{	font-style:italic; }									*/
/* --------------------------------------- *//* Alignment 								*/
body 					{	text-align:left;	}
#masthead div.center	{	text-align:right;	}
div.subtitle			{	text-align:right;	}
#footer					{	text-align:center;	}
/* --------------------------------------- *//* padding/Margin 							*/
					h1	{	margin:2em 0 0em;								}
					h4	{	margin:0;				padding:0 0 20px 0;		}							
					ul	{	margin:1em 0px 2em 0;	padding:0px;			}
					ol	{							padding:0 0 0 20px;			}
				ul	ul	{	margin:0 0 0 40px ; 								}
					li	{	margin-left:1.3em;		padding:1em 0px 0px 0px;}
.first					{	margin-top:1.8em;		}
table.first				{	margin-top:2.6em;		}
div.subtitle		h1	{	padding-top:.25em; }		
div.assignments	div.subtitle	p,
div.homepage	div.subtitle	p	{	margin-top:0; margin-bottom:0;		padding-top:0; padding-bottom:0		 	}
div.assignments	div.subtitle	h1,
div.homepage	div.subtitle	h1	{	margin-top:0; margin-bottom:0; 		padding-bottom:0;						}
div.assignments	div.subcontent	p,
div.homepage	div.subcontent	p	{	margin:0;							padding:0 0 1em 0;						}
div.assignments	div.subcontent	h1,
div.homepage	div.subcontent	h1	{	margin:0;							padding:0;								}
div.assignments	div.subcontent	ul,
div.homepage	div.subcontent	ul,
div.assignments	div.subcontent	ol,
div.homepage	div.subcontent	ol	{	margin:0 0 0 20px;					padding:0 0 1em 0;						} /* not working */
div.assignments div.subcontent	li,
div.homepage 	div.subcontent	li	{	margin:0;							padding:0 0 1em 0;						}
/* ---------------------- */
/* Content links          */
/* ---------------------- */
#content  		  	a 			{	color:#3F3E32;	text-decoration:underline;	font-weight:bold; border-width: thin }
#content  		  	a:hover 	{	color:#3F3E32;	text-decoration:underline;	font-weight:bold; 	}
#content  		  	a:active 	{	color:#111E3D;	text-decoration:underline;	font-weight:bold; 	}
#content h1 	  	a, 
#content h2 	  	a,
#content h3 		a 			{	color:#21448C;	text-decoration:underline;							}
#content h1 		a:hover, 
#content h2 		a:hover, 
#content h3 		a:hover 	{	color:#21448C;	text-decoration:underline;						}
#content h1 		a:active, 
#content h2 		a:active,
#content h3 		a:active	{	color:#111E3D;	text-decoration:underline;						}
#footer  		  	a 			{	color:#7A7A62;	text-decoration:underline;		font-weight:normal; 	}
#footer  		  	a:hover 	{	color:#7A7A62;	text-decoration:underline;	font-weight:normal; 	}
#footer  		  	a:active 	{	color:#111E3D;	text-decoration:underline;	font-weight:normal; 	}


/* ------------------------------------------------------------------------------------ */
/* SPECIAL CASES */
/* ------------------------------------------------------------------------------------ */
/* ---------------------- */
/* Sizer div	          */
/* ---------------------- */
#sizer {	float:left; 
			margin-right:-47px; width:47px; /* Keeps the div outside of metadiv's calculation of centering */
			height:43px; 
			padding-top:4px;
			background-color:#111e3d; 
			color:#323c4f;
			border:#222d45 solid 1px;
			text-align:center;
}	
#sizer input	{	border:none;  
					background-color:#111E3D; 
					width:40px;
					color:#323c4f;
					text-align:center;
}		
#sizer  		  	a 			{	color:#323c4f;	text-decoration:none;		font-weight:bold; 	}
#sizer  		  	a:hover 	{	color:#d6d4b2;	text-decoration:underline;	font-weight:bold; 	}
#sizer  		  	a:active 	{	color:#FFFFFF;	text-decoration:underline;	font-weight:bold; 	}
/* ---------------------- */
/* Images in the subcontent div	          */
/* ---------------------- */
#content div.subcontent img.blockme {
	border:#86866C solid 1px;	
	float:left;
	margin:6px 12px 12px 0;
}
#content div.subcontent img.borderlessblockme {
	float:left;
	margin:6px 12px 12px 0;
}
#content div.subcontent img.borderme {
	border:#86866C solid 1px;	
}
div.homepage	div.subcontent,
div.assignments	div.subcontent		{	padding-top:2em !important; padding-bottom:2em !important;	}
div.homepage	div.subtitle,
div.assignments	div.subtitle		{	padding-top:2em !important;									}

div.pdf	{
	position:absolute; 
	top:17px; left:0px;
	width:788px; 
	text-align:right;
}
div.pdf p {
	font-size:.75em;
	color:#6E6E58;
	margin:0; padding:0 4px 0 0;
}
img.none {
clear:both}

pre	{
	font-size:1.25em;
	color:#3F3E32;
}