/* generics */

body {
	font: 0.84em/1.333 tahoma, Arial, sans-serif;
	text-align: center;
	color: #000080;
	background: #b3b3b3; /*#9b9b9b;*/  /* light gray hopman */
	behavior:  url("csshover.htc");
}
a:link {text-decoration: underline;}
a:visited {color: #f0f;text-decoration: underline;}
a.more:link {
	font-size: .8em;
	text-decoration: underline;
	border: 0;
	background: transparent;
	}


ul li {list-style: outside square url(i/bullet.gif);margin-bottom: .5em;}

div.clear_right {clear: right; line-height: 0; height: 0;}
div.clear_left {clear:left; line-height: 0; height: 0;}
div.clear_both {clear: both; line-height: 0; height: 0;}


img.right {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.left {float: left;	position:relative;	margin: 0.25em 1.5em 0.66em 0;}
img.border {border: 2px double;}
img.rightcolumn {margin: 30px 0 12px 0; padding: 0;}
img.endorse {margin: 0 3px;padding: 0;}

.xx-small {font-size: .57em;}
.x-small {font-size: .7em;}
.small {font-size: .83em;}
.medium {font-size: 1em;}
.large {font-size: 1.2em;}
.x-large { font-size: 1.4em;}
.xx-large {font-size: 1.68em;}

.goright {float: right; width: auto; height: auto; margin: 6px 0 6px 6px;}
.goleft {float:left;width: auto;height: auto; margin: 6px 6px 6px 0;}
.emp {font-weight: 800;}


h1, h3, h4	{
	font-weight: bold;
	font-family: verdana, arial, "bitstream vera sans", sans-serif;
	margin: 10px 0 5px 0;
	padding: 0;
	}
	
h2 { margin: 0; padding : 0;	font-weight: bold;
	font-family: verdana, arial, "bitstream vera sans", sans-serif;}	

h1	{
	font-size: 22px;
	}
	
h2	{
	font-size: 16px;
	}
	
h3	{
	font-size: 14px;
	}

h4	{
	font-size: 12px;
	margin-bottom: 0;
	}


		
#wrapper {
		width:770px;
		margin:1em auto;
		padding:0px;
		text-align:left;
		border:0;
		}

div#masthead  {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 77px;
	font: 30px tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:   url(i/masthead4.jpg) no-repeat 0 0;
}


div#nav {
	float: left;
	background: #0140b4;
	margin: -1px 0 0 0;
	border-top: 1px solid #0191e7;
	border-right: 1px solid #0191e7;
	border-left: 1px solid #0191e7;
	position: relative;
	font-size: 11px;
	height: 30px;
	width: 768px;
	text-align: center;
	color: #fff;
	z-index: 500;
	}
	
div#nav ul {margin: 0; padding: 0; background:#0140b4; border: 1px solid #0191e7; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; text-align: center; margin: 0; float:left; width: 9.8em;
border-right:1px solid #0191e7;border-width: 0 1px; height:  30px;}
div#nav li:hover {background-color: #0191e7;}
div#nav li.submenu:hover {background-color: #0191e7;}
div#nav li a {display: block; color: #fff; padding: 0; text-decoration: none; width:100%; height:  30px;margin: 0;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width: 9.8em; display: none;}
div#nav ul ul li {border-bottom: 1px solid #0191e7;}
div#nav ul ul li:hover {background-color:#0191e7;}
div#nav ul.level1 li.submenu:hover ul.level2 {display:block;}
div#nav ul.level2 {top:  30px; left:-1px;}
div#nav li.last {border-right: 0px solid red;}		
		
		
#outline_content {
	width: 770px;
	padding: 2em 0;
	border: 0; /*1px solid gray;*/
	background: #ccc; /*#2f2f2f;*/
	}	
	
#content {
		width:auto;
		padding:2em 12px;
		margin: 0 1em;
		border: 0;
		background: #ccc; /*#2f2f2f;*/  /*dark hopman*/
		border: 0;
		}
.contentpic {margin: 22px 0 12px 0;}
	
#rightcol {
		width:220px;
		padding:12px 12px 12px 12px;
		float:right;
		border:0;
		margin: 12px;
						}

#rightcolup {
		width:220px;
		padding:0px 12px 12px 12px;
		float:right;
		border:0;
		margin: 0 12px 12px 12px;
						}


#rightcolbg {
		width:220px;
		padding:0;
		float:right;
		border:1px solid #000080;
		margin: 12px;
		/*background: url(i/fade_bg.jpg) 0 0 repeat-x;*/
		color: #000080;
						}
				
#rightcolbg p {
padding: 10px; margin: 0;
color: #000080;
						}
						
#rightcolbg h2 {
		width:200px;
		padding:0 10px;
		float:right;
		border:0;
		margin: 0px;
		background: url(i/fade_bg.jpg) 0 0 repeat-x;
		color: #fff;
						}
						
						
#rightcolbg a:link {color: #000080; text-decoration: underline;}
#rightcolbg a:visited {color: #00b4fe;text-decoration: underline;}
#rightcolbg a.more:link {
	font-size: .8em;
	text-decoration: underline;
	border: 0;
	background: transparent;
	color: #000080;
	margin-left:12px;
	}
	
#rightcolbg a.more:visited {
	font-size: .8em;
	text-decoration: underline;
	border: 0;
	background: transparent;
	color:#00b4fe;
	margin-left:12px;
	}

div#rightcol_element {
	margin: 12px 0;
	padding: 0;
	}
	
table#links {
	border: 1px solid #000080;
	width: 550px;
	font-size: .85em;
	padding-top: 6px;
	padding-bottom: 6px;
	margin: 0;
	}
table#links tr {
	border: 1px solid #8f8f8f;
	padding: 6px;
	margin-top: 6px;
	margin-bottom: 6px;
	}
table#links tr.odd {
	background-color: #d9d9d9;
	}

table#coursebookings {
	border: 1px solid #000080;
	width: 420px;
	font-size: .7em;
	}
	
tr.odd{
	background-color: #d9d9d9;
	}
	
table#links td.elink {
   padding-left:10px;
}

table#links td.elinkname {
   padding:10px;
}

#split_two_left {
	width: 300px;
	height: auto;
	padding: 12px;
	margin: 0;
	border:0;
	float: left;
	}
#split_two_right {
	width: 346px;
	height: auto;
	padding: 12px;
	margin: 0;
	float: right;
	border:1px solid #fff;
	}
	
div.pquote {width: 410px; font: bold 1em arial; border: solid #000080; 
border-width: 7px 0; padding: 3px 2px; margin: 1px 7px;}

div.pquote_right {width: 410px; font: bold 1em arial; border: solid #000080; 
border-width: 7px 0; padding: 3px 2px; margin: 1px 7px; float: right;}

div.pquote_left {width: 410px; font: bold 1em arial; border: solid #000080; 
border-width: 7px 0; padding: 3px 2px; margin: 1px 7px; float: left;}
		
.pod {
		/*border-left:1px dotted #fff;*/
		padding-left: 12px;
						}
						
						
div#linkage  {
	text-align: center;
	padding: 10px 0 0 0;
	margin: 0px;
	}

#courselist {
	margin-top: 3em;
}



/*#linkage a:link {
	padding: 0 10px 0 10px;
	color: #fff;
	text-decoration: underline;
	border: 0;
} */




/* frontpage quote */
div#quote_outline {
	width: 431px;
	height:64px;
	background: transparent url(i/quote_outline_451_64.gif) no-repeat;
   background-position: 0 4px;
	font: 10px tahoma;
	padding: 7px  10px 0 10px;
	border:0;
	margin-bottom:12px; /*2px 2px 12px 2px;*/
	/*background-color: red;*/
	}
	
div#fp_quote {
	padding: 0; margin: 0;
	
		}
	
#fp_quote dl {
		width: 718px;
		margin: 0 15px 15px 15px;
		padding: 0;
		background: #ccc url(i/box_bottom_718px_2f2f2f.gif) no-repeat bottom left;
		border-bottom: 1px solid #000080;
		border-right: 1px solid #000080;
		border-left: 1px solid #000080;
				}

#fp_quote	dt{
		margin: 0;
		padding: 10px;
		font-size: 130%;
		background: #ccc url(i/box_top_718px_2f2f2f.gif) no-repeat top left;
		color: #000080;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		border-top: 1px solid #000080;
		border-right: 1px solid #000080;
		border-left: 1px solid #000080;
		}
#fp_quote	a:link, #fp_quote a:visited, #fp_quote a:active{ /* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
	font-size: .8em;
	text-decoration: none; 
	background: #333;
	color: #000080;
	font-weight: bold;                      
	}
#fp_quote	a:hover { 
	font-size: .8em;
	background: #ccc;
	color: #000080;
	font-weight: bold;
	}

 	
#fp_quote	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		color: #000080; /*666*/
		font-family: Verdana, sans-serif;
		font-size: 85%;
		/*background: url(images/arrow.gif) no-repeat 0 3px;*/
		/*border: 1px solid green;*/
		border-bottom: 1px solid #000080;
		border-right : 1px solid #000080;
		border-left: 1px solid #000080;
		}
		
/*  right col pullquote */
div#pullquote {
	padding: 0;
	margin: 0;
	text-indent: 20px;
	background: url(i/left_quote.gif) no-repeat 3% 0%;
	z-index: 500;
	border: 0;
		}
	
#pullquote dl {
		width: 196px;
		margin: 0;
		padding: 0;
		/*background:  url(i/box_bottom_196px.gif) no-repeat bottom left;*/
				}

#pullquote	dt{
		margin: 0;
		padding: 10px;
		/*background: url(i/box_top_196px.gif) no-repeat top left;*/
		color: #000080;
		font-family: Verdana, sans-serif;
		font-size: 85%;
		}
		
		/* this is similar to a tutorial from 2 issues back. It shows, using a table cell */
#pullquote	a:link, #pullquote a:visited, #pullquote a:active{ 
	font-size: .8em;
	text-decoration: none; 
	background: transparent;
	color: #000080;
	font-weight: bold;                      
	}
#pullquote	a:hover { 
	font-size: .8em;
	background: transparent;
	color: #000080;
	font-weight: bold;
	}

 	
#pullquote	dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		font-family: tahoma, Verdana, sans-serif;
		font-size: 1.1em;
		color: #000080;
		font-weight: bold;
		/* border-left: 1px dotted silver;*/
		background: url(i/right_quote.gif) no-repeat 97% 97%;
		/*border: 1px solid green;*/
		}
		


/* endorsements page for CEA */
div#endorse_cell {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 650px;
	height: auto;
	font-size: .8em;
	margin: 20px 12px;
	padding: 6px;
	}
.endorsetext {font-weight: bold;}

.endorsetitle {
	font-weight: bold;
	font-size: 1em;
	color: #000080;
	}
	
#contact {
	background: url(i/contact/cross_full.jpg) 0 0 no-repeat;
	margin: 0;
	padding: 0;
	width: 744px;
	height: 742px;
	}
	
	/* used for header sections of different pages */
div#section {
	width: auto;
	height: auto;
	color: #000080;
	padding: 0;
	margin: 2em 0;
	}

	/* syntactically necessary where >1 on a page */
div.section_t {
	width: auto;
	height: auto;
	color: #000080;
	padding: 0;
	margin: 2em 0;
	}

.sectiontitle {
	color: #000080;  /* navy */
	font-size: 1em;
	font-weight: bold;
	}

#course_description {
	width: 420px;
	height: auto;
	}
	
dl{margin: 3em 1em 1em 1em;
    background: transparent} 

dt{background: transparent;font-size: 115%;font-weight: bold}  /*used for course bookings*/
dt{padding-right: 3px; margin-top: 2em; margin-bottom: .5em;border: 0;}
dd{font-size: .8em;} 
dd {
		margin: 0 0 0 10px;
		padding: 0 10px 10px 10px;
		background: url(i/bullet.gif) no-repeat 0 3px;
		}

div#footer {width: auto;border-top: 1px solid gray; color:#666666;font-size:85%;margin-top: 2.5em; padding-top:.5em;padding-left:.5em;}
div#footerright {text-align: right; width: 40%; float: right;padding-right: .5em;}
div#footer a:link {text-decoration: underline;}
div#footer a:visited {color: #f0f; text-decoration: underline;}