html {
	height:100%;
}
body {
    background-color: #333;
	min-height:101%;
	overflow: -moz-scrollbars-vertical;
	font-family: Times, serif;
    color: #CCC;
}

a	{
	font-weight:	bold;
	}
a:link	{
	color:	#CCC;
	}
	
a:link.nounderline {
text-decoration: none;
}

.nounderline {
text-decoration: none;
}

a:visited	{
	color:	#CCC;
	}

a:active	{
	color:	#CCC;
	}

a:hover	{
	color:	#FFC;
	}
	
p {
	padding-top: 0;
line-height: 200%;
font-size:	13px;
font-weight: bold;
	}


/* ----- Headings -----  */

h1, h2, h3, h4, h5, h6, h7	{
	/* THIS SEPCIFIES LIST OF PREFERED OPTIONS FOR FONTS */
	font-family: Times, serif;
	color: #CCC;
	background-color: transparent;
	margin:	0px 0 0 0;
	}
	
h1	{
	font-size:	18px;
font-weight: bold;
	text-align: center;
	margin: 2%;
	}

h2	{
	font-size:	14px;
	font-weight: bold;
	text-align: center;
	}

h3	{
	font-size:	12px;
			text-decoration: underline;
}
	
h4 {
	font-size:	12px;
	text-align: center;
font-weight: bold;
			text-decoration: none;
	}

h5 {
font-size:	13px;
line-height:1.7em;
text-decoration: none;
}

h6 {
font-size:14px;
}

h7 {
font-size:11px;
}

img	{
	border:	0;
	margin:2px;
	}
	
code, tt, pre	{
	font: 12px "andale mono", monaco, courier, "courier new", monospace;
	color: #06c;
	background: transparent;
	}
	
	
	/* ----- Header not in use now -----  */

#header {
	width: 100%;
background: url(homepageicon2.jpg) center; 
height:35px;
position: absolute;
top:30px;
margin:0px 0px 12px 0px;
}

#header2 {
	width: 100%;
background: url(banner.gif) repeat-x center;
height: 80px;
position: absolute;
margin:0px 0px 12px 0px;
}

.banner {
width: 100%;
background: url(banner.gif) repeat-x center;
position:absolute;
clear:both;
height:100px;
}

/* ---------  */

#name {
font-size:13px;
	text-align: left;
	font-weight: bold;
	position:absolute;
    left: 50px; bottom: 150px;
        clear:both;
}

#images {
    white-space: nowrap;
        padding: 80px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
color: #FFC;
line-height:1.5em;
text-align:center;
}

#leftjustify {
        padding: 50px 0px 0px 0px;
font-size: 12px;
font-weight: bold;
color: #FFC;
line-height:1.5em;
text-align:left;
margin: 0% 20%;
}

/*this is an idea for text and didactics*/
#text {
max-height:somevalue px;
max-width:somevalue px;
padding: 10px;
font-size: 12px;
font-weight: bold;
color: #somecolor;
line-height:1.5em;
text-align:center;
}
/*--------------------------------*/

#thumbs {
 text-align: center;
    font-size: 10px;
    color: #ffc;
}

	#sidenav {
	text-align: right;
	font-size: 13px;
font-weight:bold;
line-height: 2.5em;
    position: absolute;
    right: 50px; bottom: 130px;
    clear:both;
    }
    
.fullsize {
width:100%;
height:100%;
clear: both;
	overflow: -moz-scrollbars-vertical;
}

.g75 {
height: 75px;
margin:1px1px1px1px;
}

.g200 {
height: 200px;
margin:1px1px1px1px;
}

.g350 {
height:350px;
margin:1px1px1px1px;
}
	
.gcBackground {
    background-color: #333;
}

.gcBorder {
    border: 0 solid #282828;
        overflow: auto;
    white-space: nowrap;
    border-top-width: 2px;
        text-align: center;
        padding: 5px 0px 0px 0px;
        position: absolute;
        left: 0px; right: 0px; bottom: 0px; 
}

.iconplacement {
height: 30px; width:37px;
margin: 0px 0px 0px 5px;
text-align:center;
    position: absolute;
    right: 50px; top: 55px;
    border:2px solid #600;
}