/*=================================
    Basic CSS for surinamazing site.
    2012-02-29
    - compliance w3c standards html 5
    - eliminating styles in html as much as possible

    Organization:
    - overall tag styles
    - overall class styles
    - specific id styles

    Naming convention:
    - id: [breakdown according to location/component]  where Capital first letter of word
    - class: [tag/type][breakdown] where Tag/Type lowercase + rest Capital first letter of word
=================================*/


/*---------------------------------
    Overall tag styles
---------------------------------*/

html, body
{
  background-color:#A0C544;
  color:#254117;
  margin:0px;
	padding:0px;
	font-family:Interstate, tahoma;
	font-size:83%;
	font-size:10pt;
	text-align:middle;
}

h1
{
	margin-top:3px;
	padding:5px;
	width:100%;
	font-size:140%;
	font-weight:bold;
	text-align:left;
}

h2
{
	margin-top:3px;
	padding:5px;
	width:100%;
	font-size:120%;
	font-weight:bold;
	text-align:left;
}

h3
{
	margin-top:3px;
	padding:5px;
	width:100%;
	font-size:110%;
	text-decoration:underline;
	text-align:left;
}

p
{
	margin-top:3px;
	padding:5px;
	width:100%;
	text-align:left;
}

td
{
	font-family:Times New Roman, Interstate, tahoma;
	font-family:Interstate, tahoma;
	font-size:10pt;
}

div
{
	-moz-box-sizing:Content box;
	box-sizing:	Content box;
}

input
{
	border-top: 1px solid #00dd33;
	border-left: 1px solid #00dd33;
	border-bottom: 1px solid #003300;
	border-right: 1px solid #003300;
	background-color:#aaee66;
}

a
{
	color:#005500;
	text-decoration:none;
}

a:hover
{
	color:#000066;
	color:#003300;
	color:#005500;
	text-decoration:underline;
}


/*---------------------------------
    overall class styles
---------------------------------*/

.NoMarginTopBottom
{
  margin-top: 0px;
  margin-bottom: 0px;
}


/*---------------------------------
    specific id + class styles
---------------------------------*/

/* all inclusive container */

#MainFrame
{
  border: 2px solid #009933;
  border-style: inset;
  width: 755px;
  margin-top: 4px;
  background-color: #88BB00;
  background-color:#669933;
  /* center horizontally */
  margin-left: auto;
  margin-right: auto;
}

#HeadFrame
{
  width: 725px; 
  height: 9px0; 
  border: 0px solid #669900; 
  background-color: #669933; 
  text-align: left; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  padding-left: 5px; 
  margin-top: 2px;
  /* center horizontally */
  margin-left: auto;
  margin-right: auto;
}

#HeadImage
{
  padding: 2px; 
  padding-right: 10px; 
  float: left;
}

#HeadText
{
  margin-top: 45px; 
  font-size: 14pt;
  font-weight: bold;
  color: #F0E68C;
}

#MenuFrame
{
  width: 725px; 
  border: 1px solid #669900; 
  background-color: #EAC117; 
  text-align: left; 
  padding-top:2px; 
  padding-bottom: 2px; 
  padding-left: 5px; 
  padding-right: 5px; 
  margin-top: 6px;
  /* center horizontally */
  margin-left: auto;
  margin-right: auto;
}

button.MenuButton
{                
  cursor: pointer;
  border: 2px solid #009933; 
  border-radius: 5px; 
  width: 85px; 
  height: 22px;
}

#ContentFrame
{
  width: 725px; 
  border: 1px solid #669900; 
  background-color: #E1F5A9; 
  text-align: left; 
  padding-top: 2px; 
  padding-left: 5px; 
  margin-top: 2px; 
  overflow-Y: scroll;
  overflow-X: hidden;
  /* center horizontally */
  margin-left: auto;
  margin-right: auto;
}