/* CSS Document */

body {margin:0; padding:0; background:url(graphics/green_column.png) repeat-y;}

/*HEADER*/

div.logo,div.landscape, div.header {height: 229px;}
div.header {position:absolute;top:0px;left:0px;width:995px;background:#FFFFFF;}
	div.landscape {position:absolute; top:0px;right:0px;width:706px;}
	img.logo {
	position:absolute;
	top:73px;
	left: 26px;
}
div.logo, div.menu {width:270px;}

/*MAIN*/

div.main, div.purple_line {width:995px;}
div.main, div.menu {height:100%;}
div.main {position:absolute;top:229px;left:0px;display:block;}
	div.menu {float:left;display:inline;}
		img.menu {position:absolute;z-index:1;}
	div.navigation {position:relative; left: 87px; width:183px ;background-color:white; height:241px; margin-top:36px;}
	img.sl_logo {margin-left: 100px; margin-top:10px;}
div.purple_line, div.menu {background:url(graphics/green_line.png) repeat-y;}
div.purple_line {height:36px; position:absolute; top:0px; left:0px;}

hr.invisible {visibility:hidden;margin-top:25px;}

/*CONTENT*/

div.content {position:relative; /*left:280px;*/ margin-left:300px; top:36px; margin-top:25px; margin-right:10px; background:url(graphics/content_background.png) no-repeat scroll 30% 20px; }
img.portrait {float:right; margin:10px 0 0 10px;}

/*TYPOGRAPHY*/

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

div.content {line-height:1.5em;}
.quote, .caption {color:#993399;}
.quote {font-size:1.3em;font-style:italic;/*margin-left:3em;*/}
.caption {font-size:1em;/*margin-left:6em;*/}
h1 {font-weight:normal;font-size:2em;color:#000099;margin:0;padding:0;}
h2 {font-weight:normal; font-size:1.3em; margin-left:0;}
h3 {font-weight:normal; display:inline; font-size:1.2em;}

div.navigation ul {position:relative; top:41px;}
div.navigation ul, div.navigation ul li {list-style-type:none;margin:0px;padding:0px;}
div.navigation ul li {color:#0000CC;height:20px;border-bottom:1px solid #9900CC;}
div.navigation ul li.bottom {border-bottom:1px solid #FFFFFF;}
div.navigation ul li:hover {background:#CCCCCC;}

div.purple_line ul, div.purple_line ul li {display:inline;}
div.purple_line ul {position:absolute; right:10px; top:5px;}
div.purple_line ul li {margin-left:40px; color:#FFFFFF;font-weight:bold;/*list-style-image:url('graphics/bullet.png');list-style-type:disk;*/ }
div.purple_line ul li a:hover {color:#CCCCCC;}
div.purple_line ul li a:link {color:#FFFFFF;}
div.purple_line ul li a:visited {color:#FFFFFF;}
img.bullet {margin-right:5px;}

/*TESTING
div {border:1px solid red;}
div.content {border:1px solid red;}*/
