body {
    background-color: #fff ;
    font-family: tahoma, verdana, sans-serif ;    
    color: #666 ;
    padding: 0 ;
    margin: auto ;
	font-size: 62.5%;
	background:#fff;
}

h1 {
    font-family: georgia, "times new roman", times, serif ;
    font-weight: normal ;
    color: #000 ;   
    margin-top: 0 ;
	display: inline;
	line-height: 1.5em;
	font-size: 3em;
}

h2 {
	font-family: georgia, "times new roman", times, serif ;
	margin: 0;
	color: #333333;
	font-weight: normal;
	line-height: 1em;
	font-size: 1.75em;
	display: inline;
}

a {
border: 0px;
text-decoration: none;
}

img {
border: 0px;
}

p {
    font-family: tahoma, verdana, sans-serif ;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.5em;
	color: #555555;
}

span.code {
    font-family: 'andale mono', 'lucida sans typewriter', 'monaco', monospace ;
    font-weight: bold ;
    color: #006 ;
	font-size: .9em;
}

h3 {
cursor: pointer;
}

/* MAIN PAGES */
#main {
background-color:#FFFFFF;
width: 890px;
height: 550px;
margin: auto;
margin-top: 10px;
padding: 0;
position: relative;
border: 1px solid #444;
}

/* CONTENT ITEMS FOR MAIN PAGE */
#aboutContent {
top: 70px;
left: 126px;
height: 435px;
width: 710px;
position: absolute;
background: #ffffff;
padding: 5px;
overflow: auto;
z-index: 2;
border: 1px solid #ccc;
border-left: 0px;
}

#codeContent {
top: 70px;
left: 126px;
height: 435px;
width: 710px;
position: absolute;
background: #ffffff;
padding: 5px;
visibility: hidden;
overflow: auto;
z-index: 2;
border: 1px solid #ccc;
border-left: 0px;
}

#linksContent {
top: 70px;
left: 126px;
height: 435px;
width: 710px;
position: absolute;
background: #ffffff;
padding: 5px;
visibility: hidden;
overflow: auto;
z-index: 2;
border: 1px solid #ccc;
border-left: 0px;
}

/* LINES AND MENUS ON MAIN PAGE */
#leftLine {
top: 70px;
left: 125px;
height: 447px;
width: 1px;
position: absolute;
background: #cccccc;
border: 0px;
padding: 0px;
margin: 0px;
}

#leftMenu {
top: 250px;
left: 5px;
height: 100px;
width: 115px;
position: absolute;
background: #ffffff;
border: 0px;
padding: 0px;
margin: 0px;
text-align: right;
}

.clearBoth {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
}

a { color:#557CF2; }
a:hover { text-decoration:none; }
li { margin:2px; color:#555; padding:2px}
ul { padding-left:1em; }
img { border: none; margin: 0; padding: 0; }
.bordered { border:1px solid #aaa; }
/*h1 { text-align:right; margin:2px; color:#000; font-family:Georgia,Arial,Tahoma; font-size: 3em;}*/
h3, h5 { margin-bottom:4px; }
textarea { background:#ccc; color:#333; border:1px solid #aaa; }
#content { width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:10px solid #ccc; border-right:10px solid #ccc; }


/* CONTAINER TO HOLD IMAGE THUMBNAILS AND ENLARGE CLASS */
#imagesList {
top: 5px;
left: 5px;
position: relative;
z-index: 3;
height: 40px;
}

.larger {
width: 100px;
height: 40px;
position: relative;
z-index: 4;
}