@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; line-height: 1.0; font-size: 1em;}

body {
	background-color: #FFF; /*#fafafa off white*/
	padding: 20px 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Makes one em roughly 10 pixels so 1.2em is 12 pixels, 0.9em is 9pixels */
	color: #333; /*dark grey*/
	font-weight: 500;
}

.imgalign {
	position: relative; /* Required for IE 6 otherwise image invisible */
	float: left;
	margin: 0 10px 10px 0;
}

acronym {
	cursor: help;
	border-bottom: 1px dotted #aaa;
}

#wrapper {
	background-image: url(../images/wrapper_background.jpg);
	position: relative;
	width: 770px;
	background-color: #FFF;
	margin: 0 auto;
}

#header {
	position: relative;
	width: 770px;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color: #333;
}

/*Navigation menu*/
#nav {
	margin: 0 0 20px 0;
	background: #274140;
	float: left;
	width: 770px; /*+25px left padding = 770px wrapper width*/
	padding-left: 0px;
}

#nav li {
	display: inline;
	list-style-type: none; /* Ensures no browsers display list bullets */
	margin: 0;
	padding: 0;
}

/* Style for menu tab links */
#nav a:link,
#nav a:visited {
	color: #b0ceb8;
	background: #274140;  /*blue*/
	background-repeat:repeat-x;
	padding: 6px 10px 6px 10px;
	float: left;
	width: auto;
	text-decoration: none;
	font: normal 1.2em/1.2em Arial, Helvetica, sans-serif;
}

/* menu item hover */
#nav a:hover {
	color: #fff; 
	background: #e35a00;  /*orange*/ 
}

#home #nav-home a,
#about #nav-about a,
#contact #nav-contact a,
#services #nav-services a,
#courses #nav-courses a,
#navi #nav-navi a {
	background: #70ac38; /*green */ 
	color: #fff; /*white*/
	font: bold 1.2em/1.2em Arial, Helvetica, sans-serif;
}

#home #nav-home a:hover,
#about #nav-about a:hover,
#contact #nav-contact a:hover
#services #nav-services a:hover
#courses #nav-courses a:hover {
	background: #70ac38; /* green */
}

#nav a:active {
	background: #e35a00; /* orange */
	color: #fff;
}

/* Add rule to apply left border for IE 6 or earlier */

#innerwrapper {
	margin-top: 1px; /* Required by IE7 only, to create a margin between innerwrapper and nav */
	clear: both;
}

/* Hide from IE5-Mac \*/
/*#nav {
	float: none;
}
*//* End hide */

h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: 900;
	color: #b0ceb8;
}

h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font: 1.2em/1.4em Arial, Helvetica, sans-serif; /* grouping i.e. 1.2em/1.4em allowed with font property - not with font-size property */
	font-weight: 600;
	color: #666;
}

p {
	margin: 0 0 16px 0;
	padding: 0;
	line-height: 1.5;
	font: 1.0em/1.3em Verdana, Arial, Helvetica, sans-serif; /* grouping i.e. 1.2em/1.4em allowed with font property - not with font-size property */
}

.content>p {
	margin: 0;
	line-height: 1.2em;
}

.content>p+p {
	text-indent: 30px;
}

.definition {
	background-color: #fff;
	border: 1px solid #274140;
	border-width: 1px 0;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-style: italic;
	padding: 5px;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: 500;
	color: #09C;
	text-decoration: none;
}

.leftcol-text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	color: #09C;
	text-decoration: none;
}
	

/* Pseudo classes must be defined in this order otherwise they don't work correctly in all browsers */
a:link {
	color:  #09C;
}

a:visited {
	color: #8c071f;
}

a:hover {
	background-image: url(../images/link_background.jpg);
	background-repeat: no-repeat;
	color: #274140;
}

a:active {
	color: #F90; /*orange*/
}

/* All the content boxes belong to the content class. */
.content {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 120px;
	margin: 0 210px 10px 170px;
	border: 1px solid #999;
	background-color: #cfcfcf;
	padding: 10px;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

/* Content boxes in 2-column layout */
.content-2 {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 120px;
	margin: 0 0 20px 170px;
	background-color: #fff;
	padding: 10px;
	font-size: 1.2em;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

.content-2 p {
	padding-bottom: 5px;
}

.content-2 h2 {
	font-size: 1.1em;
}

.content h2 {
	font-size: 1.1em;
}

/* Content boxes in 3-column layout */
.content-3 {
	position: relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width: auto;
	min-width: 120px;
	margin: 0 210px 10px 170px;
	background-color: #fff;
	padding: 10px;
	font-size: 1.2em;
	z-index: 3; /* This allows the content to overlap the right menu in narrow windows in good browsers */
}

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

#contactlist li {
	margin: 2px 0 6px 0;
	padding: 0;
	line-height: 25px; /* height of icon */
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#contactlist li a,#contactlist li span {
	padding-left: 34px; /* width of icon + whitespace */
}

#contactlist li a {
	padding: 0;
}

#phone { background-image: url(../images/phone-icon-24x24.jpg); }
#mobphone { background-image: url(../images/mobile-phone-icon-24x24.jpg); }
#fax { background-image: url(../images/fax-icon-24x24.jpg); }
#email { background-image: url(../images/e-mail-icon.jpg); }

#leftcol {
	float: left;
	width: 150px;
	top: 100px;
	left: 5px;
	background-color: #fafafa;
	z-index: 2;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}

.leftcol-text {
	font-weight: 500;
	background-color: #fafafa;
	padding: 10px;
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 128px;
}

.leftcol-text p {
	background: transparent; /* required for IE6 to allow background image on hover on links */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding: 0;
}

.leftcol-text span {
	font-weight: bold;
}

.leftcol-image {
	width: 150px;
	height: 129px;
	background-color: #fafafa; 
/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 150px;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#leftcol {
	width: 150px;
}
		
#rightcol {
	float: right;
	width: 190px;
	top: 100px;
	right: 5px;
	font-size: 1.2em;
	background-color: #FFF;
	padding: 10px;
	text-align: center;
	z-index: 1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 168px;
}

/* Again, "be nice to Opera 5". */
body>#rightcol {
	width: 168px;
}

#container1,
#container2,
#container3 {
	font-size: 1.2em;
}

#footer {
	background-color: #274140;
	color: #FFFFFF;
	clear: both;
	font: normal 1.0em/1.0em Georgia, "Times New Roman", Times, serif;
	padding: 15px 10px;
	border: 1px solid #666666;
	width: 770px;
	margin: 0 auto;
}

/* Blockquote style */
blockquote {
	/*width: 100px;*/
}

blockquote.pullquote {
	float: left;
	padding: 0.5em;
	border: 3px double #B0CEB8;
	border-width: 3px 0;
	color: #333;
	background: transparent;
	margin-bottom: 20px;
}

blockquote.alt {
	float: right;
	margin: 0.25em 0 0.25em 0.75em;
}

.pullquote p {
	margin: 0;
	text-align: center;
	font: normal 0.9em/1.4em Georgia, "Times New Roman", Times, serif;
	color: #666;
}

blockquote p.quoter {
	color: #274140;
	font-weight: 500;
	line-height: 2em;
	padding: 10px 3px 0px 3px;
	text-align: left;
}

.separator {
	float: left;
	padding: 0 79px; 
}

/* causes #wrapper to contain floated left and right columns */
.brclear {
	clear: both;
}

/* Adobe images */
.adobe_small {
	padding: 0px 5px 0px 0px;
}

.get_adobe_reader {
	border: 0px;
	left: 10px;
	position: relative;
	top: 570px;
}

.get_adobe_reader a:link {
	color:  #09C;
}

.get_adobe_reader a:visited {
	color: #8c071f;
}

.get_adobe_reader a:hover {
	background-image: none;
	background-repeat: no-repeat;
	color: #274140;
}

.get_adobe_reader a:active {
	color: #F90; /*orange*/
}

/* lecture list styles */
#lecture-list {
	list-style: circle;
	margin-bottom: 15px;
	padding: 0 0 0 35px;
}

#lecture-list li {
	padding: 0.6em;
}

/* adjust space after preceding paragraph */
#lectures {
	margin-bottom: 5px;
}