/* CSS Document */

.padding10 {
	padding:10px;
}
.padding20 {
	padding:20px;
}
.padding-left20 {
	padding-left:20px;
}
.padding-right20 {
	padding-right:20px;
}
.padding-btm10 {
	padding-bottom:10px;
}
.padding-top10 {
	padding-top:10px;
}
.margin-left20 {
	margin-left:20px;
}
.margin-right20 {
	margin-right:20px;
}
.NavigationBg {
	color: #FFFFFF;
	background-repeat: repeat;
	height: 33px;
}
.content-box {
	background-color: #FFFFFF;
	padding: 0px;
	background-image: url(/Images/content_bg.jpg);
	background-repeat: repeat-x;
}
.content-box a {
	color: #33CC33;
	text-decoration: none;
	font-weight: bold;
}
.content-box a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.content-box img {
	margin: 0px 5px 0px 5px;
}
.goback a {
	color: #666666;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: none;
	font-weight: normal;
}
.goback a:hover {
	color: #666666;
	font-family:  Arial, Verdana, sans-serif;
	font-size: 13px;
	text-decoration: underline;
	font-weight: normal;
}
.text-box {
	border-top-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-right-style: solid;
	border-right-color: #004c99;
}

.header {
	background-image: url(/Images/header-test.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 100px;
}
#main-box {
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	height: 500px;
}
.footer {
	color: #999999;
	padding: 10px;
	font-size: 10px;
}
.footer a {
	color: #999999;
	text-decoration: none;	
}
.footer a:hover {
	color: #004c99;
	text-decoration: none;	
}

h1 { 
  color: #004c99; 
  font-size: 18px; 
  font-family:  Arial, Verdana, sans-serif; 

}
h2 {
	color: #333333; 
	font-size: 15px;
  font-family:  Arial, Verdana, sans-serif; 
}

h3 { 
	color: #004c99; 
  font-size: 15px; 
  font-family:  Arial, Verdana, sans-serif; 
 }
.leftside-header
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #004c99;
}
.box-text-margins {
	margin: 0px 0px 10px 10px;
}
.box-text-margins a{
	text-decoration: none;
	color: #FFFFFF;	
}
.box-text-margins a:hover{
text-decoration: underline;
color: #FFFFFF;	
	
}
.box-workshop {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-workshop.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 230px;
}
.box-system {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-system.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 230px;
}
.box-projects {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-project.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 230px;
}
.box-electronic {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-electronic.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 230px;
}
#box-one a {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-workshop.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 220px;
	display: block;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 110px;
	text-decoration: none;
}
#box-one a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#box-two a {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-system.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 220px;
	display: block;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 110px;
	text-decoration: none;
}
#box-two a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#box-three a {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-project.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 220px;
	display: block;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 110px;
	text-decoration: none;
}
#box-three a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#box-four a {
	font-size: 18px;
	color: #FFFFFF;
	background-image: url(/Images/box-electronic.jpg);
	background-repeat: no-repeat;
	height: 40px;
	width: 220px;
	display: block;
	text-align: left;
	vertical-align: bottom;
	padding-left: 10px;
	padding-top: 110px;
	text-decoration: none;
}
#box-four a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
.download-boxes {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px 0px 10px 0px;
}
.download-boxes a {
	color:#CC0000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.download-boxes a:hover {
	color:#000000;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}