/* 
MADE:     Jul 12 2005
WORKS IN: IE6, Firefox 1.0.4, Opera 8.02, Mozilla 1.77 (all PC)
PROBLEMS: Font size is too big in Opera
          Too much space above <hr> in IE
			 Only IE does the dashed blue line on a linked picture properly
TODO:     Google the Opera font size issue
          Fix the <hr> IE problem
          Reorganize into logical order ('body' at top, etc)
          Remove redundancies
          Try to factor out commonality between the boxes
			 Fix picture-link problem
			 Replace the + signs in the HTML file with lists, then change the list symbol in here
			 Get a job!
*/ 

ul{
	text-align: left;
}
li{
	margin-left: -15px;	
	margin-right: 10px;	
	line-height: 1.5em;
	text-align: justify;
}

p{
	margin: 0em;
	line-height: 1.5em;
}
p.umlclassmembers {
	text-align: left;
	margin-left: 1px;
	margin-right: 1px;
}
p.umlclassnote {
	text-align: justify;
	margin-left: 2px;
	margin-right: 3px;
	text-indent: 1.5em;
}

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	margin: 10px 0px 8px 0px;
}

a{
	color : #000000;
	text-decoration: underline;
	/*border: Transparent White 1px solid ;*/
	margin-left: 1px;
	margin-right: 1px;
}
a:hover{
	color : Blue;
	text-decoration: none;
	border: Blue 1px dashed;
	margin-left: 0px;
	margin-right: 0px;
}
a:visited{
	color : #666666;
}
a:active {
	color : #000000;
}

body {
	text-align:center;
	background-color: #FFF;
	margin-top: 2%;
	margin-bottom: 2%;

	font-family : sans-serif, Geneva, "MS Sans Serif";
	color: #333;
	text-align : justify;
	line-height: 1em;
	font-size: 0.75em;
}

#frame {
	width:757px;
	border: none;
	background-color: #FFF;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:center;
}
		
#headerbox {
	border: solid 1px;
	margin-right:auto;
	margin-left:auto;
	width:300px;
	padding: 0px 0px 5px 0px;
	background:#FFF;
	vertical-align: top;
}
.leftbox {
	border: solid 1px;
	margin: 0px;
	width:239px;
	padding: 0px 0px 5px 0px;
	float:left;
	background-color: White;
	vertical-align: top;
}
.invisibleleftbox { /* needed to get centrebox to be centred if there is no leftbox */
	border: none
	margin: 0px;
	width:239px;
	padding: 0px 0px 5px 0px;
	float:left;
	background-color: none;
	vertical-align: top;
}
.rightbox {
	border: solid 1px;
	margin: 0px;
	width:239px;
	padding: 0px 0px 5px 0px;
	float:right;
	background:#FFF;
	vertical-align: top;
}
.centrebox {
	border: solid 1px;
	margin: 0px 16px 0px 16px;
	width:239px;
	padding: 0px 0px 5px 0px;
	background:#FFF;
	vertical-align: top;
	float: left;
}

.widebox {
	border: solid 1px;
	margin: 0px 0px 0px 0px;
	width:757px;
	padding: 0px 0px 5px 0px;
	background:#FFF;
	vertical-align: top;
	float: left;
}

.stackbox {
	margin: 0px;
	width:757px;
	padding:0px;
	float:left;
	clear: both;
}

h1 {
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

hr{
	height: 1px;
}