/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, main styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
img {
	border-style: none;
	display: block;
}
p {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #dedede;
}
h1 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 10px;
	letter-spacing: -1px;
}
h2 {
	color: #000066;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
}
h3 {
	color: #000066;
	text-align:center;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
}
h4 {
	color: #000066;
	text-align:left;
	padding-top: 0px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
}

a, a:link {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}
a:visited {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:focus {
	color: #003399;
}
a:active {
	color: #003399;
}
#containerWrapper	{
	margin: 0px auto;
	width: 880px;
	background-color:#FFFFFF;
	border:#999999 solid 2px;
}

#headerWrapper, #headerWrapperApp, #headerWrapperFree, #headerWrapperGrad,#headerWrapperApprentice, #headerWrapperEval {
	margin: 0px;
	padding: 0px;
	text-align: left;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center top;
}

#headerWrapper {
	background-image: url(../images/layout/ringedheader.gif);
}
#headerWrapperApp {
	background-image: url(../images/layout/ringedheader_app.gif);
}
#headerWrapperFree {
	background-image: url(../images/layout/ringedheader_free.gif);
}
#headerWrapperGrad {
	background-image: url(../images/layout/ringedheader_grad.gif);
}
#headerWrapperApprentice {
background-image: url(../images/layout/header_apprentice.gif);
}
#headerWrapperEval {
	background-image: url(../images/layout/ringedheader_eval.gif);
}

#mainWrapper {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#mainWrapper h1{
margin: 10px 0px 20px 0px;
font-size:24px;
text-align:center;

}
#contentWrapper {
	margin: 0px;
	padding: 0px;
}
#contentarea  {
margin: 0px 20px 0px 20px;
}

.top	{
background-image:url(../images/layout/content-top.gif);
height: 7px;
}
#content {
background-color: #FFFFFF;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
padding: 7px 10px;
color: #000000;
}

.bottom {
background-image:url(../images/layout/content-bottom.gif);
height: 7px;
}

#content ul.home-page-boxes {
margin: 0;
padding: 0;
list-style-type: none;
}
#content ul.home-page-boxes li {
float: left;
width: 190px;
margin-left: 10px;
padding-right: 6px;
padding-left: 65px;
border-right: 1px dotted #999999;
}

#content ul.home-page-boxes li h3 {
font-size: 17px;
font-family: Arial;
color: #000000;
}

#content ul.home-page-boxes li p {
font-size: 13px;
color: #000000;
line-height: 130%;
height : 90px;
margin-bottom:10px;
}

#content ul.home-page-boxes li p.alignButton {height: auto; }

#content ul.home-page-boxes li.forces {
background-image : url(../images/layout/mod.jpg);
background-repeat : no-repeat;
}

#content ul.home-page-boxes li.general {
background-image : url(../images/layout/group_icon.gif);
background-repeat : no-repeat;
}

#content ul.home-page-boxes li.apprentices {
background-image : url(../images/layout/apprentice_icon.jpg);
background-repeat : no-repeat;
border : 0;
}

#content ul.home-page-boxes li.end { border : 0; }

#content p a,
content li a {
color:#88B348;
text-decoration:underline;
}

#nav {
	float: right;
	height: 50px;
	margin: 0px 20px 0px 0px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	margin: 0px;
	display: block;
	float: left;
	list-style: none;
	clear: right;
}

#nav ul li a {
	display: block;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	color: #000033;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #0000CC;
	background-image: url(../images/layout/topnav-hover.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#left	{
	float:left;
	width:180px;
	margin:0px 0px 0px 0px;
}

#left  ul {
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 20px;
	width: 160px;
}
#left  ul li {
	list-style: none;
	display: inline;
}
#left  ul li a {
	display: block;
	padding: 5px 4px 5px 25px;
	line-height: 15px;
	background: url(../images/layout/sidenav.gif) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#left  ul li a:hover {
	text-decoration: none;
	background: url(../images/layout/sidenav.gif) no-repeat left -25px;
	color: #000000;
}

#left img {
	margin:0px auto 20px auto;
}

#right	{
float: left;
margin:0px 0px 0px 0px;
padding: 0px 20px;

width: 660px;
}
.leftbox , .middlebox, .rightbox {
	width: 250px;
	float: left;
	border: 1px solid #999999;
	padding: 10px;
}

.leftbox img, .middlebox img, .rightbox img{
float: left;
margin: 5px 5px 0px 0px;
}

.leftbox {
margin: 20px 10px 10px 20px;
}

.middlebox {
margin: 20px 10px 10px 0px;
}

.rightbox  {
margin: 20px 10px 10px 0px;
}

.main {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	line-height: 20px;

}

.main p {
	margin-bottom: 10px;
	text-align:justify;
}
.main1 {
	margin: 0px 80px 10px 0px;
	padding: 0px;
	line-height: 20px;
}

.main1 p {
	text-align:justify;
	margin-bottom: 10px;
}

.leftmain {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	float:left;
	width: 450px;
}

.leftmain img{
float:left;
margin: 0px 10px 5px 0px;
}

.rightmain {
	width: 190px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	float:left;
}
.leftside {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	float:left;
	width: 350px;
}
.rightside {
	width: 290px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	float:left;
}
.rightside p{
	margin: 0px 0px 5px 0px;
	}
.rightside img{
	margin: 0px auto 10px auto;
	}
	
#footerWrapper {
margin: 0px auto;
width: 880px;
}

#footer {
	height: 33px;
	clear: both;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/layout/footer.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.fltlft {
	float: left;
	margin:5px 25px 10px 0px;
}
.fltrt {
	float: right;
	margin:5px 0px 10px 25px;
}

.sidebarlt {
	padding: 10px;
	border: 1px solid #565676;
	margin-bottom: 15px;
	background-color: #E9E9EF;
}
.sidebardk {
	color: #FFFFFF;
	border: 1px solid #000000;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #002B8A;
}
.sidebardk a, .sidebardk a:hover, .sidebardk a:visited, sidebardk a:active {
	color: #FFFFFF;
}
.sidebarbox {
	background: url(../images/layout/sidebox-fill.gif) repeat-y left;
	margin-top: 15px;
	margin-bottom: 15px;
}
.sidebarbox p {
	margin: 0px;
	padding: 0px;
}
.sidebarboxtop {
	background: url(../images/layout/sidebox-top.gif) no-repeat left top;
	padding: 12px 10px 0px;
}
.sidebarboxbottom {
	background: url(../images/layout/sidebox-bottom.gif) no-repeat left bottom;
	height: 13px;
}

/* spacers */

.clr {
	clear: both;
}