@charset "UTF-8";
@import url('layout.css'); 

.body {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 16px;
	
}

.nav1 {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	line-height: 16px;
 	padding-bottom: 4px;
	
}

.nav2 {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 14px;
 	padding-bottom: 5px;
	padding-top:10px;
	
}

.nav3 {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height: 14px;
 	padding-bottom: 5px;
	padding-top:10px;
	 
}

.over { 

	background:#000000;
	color:#FFFFFF;
}

.white {
	color:#FFFFFF !important; 
}

.black {
	color:#000000 !important;  
}
.small {
	color:#888888 !important; 
}
<!-- this section is for dragndrop styles -->
.ui-sortable-helper{
	border:2px solid gray;
}

#bannerWrapper { width:960px; margin:0px auto; padding:0 0 0 15px;}
#banner { height:359px; background:url(../images/bannerBg.png) bottom left no-repeat; }

#banner .leftTitle { width:469px; float:left; padding:220px 0 0 28px;}
#banner .leftTitle h2 { font:46px/48px Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; letter-spacing:-2px;}

#banner .rightext { padding:220px 0 0 0; width:300px; float:left;margin:0 0 0 47px;} 
#banner .rightext p, #banner .rightext p span { font:19px/24px Arial, Helvetica, sans-serif; color:#ee6a00; font-weight:normal; }
#banner .rightext p span{ text-decoration:underline;}


#contentWrapper {  }
#contentBar { width:960px; margin:0px auto; }
#content { margin:0px 0px 0px 12px;padding:32px 0 0 0;}

#content .leftContent { margin:0; width:488px; float:left;	}
#content .leftContent p { font:16px/22px Arial, Helvetica, sans-serif; color:#283b44; margin-top:0px; padding-top:0}
	#content .leftContent p span { color:#009ee1;}
	#content .leftContent p a{color:#009ee1}
	
#content .rightContent { float:left; width:348px;margin:0 0 0 48px; }


#content .rightContent form { }
#content .rightContent form p { margin:0 0 6px 0px;}
#content .rightContent p.alert { background:url(../images/alert.jpg) 0 3px no-repeat; margin:0 0px 0 0; padding:0 0 0 22px; font:12px/19px Arial, Helvetica, sans-serif; color:#d70000;}
#content .rightContent p.hookText { font:16px/21px Arial, Helvetica, sans-serif; color:#787878; float:left; clear:both; margin:20px 0 0 0;}


#content .rightContent form label { font:16px/19px Arial, Helvetica, sans-serif; color:#787878; width:118px; float:left; padding:9px 0 0 0; }

#content .rightContent form input[type="text"].input-text {background:#FFF; border:1px solid #bdbdbd; height:31px; width:218px; padding:0px 5px; }

#content .rightContent form textarea.textmsg { width:348px; height:81px; border:1px solid #bdbdbd; margin:8px 0 13px -2px;}	
#content .rightContent form input[type="submit"].submitBtn { float:left; margin:0px 0 0 -3px; padding:0px;}

/*   ask page new layout */

#bottom-form {
	width: 898px;
	margin: 0 auto;
	text-align: left;
}

#bottom-form .bf-top {
	width: 842px;
	height: 35px;
	background: url(../images/bg-bf-top.png) repeat-x;
	margin-bottom: 14px;
	padding: 50px 28px 0;
}

#bottom-form .bf-top h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	line-height: 14px;
	margin-bottom: 0;
}

#bottom-form .bf-bottom {
	width: 898px;
}

#bottom-form .bf-bottom .upper {
	background: url(../images/character-btm.png) no-repeat #002839;
	background-position: 300px 170px;
	width: 849px;
	min-height: 312px;
	padding: 28px 25px 0 25px;
}

#bottom-form .bf-bottom .upper .left {
	width: 442px;
	margin-right: 50px;
	float: left;
}

#bottom-form .bf-bottom .upper .left h2 {
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 30px;
	color: #fff;
	letter-spacing: -1px;
	line-height: 44px;
}

#bottom-form .bf-bottom .upper .left .mid {
	font-size: 18px;
	font-weight: normal;
	color: #ee6a00;
	padding-right: 140px;
	line-height: 24px;
	margin-bottom: 44px;
}

#bottom-form .bf-bottom .upper .left .mid span {
	font-size: 18px;
	text-decoration:underline
}

#bottom-form .bf-bottom .upper .left .mid a {
	color: #ee6a00;
	text-decoration: underline;
}

#bottom-form .bf-bottom .upper .left .mid a:hover {
	text-decoration: none;
}

#bottom-form .bf-bottom .upper .left .foot {
	font-size: 12px;
	color: #bdbdbd;
}

#bottom-form .bf-bottom .upper .left .foot a {
	color: #58c5f2;
	text-decoration: underline;
}

#bottom-form .bf-bottom .upper .left .foot a:hover {
	text-decoration: none;
}

#bottom-form .bf-bottom .upper .right {
	width: 350px;
	float: left;
	position:relative;
}

#bottom-form .bf-bottom .upper .right ul {
	min-height: 10px;
}

#bottom-form .bf-bottom .upper .right li {
	margin-bottom: 18px;
	display: block;
}

#bottom-form .bf-bottom .upper .right li:last-child {
	margin: 0;
}

#bottom-form .bf-bottom .upper .right li label {
	margin-bottom: 3px;
	color: #bdbdbd;
	display: block;
}

#bottom-form .bf-bottom .upper .right li input[type="text"], #bottom-form .bf-bottom .upper .right li textarea {
	background: #004664;
	border: 1px solid #00354b;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}

#bottom-form .bf-bottom .upper .right li input[type="text"] {
	width: 289px;
	padding: 8px 10px;
}
#bottom-form .bf-bottom .upper .right li input[type="submit"] {
background:url(../images/but-enter.png) no-repeat top left;
width:90px;
height:37px;
border:none;
cursor:pointer;
}

#bottom-form .bf-bottom .upper .right .alert { position:absolute; color:#d70000; top:-13px; left:37px;}

#bottom-form .bf-bottom .upper .right li textarea {
	width: 289px;
	height: 60px;
	padding: 8px 10px;
}

#bottom-form .bf-bottom .lower {
	width: 898px;
	height: 26px;
}
.error{border:1px solid #f00;}