@viewport {
  width: device-width;
  zoom: 0.75;
}

html {
   background-color: #005C7A;
}

body {
   background-color: #FFFFE5;
   color: #000000;
   padding: 10px 10px 10px 10px;
   margin: 20px 20px 20px 20px;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   font-size:16px;
   line-height:1.5;
   min-width: 880px; 
}

#titlebar {
   background-color: #005C7A;
   color: #FFFFF0;
   padding-top: 20px;
   padding-left: 40px;
   padding-right: 40px;
   padding-bottom: 20px;
   margin-top: 20px;
   font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
   min-width: 400px;
   border-top: 2px solid #002E3D;
   border-left: 2px solid #002E3D;
   border-right: 2px solid #002E3D;
   border-bottom: 2px solid #002E3D;
   font-size:36px;
   line-height:42px
}

#mainLeft {
	float:left;
   width: 180px ;
   min-height: 500px;
}

/*
@media (max-width: 1200px) {
    #mainLeft { 
		width: 0px; 
	}
}
*/

#mainRight {
   text-align: left;
   margin-left: 200px;
   padding-left: 20px;
   padding-right: 30px;
   border-left: 1px solid #006B8F;
   min-height: 500px;
   min-width: 830px;
}

/*
@media (max-width: 1200px) {
    #mainRight { 
	margin-left: 0px; 
	border-left: 0px;}
}
*/

@media screen and (min-width: 769px)
{
    @media (max-width: 1200px) 
	{
		#mainLeft 
		{ 
			width: 0px; 
		}
		#mainRight 
		{ 
			margin-left: 0px; 
			border-left: 0px;
		}
	}
}

@media screen and (min-device-width: 481px) and (max-device-width: 768px)
{ 
	#mainLeft 
	{ 
		width: 0px; 
	}
	#mainRight 
	{ 
		margin-left: 0px; 
		border-left: 0px;
	}
}

@media only screen and (max-device-width: 480px) 
{
	#mainLeft 
	{ 
		width: 0px; 
	}
	#mainRight 
	{ 
		margin-left: 0px; 
		border-left: 0px;
	}
}

@media (max-width: 1200px) 
{
	#mainLeft 
	{ 
		width: 0px; 
	}
	#mainRight 
	{ 
		margin-left: 0px; 
		border-left: 0px;
	}
}
	




#courier {
   font-family: Courier New;
}

#output {
   background-color: #FFFFFF;
   color: #000000;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-left: 0px;
   margin-right: 40px;
   font-family: Courier New;
   width: 865px;
   border-top: 1px solid #002E3D;
   border-left: 1px solid #002E3D;
   border-right: 1px solid #002E3D;
   border-bottom: 1px solid #002E3D;
}

#cmdline {
   background-color: #FFFFFF;
   color: #000000;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   font-family: Courier New;
   min-width: 400px;
   border-top: 1px solid #002E3D;
   border-left: 1px solid #002E3D;
   border-right: 1px solid #002E3D;
   border-bottom: 1px solid #002E3D;
}

#redbox {
   background-color: #FFCCCC;
   color: #000000;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   min-width: 400px;
   border-top: 1px solid #002E3D;
   border-left: 1px solid #002E3D;
   border-right: 1px solid #002E3D;
   border-bottom: 1px solid #002E3D;
}

#yellowbox {
   background-color: #FFFF99;
   color: #000000;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   min-width: 400px;
   border-top: 1px solid #002E3D;
   border-left: 1px solid #002E3D;
   border-right: 1px solid #002E3D;
   border-bottom: 1px solid #002E3D;
}

#bluebox {
   background-color: #CCFFFF;
   color: #000000;
   padding-top: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   margin-left: 40px;
   margin-right: 40px;
   min-width: 400px;
   border-top: 1px solid #002E3D;
   border-left: 1px solid #002E3D;
   border-right: 1px solid #002E3D;
   border-bottom: 1px solid #002E3D;
}


footer {
   clear: both;
   background-color: #bbbbbb;
   padding-left: 20px;
   margin-top: 30px;
}

p {
}

#note {
    font-size: 12px ;
    line-height: 12px ;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
   font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
   font-weight:normal;
   line-height:1.1;
   color:#000
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small {
   font-weight:normal;
   line-height:1
}

h1,.h1{font-size:45px;line-height:48px}
h2,.h2{font-size:36px;line-height:42px}
h3,.h3{font-size:28px;line-height:36px}
h4,.h4{font-size:24px;line-height:25px}
h5,.h5{
	font-size:20px;
	line-height:24px; 
	font-weight:bold}
h6,.h6{
	font-size:18px;
	line-height:24px;
	font-weight:bold}

h3,h4,h5,h6,.h3,.h4,.h5,.h6 {
   margin-bottom: -4px;
}

a{color:#3282e6;}
a:hover,a:focus{color:#165db5;text-decoration:underline}

#tdtop { 
  display: table-cell;
  vertical-align: top; 
}

img {
    max-width: 100%;
    height: auto;
}