html{
height:100%;
width:100%;
}
body *{
	z-index:1;
}
body{
	height:100%;
	width:100%;
	position:relative;
	padding:0;
	margin:0;
	font-family: Arial,Tahoma,verdana;
	background-color:#F8FCC5;
	-webkit-animation-name: colourChange;
	-webkit-animation-duration: 60s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name: colourChange;
	-moz-animation-duration: 60s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count:infinite;
	-o-animation-name: colourChange;
	-o-animation-duration: 60s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-iteration-count:infinite;
	-ms-animation-name: colourChange;
	-ms-animation-duration: 60s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-iteration-count:infinite;
	animation-name: colourChange;
	animation-duration: 60s;
	animation-timing-function: ease-in-out;
	animation-iteration-count:infinite;
}
@-webkit-keyframes colourChange {
	0% {background-color: #ffcccc;}
	20% {background-color: #ffffcc;}
	40% {background-color: #ccffcc;}
	60% {background-color: #ccffff;}
	80% {background-color: #ccccff;}
	100% {background-color: #ffccff;}
}
@-moz-keyframes colourChange {
	0% {background-color: #ffcccc;}
	20% {background-color: #ffffcc;}
	40% {background-color: #ccffcc;}
	60% {background-color: #ccffff;}
	80% {background-color: #ccccff;}
	100% {background-color: #ffccff;}
}
@-o-keyframes colourChange {
	0% {background-color: #ffcccc;}
	20% {background-color: #ffffcc;}
	40% {background-color: #ccffcc;}
	60% {background-color: #ccffff;}
	80% {background-color: #ccccff;}
	100% {background-color: #ffccff;}
}
@-ms-keyframes colourChange {
	0% {background-color: #ffcccc;}
	20% {background-color: #ffffcc;}
	40% {background-color: #ccffcc;}
	60% {background-color: #ccffff;}
	80% {background-color: #ccccff;}
	100% {background-color: #ffccff;}
}
@keyframes colourChange {
	0% {background-color: #ffcccc;}
	20% {background-color: #ffffcc;}
	40% {background-color: #ccffcc;}
	60% {background-color: #ccffff;}
	80% {background-color: #ccccff;}
	100% {background-color: #ffccff;}
}
 
a{
	color:#DD0005;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a:hover{
	color:#DD8810;
}



#background{
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
}

#topbar{
height:50px;
min-width:860px;
width:100%;
z-index:20;
position:absolute;
white-space:nowrap;
}
#toppadder{
height:50px;
}
#topbar div{
min-width:1024px;
width:1024px;
background-color:#000000;
}
#logoimg{
height:50px;
float:left;
}
.floatli{
	float: left;
	width:41%;
	margin-left: 40px;
	text-align: left;
}
#toplinks{
list-style-type: none;
padding: 10px 5px;
margin: 0;
height: 40px;
float: left;
width: 595px;
overflow-x:hidden;
}
#toplinks a{
	font-size: 14px;
}
#toplinks #bul a{
	color:#ffffff;
	text-decoration:none;
}

#toplinks a:hover{
	color:#eeeeee;
}

#toplinks ul{
padding:10px 5px;
border-radius:3px;
}
#toplinks li{
float: left;
margin-left: 10px;
margin-right: 1px;
border-radius: 13px;
padding: 5px 12px;
color: black;
font-size: 14px;
font-weight: bold;
background-image: url('images/plus.gif');
background-repeat: no-repeat;
background-position: 97%;
padding-right: 15px;
-webkit-transition: background-color 1s linear,color 1s linear;
-moz-transition: background-color 1s linear,color 1s linear;
-o-transition: background-color 1s linear,color 1s linear;
-ms-transition: background-color 1s linear,color 1s linear;
transition: background-color 1s linear,color 1s linear;
margin-top: 3px;
border-width: 3px;
border-style: solid;
border-color: black;
}
#toplinks li:hover{
background-color:#000;
color:#DDDDDD;
}
#toplinks li:hover #bul{
visibility:visible;
height:240px;
z-index:100;
}

#toplinks li #bul{
visibility: hidden;
position: absolute;
list-style-type: none;
padding: 0;
z-index: 7;
margin-left: -8px;
margin-top: 8px;
height: 0px;
overflow-x: hidden;
overflow-y: scroll;
-webkit-transition: height 1s ease-in-out, visibility 1.1s cubic-bezier(0, 1, 0, 1);
-moz-transition: height 1s ease-in-out, visibility 1.1s cubic-bezier(0, 1, 0, 1);
-o-transition: height 1s ease-in-out, visibility 1.1s cubic-bezier(0, 1, 0, 1);
-ms-transition: height 1s ease-in-out, visibility 1.1s cubic-bezier(0, 1, 0, 1);
transition: height 1s ease-in-out, visibility 1.1s cubic-bezier(0, 1, 0, 1);
}
#bul::-webkit-scrollbar {
	display:none;
}
#bul::-moz-scrollbar {
	display:none;
}
#bul::-o-scrollbar {
	display:none;
}
#bul::-ms-scrollbar {
	display:none;
}
#bul::scrollbar {
	display:none;
}


#toplinks li .scrollBox{
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
#toplinks li .scrollBox::-webkit-scrollbar {
	display:block;
}
#toplinks li .scrollBox::-moz-scrollbar {
	display:block;
}
#toplinks li .scrollBox::-o-scrollbar {
	display:block;
}
#toplinks li .scrollBox::-ms-scrollbar {
	display:block;
}
#toplinks li .scrollBox::scrollbar {
	display:block;
}

#toplinks li #bul li{
	float: none;
	background-image:none;
	background-color: #DD0005;
	padding: 4px 10px;
	color: white;
	-webkit-transition: background-color 0.6s ease-in-out;
	-moz-transition: background-color 0.6s ease-in-out;
	-o-transition: background-color 0.6s ease-in-out;
	-ms-transition: background-color 0.6s ease-in-out;
	transition: background-color 0.6s ease-in-out;
	margin-left: 0;
}
#toplinks li #bul li:hover{
	background-color:#444;
}
#toplinks li #bul li #cul{
	display:none;
	position:absolute;
	list-style-type:none;
	padding:0;
	margin-left:20px;
	background-color:#000;
}

#toplinks li #bul li:hover #cul{
	display:block;
	z-index:20px;
}


#toplinks li #bul li #cul li{
	float:none;
	background-color:transparent;
	color:#FFF;
}
#toplinks li #bul li #cul li:hover{
	background-color:#333;
}
.footerDiv{
	text-align: center;
	font-size: 12px;
	width: 800px;
	min-width: 800px;
	padding: 5px 2px;
	opacity: 1;
	margin-top:20px;
}
.footerDiv a{
	font-size: 12px;
}
.topPhone{
	float: right;
	font-size: 18px;
	margin-right: 50px;
	color: #DD0005;
	font-weight: bold;
}
.topText{
	font-size: 15px;
	color: #000000;
}

#sessionMenu{

}

#maincontentbox{
	background-color:#fff;
	width:800px;
	min-width:800px;
	border-width:1px;
	border-style:solid;
	border-radius:15px;
	border-color:#454545;
	padding:2px 2px;
	opacity:1;
	position:relative;
	z-index:0;
}
#maincontentbox:hover{
	z-index:3;
}

#maincontentbox h1{
	text-align:left;
	font-size: 30px;
	margin: 10px 0px 0px 25px;
}
#maincontentbox h2{
	text-align: left;
	margin: 5px 0px 5px 30px;
	font-size: 20px;
}

#div5050{
	height:80px;
}

#div5050 div{
	width:49%;
	vertical-align:middle;
	display:inline-block;
	overflow:hidden;
	font-size:16px;
	font-style:bold;
}
#div5050 div span{
	color:#dd2222;
}

#scrollbox{
width:790px;
height:300px;
border-radius:4px;
vertical-align:middle;
margin-top:5px;
z-index:1;
position: relative;
}
#scrollbox #topbox{
background-color:#DD0005;;
border-radius:8px 8px 0px 0px;
border-style:solid;
border-width:2px;
border-color:#999;
text-align:left;
padding-left:6px;
color:#EEFFFF;
}
#scrollbox #midbox{
	background-color:#ffffff;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#999;
	overflow:hidden;
}
#scrollbox #midbox ul{
	width:4000px;
	list-style-type:none;
	padding:0;
	margin:0;
	position:relative;
	left:0px;
	height: 248px;
	overflow-y:hidden;
	-webkit-transition: left 2s ease-in-out;
	-moz-transition: left 2s ease-in-out;
	-o-transition: left 2s ease-in-out;
	-ms-transition: left 2s ease-in-out;
	transition: left 2s ease-in-out;
}
#scrollbox #midbox ul li{
	float:left;
	left:0px;
	top:0px;
	width:800px;	
}

#scrollbox #midbox ul li p{
	float:left;
	text-align:left;
	height:100%;
	width:298px;
	height: 214px;
	padding: 1px;
	margin-left: 3px;
}
#scrollbox #midbox ul li img{
	float:left;
	height:100%;
	background-color:#dd2222;
	width:800px;	
}
#scrollbox #botbox{
background-color:#DD0005;;
border-radius:0px 0px 8px 8px;
border-style:solid;
border-width:2px;
border-color:#999;
text-align:right;
padding-right:6px;
}
#scrollbox #botbox a,#scrollbox #botbox span{
	color:#EEFFFF;
	text-decoration:none;
}
#scrollbox #botbox span{
	margin-left:2px;
}

#scrollbox #botbox a:hover{
	color:#99FF99;
}


#mainboxes{
width:800px;height:200px;border-radius:4px;vertical-align:middle;z-index:1;
top:2px;position: relative;}

#mainboxes #box{
width:32%;
margin-left:1%;
float:left;
height: 180px;
z-index:4;
-webkit-transition: opacity 0.5s ease-in-out,-webkit-transform 0.5s ease-in-out,z-index 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out,-moz-transform 0.5s ease-in-out,z-index 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out,-o-transform 0.5s ease-in-out,z-index 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out,-ms-transform 0.5s ease-in-out,z-index 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out,transform 0.5s ease-in-out,z-index 0.5s ease-in-out;
position:relative;
}

#mainboxes #box a{
text-decoration:none;
color:inherit;

}

#mainboxes #box:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
z-index:100;
}
#mainboxes #box:hover #topbox{
background-color:#DD0005;
}
#mainboxes #box:hover #botbox{
background-color:#DD0005;
}
#box #topbox{
background-color:#DD0005;
border-radius:8px 8px 0px 0px;
border-style:solid;
border-width:2px;
border-color:#988;
color:#EEFFFF;
}
#box #midbox{background-color:#ffffff;border-style:solid;border-width:0px 1px 0px 1px;border-color:#999;height: 120px;overflow-y: hidden;}
#box #botbox{background-color:#DD0005;border-radius:0px 0px 8px 8px;border-style:solid;border-width:2px;border-color:#999;color:#EEFFFF;}
#box #botbox:hover{

}
#box a{
color:#FFFFFF;
}
#box #midbox a{
color:#DD0005;
}
#box a:hover,#box #midbox a:hover{
color:#FF8020;
}
.infoPage{
	text-align: left;
	padding: 20px;
}

.infoPage ul{
	border-width: 1px;
	border-style: solid;
	border-radius: 15px;
	border-color: #454545;
	padding: 10px 15px 10px 30px;
}
.toolGuide{
	position: absolute;
	background-color: #DD0005;
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-radius: 6px;
	color: white;
	opacity: 0.95;
	width: 160px;
	font-size: 14px;
	-webkit-transition: left 1s ease-in-out, right 1s ease-in-out;
	-moz-transition: left 1s ease-in-out, right 1s ease-in-out;
	-o-transition: left 1s ease-in-out, right 1s ease-in-out;
	-ms-transition: left 1s ease-in-out, right 1s ease-in-out;
	transition: left 1s ease-in-out, right 1s ease-in-out;
	padding: 3px;
	z-index:2;
	cursor:pointer;
}
.toolGuide span{
	font-size:22px;
	font-weight:bold;
}
.toolGuide a{
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	-o-transition: color 1s ease-in-out;
	-ms-transition: color 1s ease-in-out;
	transition: color 1s ease-in-out;
}
.toolGuide a:hover{
	color:#FF8800;
}
#box #midbox .bigflashy{
	display: inline-block;
	background-color: #DD0005;
	border-style: solid;
	border-color: black;
	border-radius: 8px;
	border-width: 1px;
	height: 30px;
	font-size: 24px;
	padding: 10px;
	color:#FFFFFF;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
#box #midbox .bigflashy:hover{
	background-color:#FF8805;
	border-width: 2px;
}
.bigflashy{
	display: inline-block;
	background-color: #DD0005;
	border-style: solid;
	border-color: black;
	border-radius: 8px;
	border-width: 1px;
	height: 48px;
	font-size: 24px;
	padding: 10px;
	color:#FFFFFF;
}
.bigflashy:hover{
	color:#FFFFFF !IMPORTANT;
	background-color:#FF8805;
}
#formBox{
	border-width: 1px;
border-style: solid;
border-radius: 15px;
border-color: #454545;
padding: 4px 15px;
width: 550px;
box-shadow: 2px 2px 3px #000000;
margin-bottom:5px;
text-align: left;
}
#formBox p{
	font-size:16px;
	font-style: italic;
}
#formBox span{
	font-size:16px;
	color: #dd0005;
	font-style:italic;
}
#formBox .std{
	width:250px;
}
#formBox input[type="text"]{
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-radius: 6px;
	opacity: 0.95;
	font-size: 14px;
	padding: 3px;
}
.inputBox{
	border-style: solid;
	border-color: black;
	border-width: 1px;
	border-radius: 6px;
	opacity: 0.95;
	font-size: 14px;
	padding: 3px;
}
#formErrorMsg{
	color:#DD0005;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
#formSuccessMsg{
	color:#00DD05;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.awebkitarrow{
	-webkit-transition: color 2s ease-in-out;
	-moz-transition: color 2s ease-in-out;
	-o-transition: color 2s ease-in-out;
	-ms-transition: color 2s ease-in-out;
	transition: color 2s ease-in-out;
	text-decoration: underline;
	white-space: nowrap;
}
.awebkitarrow .aarrow{
	display: inline-block;
	padding: 0px 0px;
	font-size:14px;
	-webkit-transition: -webkit-transform 1s ease-in-out, color 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out, color 1s ease-in-out;
	-o-transition: -o-transform 1s ease-in-out, color 1s ease-in-out;
	-ms-transition: -ms-transform 1s ease-in-out, color 1s ease-in-out;
	transition: transform 1s ease-in-out, color 1s ease-in-out;
}
.awebkitarrow:hover .leftarrow{
	color:#FF8020;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}
.awebkitarrow:hover .rightarrow{
	color:#FF8020;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	transform: rotate(-360deg);
}
.hrefdelete{
	color: #DD0005 !IMPORTANT;
	font-size: 12px;
	font-weight: normal;
}
.hrefdelete:hover{
	color:#FF8020 !IMPORTANT;
}
.bulletList{
	font-size:14px;
	font-style:italic;
	width:600px;
	text-align:left;
	padding-left:30px;
}
.bulletList li{
	
}
.uploadResSuccess,.uploadResFail{
	font-size:18px;
	color:#DD0005;
}
.uploadResSuccess{
	color:#00DD05;
}
.uploadResFail{
	color:#DD0005;
}
.breadcrumbDiv{
	text-align: left;
	width: 770px;
	margin-bottom: 5px;
}
.continueLinks{
	text-align:left;
}
