/*  ------------------ MAIN CSS Document for Octopus Content - developed by Vishal Vaidya ------------------ */

body{
	margin-top: 0px;
	margin-bottom: 0px;
	background:#FFFFFF url(../images/header-bg.gif) repeat-x top;
}
div {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
}
p {
	margin-top: 0px;
	margin-bottom:10px;
	line-height:23px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0 0 5px 0;
}
a, a:link {
	color:#003399;
	text-decoration:inherit;
}
a:visited {
	text-decoration:inherit;
	color:#003399;
}
a:hover {
	color: #990000;
	text-decoration:none;
}
form
{
	margin:0px;
}
/* ------------------ COMMON STRUCTRE  ------------------ */
#wrapper {
	width:980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*  ------------------ COMMON HEADER  ------------------ */
#header {
	float:left;
	width:980px;
	height:144px;
	color:#FFFFFF;
}
.logobox {
	width:497px;
	height:144px;
	float:left;
}
.topbanner {
	width:295px;
	height:144px;
	float:right;
}


/*  ------------------ MAIN MENUS  ------------------ */
#mainmenus {
	width:980px;
	height:38px;
	float:left;
	background:url(../images/main-menu-bg.gif) no-repeat top left;
}

/*  ------------------ MAIN INTRO  ------------------ */
#introform
{
	width:980px;
	height:250px;
	float:left;
	color:#FFFFFF;
	background:#be3e23 url(../images/intro-form-bg.gif) repeat-x;
	margin-top: 13px;
	margin-right: 0;
	margin-left: 0;
}
#introfeatures
{
	width:980px;
	float:left;
	margin-top:1px;
}

/*  ------------------ MAIN CONTENT  ------------------ */
#content
{
	width:980px;
	float:left;
	height:auto;
	margin-top:5px;
	background:#FFFFFF;
}
#content a, a:link {
	text-decoration:underline;
	color:#007d75;
}
#content a:hover {
	color: #be3e23;
	text-decoration:none;
}

#content .contentbox
{
	width:340px;
	float:left;
	line-height:22px;
	margin-right:15px;
	margin-left:5px;
}
#content .contentbox2
{
	width:250px;
	float:left;
	line-height:22px;
}
#content .boxtitle
{
	width:100%;
	font-size:18px;
	color:#155ba0;
	font-weight:bold;
	height:28px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #b0282b;
}
.boxcontent
{
	width:340px;
	float:left;
}
.liststyle1
{
	list-style:url(../images/bullet-arrow.png) outside;
}

/*  ------------------ ASSOCIATED WITh  ------------------ */
#associatedwith
{
	width:960px;
	float:left;
	padding:20px 10px;
	margin-top:10px;
	border-top:1px dotted #999999;
}


/*  ------------------ FOOTER  ------------------ */
#footer
{
	width:970px;
	float:left;
	height:50px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:13px;
	background-color: #F0F7F5;
	border-top:1px dotted #009999;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}
#footer a, a:link {
	color:#003399;
	text-decoration:underline;
}
#footer a:hover {
	color: #990000;
	text-decoration:none;
}


#w3c
{
	width:180px;
	float:right;
	height:40px;
	font-size:10px;
	color:#666666;
	padding-top:5px;
}

/* ---------------------------- INNER PAGE - COMMON STYLES ---------------------------*/
#breadcrumbs a, a:link {
	text-decoration:underline;
}
#breadcrumbs a:hover {
	color: #990000;
	text-decoration:none;
}

#breadcrumbs
{
	width:950px;
	float:left;
	height:20px;
	padding: 1px 0 7px 10px;
	color:#444444;
	background: url(../images/dotted-line.gif) repeat-x 1px bottom;
}

/* ----------- INNER PAGE - Full Width Content ------------*/
.pagetitle
{
	width:930px;
	float:left;
	background:url(../images/arrow.gif) no-repeat;
	height:22px;
	margin:20px 0 10px 0;
	font-size:21px;
	color:#007d75;
	font-weight:bold;
	border-bottom:1px solid #008c83;
	padding: 1px 0 10px 30px;
}
.pagecontent
{
	width:930px;
	float:right;
	line-height:20px;
	margin-top:7px;
}
#innerpageintro
{
	width:980px;
	height:164px;
	float:left;
	background:#be3e23 url(../images/innerpage_header-bg.gif) repeat-x;
	margin-top:10px;
}
#secondarylinksintro
{
	width:980px;
	height:164px;
	float:left;
	background:#d8d3ab url(../images/innerpage_secondary-header-bg.gif) repeat-x;
	margin-top:10px;
}

/* ----------- INNER PAGE - 2 COLUMN CONTENT ------------*/
#innnerpagecontent a, a:link {
	text-decoration:underline;
}
#innnerpagecontent a:hover {
	color: #cc3300;
	text-decoration:none;
}

#innnerpagecontent
{
	width:980px;
	float:left;
	line-height:20px;
}
#maincontentbox
{
	width:705px;
	float:left;
}
.innerpage-maincontent
{
	width:670px;
	float:left;
	line-height:25px;
	margin-left:20px;
	padding-right:15px;
}
.innerpagebreadcrumbs
{
	width:695px;
	font-size:12px;
	float:left;
	height:20px;
	color:#444444;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 1px;
}
.innerpagetitle
{
	width:665px;
	float:left;
	background:url(../images/arrow.png) no-repeat;
	height:22px;
	font-size:19px;
	color:#155ba0;
	font-weight:bold;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0282b;
}
.headertext
{
	color:#008c83;
	font-size:15px;
	font-weight:bold;
	float:left;
}

#secondarycontentbox
{
	width:260px;
	float:right;
	margin-top:5px;
}

#secondarycontentbox a, a:link {
	text-decoration:none;
}
#secondarycontentbox a:hover {
	color: #cc3300;
	text-decoration:underline;
}


.bannerbox
{
	float:left;
	width:260px;
	margin-bottom:10px;
	margin-top:2px;
}
.rightboxtitle
{
	width:260px;
	height:auto;
	float:left;
}

.rightboxcontent
{
	width:235px;
	float:left;
	background:#f2f2a6;
	padding:7px 5px 10px 20px;
	line-height:23px;
}

.btnbox
{
	margin-top:10px;
	float:left;
}
.rightboldtxt
{
	font-size:15px;
	font-weight:bold;
	line-height:29px;
}
.packagebox
{
	width:200px;
	float:left;
	margin-top:10px;
	margin-right:11px;
}
.largetext
{
	color:#007d75;
	font-weight:bold;
	font-size:16px;
}
.largetext2
{
	color:#be3e23;
	font-weight:bold;
	font-size:16px;
}

/*  ------------------ FORM  ------------------ */
div .form {
	width:900px;
	margin-top:10px;
}
.formrow
{
	width:900px;
	float:left;
	margin-top:2px;
	margin-bottom:2px;
}
/*.formrow:hover
{
	margin-bottom:4px;
	background-color:#f6f6ad;
	padding:7px;	
}
*/
.formtxt
{
	width:280px;
	float:left;
	height:auto;
	font-size:13px;
	font-weight:bold;
	line-height:19px;
	padding-top:2px;
}
.forminputs {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:3px;
	border:2px solid #faa934;
}
.forminputs:focus {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	padding:3px;
	border:2px solid #7d1600;
}

.mandatory
{
	font-size:16px;
	color:#CC0000;
}
.smallformrow
{
	width:550px;
	height:inherit;
	margin-bottom:4px;
	float:left;
	color:#666666;
	font-size:11px;
	padding-left:290px;
	line-height:18px;
}
.violettext
{
	color:#007d75;
}