body { 
        background: white;
}

/* id for main div on main page */
#main {
        line-height: 140px; /* required for vertical alignment of text */ 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center;
	border-width: 0;
	padding: 0 0 0 0;
	width:  710px; /* 4*(140+2) */
	height: 426px; /* 3*(140+2) */
}

/* used by all square divs on main page */
.square {
        float: left;
	border: 1px;
	border-color: white;
	-webkit-border-radius: 10px; /* Safari 3 */
	-moz-border-radius: 10px;    /* mozilla and opera */
	border-radius: 10px;         /* CSS 3.0 */
	text-align: center;
	background: black;
	width:  140px;
	height: 140px;
	margin: 1px;
	font-weight: bold;
}

.square a {
    height: 138px;
    width: 138px;
}

.square a:link    {
    color: rgb(0, 96, 255); /* some blue */ 
    color: #83D13D; /* some green */
    font-weight: bold;
    text-decoration: none;
}
.square a:visited {
    color: orange ;
    font-weight: bold;
    text-decoration: none;
}
.square a:hover   {
    font-weight: bold;
    text-decoration: none;
}
.square a:active  {
    color: rgb(255, 0, 102) ;
    font-weight: bold;
    text-decoration: none;
}


/************************* basic style ***************************************/

/* generic class for content divs on child pages */
.content { /* main div for content */
        text-align: justify;
        background: white;
	margin-left: auto; 
        margin-right: auto; 
        border-width: 0;
	padding: 0 0 0 0;
	width:  600px;
	font: 11px Verdana;
}

.content pre { /* pre blocks are green and simple */
        background-color: #f0f5fe;
	border: 1px solid #dce9ff;
	padding-bottom: 1em;
	padding-top:    1em;
	margin-left: 6px;
	margin-right: 2px;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 6px;
	margin-right: 6px;
	font-size: 10px;
}

.topmenu { /* small menus for navigations in pages */
        -webkit-border-radius: 4px; /* Safari 3 */
	-moz-border-radius: 4px;    /* mozilla and opera */
	border-radius: 4px;         /* CSS 3.0 */
	text-align: center;
	float: left;
	border-width: 0;
	padding: 0 0 0 0;
	background: black;
	font: 9px Verdana;
    color: rgb(0, 96, 255);
	width:  600px;
	padding-bottom: 3px;
	padding-top:    3px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto; 
	margin-right: auto; 
	font-size: 11px;
	margin-right: 10px;
	font-weight: bold;
}

.topmenu a:link    {
    color: rgb(0, 96, 255);
    font-weight: bold;
    text-decoration: none;
}
.topmenu a:visited {
    color: rgb(0, 96, 255);
    text-decoration: none;
}
.topmenu a:hover   {
    color: rgb(0, 180, 255);
    text-decoration: none;
}
.topmenu a:active  {
    text-decoration: none;
}

.pagetitle { /* Basic title style */
        text-align: center;
	color: #1b5b99;
	font-weight:bold;
	font-size: 20px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

/************************* News page *****************************************/

.news { /* used by main div in news page */
        text-align: justify;
	background: white;
	margin-left: auto; 
	margin-right: auto; 
	border-width: 0;
	padding: 0 0 0 0;
	width:  600px;
	font: 11px Verdana;
}

.news pre { /* pre blocks on news page looks better inline */
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: bold;
}


.newssmalldaterule { /* Rules carrying date of the post on news page */
        -webkit-border-radius: 4px; /* Safari 3 */
	-moz-border-radius: 4px;    /* mozilla and opera */
	border-radius: 4px;         /* CSS 3.0 */
	text-align: right;
	float: left;
	border-width: 0;
	padding: 0 0 0 0;
	background: black;
	color: orange;
	font: 9px Verdana;
	width:  600px;
	font-weight: bold;
}

.newsposttitle { /* Titles for posts on news pages */
        text-align: left;
	color: #1b5b99;
	background: white;
	border-width: 0;
	padding-top: 2em;
	padding-bottom: 0.5em;
	font: bold 12px Verdana;
}

/************************* Under construction ********************************/

.uc {
        margin-top: 1em;
        text-align: justify;
        background: white;
	margin-left: auto; 
        margin-right: auto; 
        border-width: 0;
	padding: 0 0 0 0;
	width:  600px;
	font: 15px Verdana;
	font-weight: bold;
}

/************************* Contact page **************************************/

.contact {
    background: white;
    text-align: center;
    margin-left: auto; 
    margin-right: auto; 
    border-width: 0;
    padding: 0 0 0 0;
    width:  600px;
    color: orange ; 
    font-weight: bold;
    font: 25px Verdana;
}

hr {
   border: 0px; 
   height: 2px; 
   color: black ; 
   background-color: black ;
}



a:link    {
    color: #1b5b99;
    font-weight: bold;
    text-decoration: none;
}
a:visited {
    color: #1b5b99;
    text-decoration: none;
}
a:hover   {
    color: rgb(0, 180, 255);
    text-decoration: none;
}
a:active  {
    text-decoration: none;
}

li {
/* list-style-type: none;
list-style-type: disc; */
line-height: 150%;
}