@charset "utf-8";
/*---------general styling-------->>>----*/
* {
	padding:0px;
	margin:0px;
}
img {
	border:0px;
}
body {
	background:#f4f4f4;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.uppercase {
	text-transform:uppercase;
}
.underline {
	text-decoration:underline;
}
.bold {
	font-weight:bold;
}
.orange-head {
	color:#f06d23;
}
a {
	text-decoration:none;
}
.strikeout {
	text-decoration:line-through;
}
.italic{
	font-style:italic;
}
/*---------general styling--------<<<----*/




/*---------All Div's-------->>>----*/
#container {
	width:868px;/*DO NOT USE THIS WIDTH*/
	margin:0px auto;
	background:url(../images/shadow-bg.png) repeat-y;;
}
#wrapper {
	width:860px;/*USE THIS WIDTH*/
	margin:0px auto;
}
#header {
}
#banner {
	background:#FFF;
}
#menu{
	background:url(../images/menu-bg.png) repeat-x;
}
#content{
	width:830px;/*USE THIS WIDTH FOR CONTENT*/
	margin:0px 15px;
}
#footer{
	height:54px;
	background:url(../images/footer-bg.png) repeat-x;
}
#footer-list {
	list-style:none;
}
#footer-list li {
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	display:inline;
}
#footer-list a {
	color:#333;
}
#footer-list a:hover {
	color:#fff;
}
/*---------All Div's--------<<<----*/





/*--------Common---------->>>------*/
.gradient1 h1 {
	font: bold 220%/ 100% "Times New Roman", Times, serif;
	position: relative;
	color: #308720;
}
.gradient1 h1 span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 90%;
	height: 30px;
	top: 0px;
}
.gradient1 h2 {
	font: bold 180%/ 100% "Times New Roman", Times, serif;
	position: relative;
	color: #ea671e;
}
.gradient1 h2 span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 90%;
	height: 30px;
	top: 0px;
}
.gradient1 h2 {
	font: bold 150%/ 100% "Times New Roman", Times, serif;
	position: relative;
	color: #191919;
}
.gradient1 h2 span {
	background: url(../images/gradient-white.png) repeat-x;
	position: absolute;
	display: block;
	width: 90%;
	height: 30px;
	top: 0px;
}
.box-headings{
	color:#333;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	}
/*--------Common----------<<<------*/





/*---------para styling-------->>>----*/

.para-1 {
	text-align:justify;
	padding:0px;
	line-height:140%;
}
.para-2 {
	text-align:left;
	padding:0px;
}

/*---------para styling--------<<<----*/






/*---------list styling-------->>>----*/
.list-1 {
	list-style:none;
	color:#333;
	margin:5px 0px 0px 3px;
}
.list-1 li {
	background:url(../images/bullet.png) no-repeat 0 7px;
	padding:7px 0px 0px 20px;
}
.list-2 {
}
.list-2 a {
}
/*---------list styling--------<<<----*/







/*---------link styling-------->>>----*/
#menu a{
	font-weight:bold;
	color:#FFF;
	display:block;
	padding:5px 0px 5px 0px;
	text-transform:capitalize;
}
#menu a:hover{
	font-weight:bold;
	color:#000;
}
.link-1{
	color:#333;
	font-weight:bold;
}
.link-1:hover {
	color:#090;
	text-decoration:underline;
}
.link-2 a{
	color:#333;
	font-weight:bold;
}
.link-2 a:hover {
	color:#090;
	text-decoration:underline;
}
.link-3{
	padding: 1px 10px 15px 10px;
	color:#900;
	text-decoration:underline;
}
.link-3:hover {
	color:#090;
	text-decoration:underline;
}

.link-4{
	color:#333;
	font-weight:bold;
}
.link-4:hover {
	color:#fff;
}
/*---------link stylink--------<<<----*/






/*---------form element styling-------->>>----*/
.select-school {
	height:20px;
	width:475px;
	border:#CCC 1px solid;
	color:#666;
	font-size:12px;
}
.basic-form {
	color:#333;
	font-size:12px;
	height:20px;
}
/*---------form element styling--------<<<----*/


/* form validate css*/
label.error,label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
}

div.error {
	display: none;
}

input {
	border: 1px solid black;
}

input.checkbox {
	border: none
}

input:focus {
	border: 1px dotted black;
}

input.error {
	border: 1px dotted red;
}