/* CSS Document */
@import url("left-nav.css");

/*	CSS-INDEX
	-----------------------------------------------
	1. GLOBAL SETTINGS 
	2. CONTAINERS
	3. CONTAINERS TO CONTROL COLUMN MODULES
	4. HEADINGS
	5. COMMON FORMATING
	6. VARIOUS PADDING SIZES
	7. ALIGNMENTS
	8. VARIOUS MARGIN SIZES
	9. VARIOUS FONT SIZES
	10.LINK SETTINGS
	11.FORM SETTINGS
	12.FOOTER SETTINGS
	13.LABEL
	14.COLORS
	15.GLOBAL CLASSES
	16.SITE HEADER SETTINGS
	----------------------------------------------- */	

/*	-------------------------------------------------------------
	1. GLOBAL SETTINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
	
	html, body {
	margin:0;
	margin-top: 0;
	padding: 0;
	}
	 
	body {
	font:100%/1.25 Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin-right: 1px;
	}
	
	.header-bkground{
	padding: 0px;
	margin: 0px;
	color: #FFCC33;
	background-color: #0000CC;
	overflow: hidden;  /* fixes a gap specific to IE */
	height:100px;
	}
	
	* html .header-bkground{
	padding: 0px;
	margin: 0px;
	color: #FFCC33;
	background-color: #0000CC;
	overflow: hidden;  /* fixes a gap specific to IE */
	height:100px;
	}	

/*	-------------------------------------------------------------
	2. CONTAINERS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	#container {
	width: 940px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	margin: 0 auto; /* centers layout */
	min-height:550px;
	}

	* html #container {
	height: expression( this.scrollHeight < 550 ? "550px" : "auto" ); /* sets min-height for IE */
	}
	
	#left-content {
	float: left;
	width: 230px;
	padding: 0;
	margin:0;
	/* background:url(images/left-content-bg.gif) repeat-y; */
	vertical-align:top;
    height: auto;
	min-height: 550px;

	}
	
	* html #left-content { /* IE Only */
	float: left;
	width: 230px;
	padding: 0;
	margin:0;
	vertical-align:top;
    height: auto;
	height: expression( this.scrollHeight < 550 ? "550px" : "auto" ); /* sets min-height for IE */
	min-height: 550px;
	}

	#pageTextContainer { /* used for page content */
	width: 600px;
	font-size: 0.75em;
	float: right; 
	padding: 10px 30px 20px 40px;
	vertical-align: top;
	margin-right: 10px;
	}
	
	* html #pageTextContainer { /* used for page content */
	width: 600px;
	font-size: 0.75em;
	float: right; 
	padding: 10px 30px 20px 40px;
	vertical-align: top;
	margin-right: 10px;
	}

/*	-------------------------------------------------------------
	3. CONTAINERS TO CONTROL COLUMN MODULES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
	
	.little_box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	padding: 1px;
	background-color: #FFCC33;
	clear: right;
	border: 1px solid #FFFFCC;
	}
	
	.shadow_box_in {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	background-color: #FFCC33;
	padding: 3px;
	clear: right;
	border: 1px solid #FFFFCC;
	position: relative;
	top: -8px;
	left: -8px;
	/*filter: shadow(color: #0000CC);*/
	}
	
	.shadow_box_out {
	background-color: #0000CC;
	margin: 4px 0px 0px 5px;
	position: relative;
	float: left;
	}
	
	.bysched {
	color: #0000CC;
	background-color: #FFCC33;
	padding-top: 10px;
	}
	
	#bydwn {
	color: #0000CC;
	background-color: #FFCC33;
	padding: 10px;
	margin-right: 350px;
	}
	
	#bydwn a {
	color: #0000CC;
	}
	
	.byschedh {
	color: #0000CC;
	background-color: #FFCC33;
	font-size: 1.25em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	}
	
	.ybsched {
	color: #FFCC33;
	background-color: #0000CC;
	padding-top: 10px;
	}
	
	#ybdwn {
	color: #FFCC33;
	background-color: #0000CC;
	padding: 10px;
	margin-right: 350px;
	}
	
	#ybdwn a {
	color: #FFCC33;
	}
	
	.ybschedh {
	color: #FFCC33;
	background-color: #0000CC;
	font-size: 1.25em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	}
	
	.piccap20 {
	color: #0000CC;
	background-color: #FFCC33;
	text-align: left;
	padding-left: 20px;
	}
	
	#piccap30 {
	color: #FFCC33;
	background-color: #0000CC;
	text-align: left;
	padding-left: 30px;
	}
	
	#piccap30 a {
	color: #FFCC33;
	}

	.piccap40 {
	color: #0000CC;
	background-color: #FFCC33;
	text-align: left;
	padding-left: 40px;
	}

/*	-------------------------------------------------------------
	4. HEADINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
	h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
	}
 
	h1 {
	padding:30px 0 25px 0;
	letter-spacing:-1px;
	font-size:2em;
	}
	
	h1.header {
	padding: 20px 0 10px 0;
	letter-spacing: 1px;
	font-size: 2em;
	}
	 
	h2 {
	padding:20px 0;
	letter-spacing:-1px;
	font-size:1.5em;
	color: #0000CC;
	}
	 
	h3 {
	font-size:1em;
	font-weight:bold;
	color: #0000CC;
	}
	

 
/*	-------------------------------------------------------------
	5. COMMON FORMATING
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
	p, ul, ol {
	margin:0;
	padding:0 0 1.25em 0;
	}
	 
	ul, ol {
	padding:0 0 1em 2em;
	}
 
	p.compact {
	text-indent: 8px;
	line-height: 100%;
	}
	
	a.nodec {
	text-decoration: none;
	}
	
	.b2top {
	text-align: right;
	direction: ltr;
	font-size:0.65em;
	clear: all;
	}
	
	
/*	-------------------------------------------------------------
	6. VARIOUS PADDING SIZES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
	
	.padding2 {
	padding:0.5em 0.5em 0.5em 0.5em;
	}
	
	.padlt20lt {
	text-align: left;
	padding-left: 20px;
	}
	
	.padlt30lt {
	text-align: left;
	padding-left: 30px;
	}
	
	.padlt40lt {
	text-align: left;
	padding-left: 40px;
	}
	
/*	-------------------------------------------------------------
	7. ALIGNMENTS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
	.allright {
		right: auto;	
	}
	
	.align-bottom {vertical-align:text-bottom;
	}


/*	-------------------------------------------------------------
	8. VARIOUS MARGIN SIZES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	.extra-margin-B {
		margin-bottom: 7px;
	}
	
	* html .extra-margin-B { /* IE only */
		margin-bottom: 5px;
		vertical-align: bottom;
	}
	
	.extra-margin-Top {
		margin-top: 5px;
	}
	
	.margin-TopEMP {
		margin-top: 5px;
		#margin-top: 2px;
	}
		
	* html .margin-TopEMP {
		margin-top: 3px;
	}
	
	.margin-Top15px {
		margin-top: 15px;
		#margin-top: 5px;
	}
	
	.margin-Top20px {
		margin-top: 25px;
		#margin-top:15px;
	}
	
	* html .margin-Top20px {
		margin-top: 7px;
	}
		
	.LeftMargin-5px {
		margin-left: 5px;
	}
	
	.LeftMargin-10px {
		margin-left: 10px;
	}

	.LeftMargin-15px {
		margin-left: 15px;
	}

	.LeftMargin-20px {
		margin-left: 20px;
		#margin-left: 30px;
	}
	
	* html .LeftMargin-20px {
		margin-left: 20px;
	}
	
	.LeftRightMargin-10px {
		margin-right: 10px;
		margin-left: 20px;
		#margin-left: 20px;
	}

	* html .LeftRightMargin-10px { /* IE 6 */
		margin-right: 10px;
		margin-left: 14px;
	}

	.RightMargin-10px {
		margin-right: 10px;
	}
	
	.LeftMargin-140px {
		margin-left: 140px;
	}
	
	.LeftMargin-220px {
		margin-left: 295px;
	}
	
	blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
	}


/*	-------------------------------------------------------------
	9. VARIOUS FONT SIZES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
	
	.\95em-fontsize {
	font-size:1em;
	}
	
	.small {
	font-size:0.75em;
	}
	 
	 * html .small {
	font-size:0.85em;
	}
	
	.smaller {
	font-size:0.65em;
	}
	
	* html .smaller {/* IE only */
	font-size:0.65em;
	}
	
	.smaller2 {
	font-size:0.55em;
	}
	
	* html .smaller2 {/* IE only */
	font-size:0.65em;
	}
 
	img {
	border:0;
	}
	 
	sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
	}
	 
	sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
	}
	 
	acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
	}
	
	.dverse {
	font-style: italic;
	font-variant: small-caps;
	}
 
 
/*	-------------------------------------------------------------
	10. LINK SETTINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
	a,
	a:link,
	a:visited,
	a:hover {
	text-decoration:underline;
	color:#0000CC;
	}
 
 
/*	-------------------------------------------------------------
	11. FORM SETTINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
 
	form {
	margin:0;
	padding:0;
	display:inline;
	}
	 
	input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
	}
	 
	.iput-bakgrnd {
	font:1.1em Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
 	border-color: #CCCCCC;
 	border-style: solid;
 	border-width: 1px;
	padding: 1px 3px;
	}
	 
	.buttongrey {
	border: 1px solid #888888;
	#border: 1px solid #ccc;
	margin-top: 0px;
	padding: 1px 3px 3px 3px;
	#padding: 1px 2px 3px 2px;
	height: 20px;
	/* width: auto; */
	background: #666666 url(images/bg_button_grey.gif) repeat-x;
	color: #666666;
	font-size:11px;
	font-weight: bold;
	}  


	* html .buttongrey {
	border: 1px solid #888888;
	#border: 1px solid #ccc;
	margin-top: 0px;
	padding: 1px 2px 3px 2px;
	height: 20px;
	/* width: auto; */
	background: #666666 url(images/bg_button_grey.gif) repeat-x;
	color: #666666;
	font-size:11px;
	font-weight: bold;
	}

	textarea {
	width:100%;
	line-height:1.25;
	height: 100px;
	}
	
	.column-container-1 {
		width:95%;
	}

	.column-container-2 {
		width:99%;
	}
	
	* html .column-container-2 {
		width:98%;
	}
	
	.widthone {
	width:425px;
	line-height:1.25;
	}
	
	.widthtwo {
	width:335px;
	line-height:1.25;
	}
	
	.widthID {
	width:230px;
	#width:215px;
	line-height:1.25;
	padding: 0.35em 0.35em 0.55em 0.35em;
	margin-left:55px;
	}
	
	* html .widthID {
	width:235px;
	line-height:1.25;
	padding: 0.35em 0.35em 0.55em 0.35em;
	margin-left:60px;
	}

/*	-------------------------------------------------------------
	12. FOOTER SETTINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	#footer {
	clear: both;
	margin: 0;
	margin-right: 1px;
	/*margin: 0;*/
	padding: 0;
	text-align: left; 
	border-top: 1px solid #CCCCCC;
	}
	
	.FHeight {
		height:30px;
		background-color: #FFFFFF;		
		padding: 8px;
		margin: 0px;

	}
	.footer_text {
		font-size:0.65em;
		font-family:  Arial, Verdana, Helvetica, sans-serif;
		line-height:1.5;
	}
 

/*	-------------------------------------------------------------
	13. LABEL
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	 
	label {
	cursor:pointer;
	}
 

/*	-------------------------------------------------------------
	14. COLORS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	
		
/*	-------------------------------------------------------------
	15. GLOBAL CLASSES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
 
	.clear         { clear:both; }
	#cursorHelp    {cursor: help; }
	.float-left    { float:left; }
	.float-right   { float:right; }
	 
	.text-left     { text-align:left; }
	.text-right    { text-align:right; }
	.text-center   { text-align:center; }
	.text-justify  { text-align:justify; }
	 
	.bold          { font-weight:bold; }
	.italic        { font-style:italic; }
	.underline     { border-bottom:1px solid; }
	.highlight     { background:#ffc; }
	 
	.wrap          { width:960px;margin:0 auto; }

	.alignment-top { vertical-align:top; }	
	.alignment-bottom { vertical-align:bottom; }
	.alignment-middle {vertical-align: middle; }
	 
	.img-left      {
					float:left;
					margin:4px 10px 4px 0;
					bottom: auto;
	}
	.img-right     { float:right;margin:4px 0 4px 10px; }
	 
	.nopadding     { padding:0; }
	.noindent      { margin-left:0;padding-left:0; }
	.nobullet      { list-style:none;list-style-image:none; }
	
	* html .nobullet      
					{ 	list-style:none;
						list-style-image:none;
	 				  	list-style-position: outside; 
					}

		
/*	-------------------------------------------------------------
	16. SITE HEADER SETTINGS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
					
	.headerLinks {
		font-size:0.75em;
		padding:1px;
		padding-right:0px;
		padding-left:15px;
		position: relative;
		text-align:right;
		top:-20px;
		#top:33px; /* IE 7 */
		bottom:0px;
		width: 500px;
	}
	
	
	* html .headerLinks { /* IE 6 only not IE 7 */
		font-size:0.75em;
		padding:1px;
		padding-right:5px;		
		padding-left:15px;
		position: relative;
		text-align:right;
		top:35px;
		bottom:0px;

	}
	
	.time {
		padding:1px;
		padding-right:23px;
		padding-left:15px;
		position: relative;
		top:10px;
		#top:8px; /* IE 7 */
		bottom:0px;
	}
	
	
	* html .time { /* IE 6 only not IE 7 */
		padding:1px;
		padding-left:15px;
		padding-right:12px;
		position: relative;
		top:15px;
		bottom:0px;

	}
/* -- top nav html settings --*/	

	.top-position-alt {
		position: relative;
		top:-6px;
		bottom:0px;		
		
	}
	
	* html .top-position-alt { /*- IE6 -*/
		position: relative;
		top:-6px;
		bottom:0px;		
		
	}