html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
} 
body {
	background-image: url("images/maple.jpg");
	background-position:top center;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
}
table.main {background-color: #003300; rules: cols}
a:link {color: #ffffff}
a:visited {color: #ffffff}
a:hover {color: #ffcc33}
h1 {font-size: 16pt; font-family: Helvetica; color: #ffffff}
h2 {font-size: 14pt; font-family: Helvetica; color: #ffcc33; margin-top:10px; text-transform:capitalize;}
h3 {font-size: 12pt; font-family: Helvetica; color: #ffffff}
h4 {font-size: 11pt; font-family: Helvetica; color: #ffffff}
h5 {font-size: 24pt; font-family: Helvetica; color: #ffcc33}
h6 {font-size: 14pt; font-family: Helvetica; color: #ffcc33}
p {font-size: 11pt; font-family: Helvetica; color: #ffffff; text-align: justify}
ul {font-size: 11pt; font-family: Helvetica; color: #ffffff}
ol {font-size: 11pt; font-family: Helvetica; color: #ffffff}
p.copyright {font-size: 8pt; font-family: Helvetica; color: #ffffff}
img {border: none}
p.holiday {font-size: 14pt; font-family: Helvetica; color: #ffcc33; font-weight: bold; text-align: justify}
p.attention {font-size: 11pt; font-family: Helvetica; color: #ffcc33; font-weight: bold; text-align: justify}
td.links {width: 20%}
td.main {width: 70%}
td.space {width: 2%}

blockquote {
	color:#fff;
}
 
#pagewidth{ 
	width:927px; 
	text-align:left; 
	margin:0 auto; 
} 
 
#header{
	margin-top:20px;
	position:relative; 
	height:100px; 
	width:100%;
	display:block;
	overflow:auto;
	background-image: url("images/bg.png");
	background-repeat:repeat;
} 
 
#maincol{
	padding:0;  
	background-image: url("images/bg.png");
	background-repeat:repeat;
}
 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

.message {
	margin: 0 0 10px;
	padding: 15px 15px 15px 37px;
	font-weight: normal;
	background: #fff no-repeat 15px center;
	border: 1px solid #ddd;
	width:800px;
	text-align:left; 
	margin:0 auto; 
}
.message.warning { 
	color: #c2b515;
	background-color: #f9f8e8;
	background-image: url(project_admin/images/icons/warning.png);
	border-color: #ebe7b3;
}

.message.info {
	color: #2446ad;
	background-color: #eaedf7;
	background-image: url(project_admin/images/icons/info.png);
	border-color: #b8c3e4;
	width:600px;
}

.topmenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
.topmenu a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
.topmenu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
.topmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 75px;
	text-transform:uppercase;
}
.icon_nav ul {
	margin-left:-35px;
}
.icon_nav li {
	display: inline;
	list-style-type: none;
	text-transform:uppercase;
	margin-right:-10px;
}
#left_menu {
	width:230px;
	position:relative;
	float:left;
}
#main_content {
	position:relative;
	width:650px;
	float:right;
	padding:0px 20px 0px 20px;
	border-left:1px solid #000;
}
#left_menu ul {
	margin-top:8px;
}
#left_menu li {
	list-style-type: none;
	padding-bottom:12px;
}
#left_menu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
#left_menu a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
#left_menu a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:30px;
	vertical-align:middle;
	text-decoration:none;
	font-weight:bold;
}
#footer {
	clear:both;
	padding-top:20px;
	padding-left:20px;
}
#footer p {
	font-size:10px;
}

.formdiv {
	border:1px solid #000;
	background-color:#efefef;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.formdiv li {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.formdiv p {
	color:#000;
	font-size:12px;
}
.formdiv h3 {
	font-size: 12pt;
	font-family: Helvetica;
	color: #000;
	margin-top:4px;
}
.formdiv td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.formdiv input {
	margin-bottom:4px;
	margin-top:2px;
}
.formdiv select {
	margin-bottom:4px;
	margin-top:2px;
}
a.ovalbutton{
background: transparent url('/images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
#PLAinfo {
	display:none;
}
#pricing-table tr:hover{background-color: #ccc}

.alert {
  background-color: #2196F3;
  margin-bottom: 15px;
  padding: 20px;
  color: #FFF;
}
.alert p {
  text-align: center;
  font-weight: bold;
  line-height: 125%;
  font-size: 16px;
}
.alert p:first-of-type {
  margin-top: 0;
}
.alert p:last-of-type {
  margin-bottom: 0;
}