/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2,h3,h4,h5,h6
{
	color: #444;
}

body,input
{
	font-family: tahoma, sans-serif;
	font-size: 10pt;
	color: #777;
}


input.text
{
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-bottom: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 0.1em;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
}

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

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	margin: 1.5em auto 0em auto;
	width: 100%;

}

/* Header */

#header
{
	padding: 5em 2.5em 0em 2.5em;
	background: url('logo.png') 3em -1.6em no-repeat;
	height: 30px;
}

#header h2
{
	font-size: 0.8em;
	font-weight: normal;
	color: #949494;
	display: inline;
	padding-left: 0.5em;

}

#header h1
{
	font-size: 2.3em;
	display: inline;
	letter-spacing: -0.05em;
	padding-left: 8em;
	padding-top: 4em;
	font-family:Constantia;

}

#header h1 a
{
	color: #343434;
	text-decoration: none;
}

/* Menu */

#menu
{
	position: absolute;
	top: 0px;
	left: 0px;
	background: #950000 url('logo.png') 3em -0.1em no-repeat;
	width: 100%;
	height: 58px;
	
}

#menu ul
{
	padding: 2em 3em 1em 22em;
	list-style: none;
}

#menu li
{
	display: inline-block;
	padding-right: 3em;
	font-size: 1.2em;
	background: url('Red-hover.png') no-repeat -1px -2.1px;
}
#menu li:hover
{
	display: inline-block;
	padding-right: 3em;
	font-size: 1.2em;
	background: url('Red.png') no-repeat -1px -2.1px;
}
#menu li a
{
	color: #fff;
	background-color: inherit;
	text-decoration:none;
	margin-left: 2em;
}

#menu li a:hover
{
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	margin-left: 2em;
}

#menu .logo {
	padding-top: 1em;
	float:left;
}

/* Content */

#content
{
	padding-left: 2em;
	padding-right: 2em;
}

.box
{
	margin-bottom: 1em;
}

.boxContent
{
	margin-top: 0.5em;
	padding: 1.25em 1em 0.25em 1em;
	background: #ffffff url('a1.gif') top left repeat-x;
}
.boxContent p
{
	font-size:14px;
	font-family:Verdana, Geneva, sans-serif;
}
.boxContent .smalltext 
{
	font-size:10px;
	color: #999;
}
/** boxA **/

.boxA .boxContent
{
	margin-top: 0em;
	color: #000;
	padding: 1em 1.5em 1em 1em;
	background: url('reg.png') no-repeat;
	width: 200px;
	height: 150px;
}
.boxA .login
{
	width: 130px;
	text-align:left;
	margin-left: 1em;
	maright-right: 1em;
}

.boxA input.text
{
	width: 100%;
}
.boxA button.squarebutton
{
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	cursor: auto;
}

.boxA button:link.squarebutton, a:visited.squarebutton, a:active.squarebutton
{
	color: #494949; /*button text color*/
}

.boxA button.squarebutton span
{
	
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.boxA button.squarebutton:hover
{ /* Hover state CSS */
	background-position: bottom left;
}

.boxA button.squarebutton:hover span
{ /* Hover state CSS */
	background-position: bottom right;
	color: black;	
}

.boxA a.squarebutton1
{
	background: transparent url('square-gray-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 9px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

.boxA a:link.squarebutton1, a:visited.squarebutton1, a:active.squarebutton1
{
	color: #494949; /*button text color*/
}

.boxA a.squarebutton1 span
{
	background: transparent url('square-gray-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.boxA a.squarebutton1:hover
{ /* Hover state CSS */
	background-position: bottom left;
	text-decoration:none;
}

.boxA a.squarebutton1:hover span
{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
	text-decoration:none;
}

.boxA .buttonwrapper
{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 200px;
	margin-left: 0;
}
/** boxB **/
.boxB  
{
	padding: 1em 1.5em 1em 1em;
	text-align:center;
	width: 200px;
	height: 143px;
	background: #FFF url('reg.png') no-repeat;
}
.boxB a.boldbuttons
{
	background: transparent url('roundedge-red-left.gif') no-repeat top left;
	display: block;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 8px; /* Width of left menu image */
	text-decoration: none;
}

.boxB a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons
{
	color: white; /*button text color*/
}
.boxB a.boldbuttons span
{
	background: transparent url('roundedge-red-right.gif') no-repeat top right;
	display: block;
	padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}
.boxB a:hover.boldbuttons
{ /* Hover state CSS */
	text-decoration: underline;
}
.boxB .buttonwrapper	
{/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 150px;
	margin-left: 10px;
	margin-top: 20px;
}

/** Content **/

#content p
{
	margin-bottom: 1em;
	text-align: justify;
	line-height: 1em;
}

#content strong
{
	color: #444;
}

#content h2,h3,h4,h5,h6
{
}

#content h2,h3
{
}

#content h3
{
	font-size: 1.0em;
}

#content h2
{
	font-size: 1.25em;
}

#content ul
{
	margin-bottom: 1em;
	padding-left: 1em;
	line-height: 1.8em;
}

#content table
{
	margin-bottom: 1.5em;
	font-size:10px;
}
#content table a:hover
{
	color:#900;
	font-weight:200;
}
#content table th
{
	text-align: left;
	font-weight: bold;
	padding: 0.5em;
	color: #444;
}

#content table td
{
	padding: 0.5em;
}

#content table tr.rowA
{
	background-color: #efefef;
	color: inherit;
}

#content table tr.rowB
{
	background-color: #fafafa;
	color: inherit;
}

/* Primary Content */

#primaryContentContainer
{
	float: right;
	margin-left: -19em;
	width: 100%;
}

#primaryContent
{
	margin: 0em 0em 0em 15em;
	padding: 2.5em 2.5em 1.5em 2.5em;
}

/* Secondary Content */

#secondaryContent
{
	width: 15em;
	padding-right: 2em;
	padding-left: 1em;
	padding-top: 2em;
}

/* Footer */

#footer
{
	border-top: solid 1px #e5e5e5;
	text-align: center;
	padding: 1.5em 0em 1.5em 0em;
}

.clear
{
	clear: both;
}