/*
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	KRIPALU - Semester Intensive
	
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	:: squarehead design studio
	
	845.331.1953
	www.squarehead.com
	sbliss@squarehead.com

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* 	RESET
---------------------------------------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0;}
html, body { font: 62.5% Helvetica, Arial, sans-serif; text-align: left; color: #000000; }
body { background: #88984A url(../img_css/bkgd.png) no-repeat top left;}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, td {
	font-size: 1.8em; line-height: 1.3em; margin-bottom: 1em; font-weight: normal;}
table { border-spacing: 0; border-collapse: collapse;}
fieldset, a img, iframe { border: none; }
a { text-decoration: none; color: #000000;}

/* 	==> make links unselectable in Mozilla and WebKit */
a { -moz-user-select: none; -khtml-user-select: none; }

/* 	==> removes those nasty dotted lines from Mozilla */
:focus { -moz-outline-style: none; }
:active { -moz-outline-style: none;}

/* 	STRUCTURE
---------------------------------------------------------------------------------------------------------------------------*/
#column { 
	position: absolute; left: 201px; top: 0; width: 373px; padding: 100px 0 0; 
	background: #FFFFFF url(../img_css/header.png) no-repeat 0 0;}
#content { position: absolute; left: 595px; top: 55px; width: 370px; height: 510px; overflow: auto;}
#innerContent { padding: 0 30px 0 0; }

/* 	SCROLL BAR
---------------------------------------------------------------------------------------------------------------------------*/
.scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; }
.vscrollerbase { width: 15px; background: url(../img_css/bkgd_scrollbar.png) no-repeat 0 0;}
.vscrollerbar { width: 15px; padding: 14px 0; margin-left: 1px;}
.vscrollerbarbeg { background: url(../img_css/bkgd_scroller.png) no-repeat 0 0; width: 13px;}
.vscrollerbarend { background: url(../img_css/bkgd_scroller.png) no-repeat bottom left; width: 13px; height: 10px; }

/* 	ACCORDION - expanding center column
---------------------------------------------------------------------------------------------------------------------------*/
.toggle {
	float: left; width: 353px; height: 22px;
	margin: 0; padding: 6px 10px 0;
	font-weight: bold; font-size: 2.2em;
	cursor: pointer; -moz-user-select: none; -khtml-user-select: none;
	border-top: 1px dotted #AAAAAA; background: url(../img_css/bkgd_toggle.png) no-repeat left bottom;}
.panel { float: left; width: 373px; padding: 0; margin: 0; background: #FFFFFF; -moz-user-select: none; -khtml-user-select: none; }

/* 	SECONDAY NAVIGATION - slidy things on left
---------------------------------------------------------------------------------------------------------------------------*/
#secondaryNav { position: absolute; list-style: none; top: 380px; left: 0; font-size: 2em;}
#secondaryNav li { background: #FFFFFF; padding: 3px 6px 3px 30px; width: 140px; margin-bottom: 3px; margin-left: -20px;}
#secondaryNav li a { display: block; color: #000000; font-weight: bold;}

/* 	TYPOGRAPHY - panel
---------------------------------------------------------------------------------------------------------------------------*/
.panel a { color: #A4302D;}
.panel a:hover { text-decoration: underline;}

/* 	==> special links with icons */
.panel .ajax { font-weight: bold; padding-right: 12px; background: url(../img_css/link_ajax.png) no-repeat center right;}
.panel .ajax:hover, .panel .doc:hover { text-decoration: none;}
.panel .doc { font-weight: bold; padding-right: 8px; background: url(../img_css/link_doc.png) no-repeat center right;}

.panel p, .panel ul, .panel h1 { padding: 0 10px;}
.panel ul { margin: 0 0 0 20px;}

/* 	LANDING PAGE
---------------------------------------------------------------------------------------------------------------------------*/
.landing { 
	float: left; width: 373px; padding: 0; margin: 0;
	font-size: 1.1em;
	background: #FFFFFF;
	-moz-user-select: none; -khtml-user-select: none;
}
.landing a { color: #A4302D;}
.landing a:hover { text-decoration: underline;}
.landing h1 { margin-top: 20px; padding: 0 10px; font-weight: bold; font-size: 2.5em;}
.landing p { line-height: 1.5em; color: #555555; padding: 0 10px;}

/* 	INNER CONTENT - ajax area on right
---------------------------------------------------------------------------------------------------------------------------*/
#innerContent h1 { font-size: 2.2em; line-height: 1.2em; color: #000000; font-weight: bold; margin: 0 0 10px;}
#innerContent h2 { font-size: 2.2em; line-height: 1.2em; color: #FFFFFF; font-weight: bold; margin: 0 0 10px;}
#innerContent h3 { font-size: 2.2em; color: #000000; line-height: 1.2em; font-weight: bold; }
#innerContent h1 strong { color: #FFFFFF; font-weight: bold;}

#innerContent table { width: 340px; border-top: 1px dotted #9FA971;}
#innerContent td { border-bottom: 1px dotted #9FA971; padding: 2px 0;}

#innerContent ul { margin: 0 0 1em 1.5em;}

#innerContent a { color: #FFFFFF; cursor: pointer; font-weight: bold;}
#innerContent a:hover { text-decoration: underline;}
#innerContent h1 a { color: #000000; cursor: pointer;}
#innerContent h1 a:hover { text-decoration: none; color: #FFFFFF;}

#innerContent .doc { color: #000000; padding-right: 8px; background: url(../img_css/link_doc_content.png) no-repeat center right;}
#innerContent .doc:hover { text-decoration: none; color: #FFFFFF;}

.head { float: left; margin-right: 10px; border: 1px solid #000000;}
.hRule { width: 150px; margin: 15px 75px; height: 1px; border-top: 1px dotted #9FA971;}

/* 	QUOTES - pop up 'student voices' thing
---------------------------------------------------------------------------------------------------------------------------*/
#quotes {
	position: absolute; z-index: 5000; visibility: hidden;
	top: 150px; left: 287px;
	width: 400px; height: 260px;
	padding: 10px 25px;
	background: url(../img_css/bkgd_quote.png) no-repeat top left;	}

#quotes p { width: 400px; float: left; text-align: center;}

#buttons { color: #000000; list-style: none; font-size: 20px; float: left; margin: 0;}
#buttons li { float: left; padding-right: 5px; cursor: pointer;}
.activeBtn { color: #FFFFFF; }
#close, #next, #previous { padding: 0 5px; cursor: pointer;}

#quote {
	float: left; width: 400px; height: 180px;
	font-family: Helvetica, Arial, sans-serif; text-align: left; font-weight: bold;
	line-height: 1.8em; font-size: 11px;
	color: #FFFFFF; }