@charset "utf-8";

/*
|===========================
| Global Settings
|===========================
*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #e0e0e0;
	color: #000000;
	text-decoration: none;
}

ul {
	list-style: none;
}

dl dd {
	margin-bottom: 12px;
}

/*
|===========================
| General Classes
|===========================
*/

/*
|---------------------------
| Heading
|---------------------------
*/

.h1Green30 {
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #3f9508;
	border-bottom: solid 3px #3f9508;
}

/*
|---------------------------
| Form Handling
|---------------------------
*/

.formHandle {
	background: #e0eff4;
	padding: 5px;
	border: solid 1px #CCCCCC;
}

.formError {
	color: #CC0000;
}

.formSuccess {
	color: #009900;
}

/*
|---------------------------
| Blue Theme
|---------------------------
*/

.blueTheme {
	border: solid 1px #4fa4c3;
	background: #f1f4f6;
	margin-bottom: 10px;
}

.blueTheme h1{
	width: 100%;
	height: 28px; 
	background: url(heading-bg-trans-blue.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#000000;
	border-bottom: solid 1px #4fa4c3;
}

.blueTheme h1 span {
	display: block;
	padding: 7px 5px 0px 5px;
}

.blueTheme p {
	padding: 10px;
}

.blueTheme .readmore{
	background: url(arrow-square-wrapper.gif) no-repeat 90px;
}

.blueTheme a:link, .blueTheme a:visited {
	color: #1e5b7e;
	font-weight: bold;
	text-decoration: none;
}

.blueTheme a:hover {
	text-decoration: underline;
}

/*
|---------------------------
| Open Green Theme
|---------------------------
*/

.openGreenTheme {
	margin-bottom: 10px;
}

.openGreenTheme h1{
	font-family: "Times New Roman", Times, serif;
	font-size: 30px;
	color: #3f9508;
	border-bottom: solid 3px #3f9508;
}

.openGreenTheme h1 span {
	display: block;
	padding: 7px 5px 0px 5px;
}

.openGreenTheme p {
	padding: 5px;
}

.openGreenTheme img {
	float: left;
	margin: 0px 5px 5px 0px;
}

.openGreenTheme .readmore{
	text-align: right;
	padding-right: 20px;
	background: url(arrow-square-wrapper.gif) no-repeat right;
}

.openGreenTheme a:link, .openGreenTheme a:visited {
	color: #1e5b7e;
	font-weight: bold;
	text-decoration: none;
}

.openGreenTheme a:hover {
	text-decoration: underline;
}

.openGreenTheme li {
	padding-left: 30px;
	background: url(arrow-circle-wrapper-red.gif) no-repeat 2px;
}

/*
|---------------------------
| Margin Bottom
|---------------------------
*/

.marBottom {
	margin-bottom: 10px;
}

/*
|===========================
| Container
|
| Settings X
|
| Left Margin + Width	:	20 + 140		=	160
| Body Margin + Width	:	15 + 470 + 15	=	500
| Right Margin + Width	:	300 + 20		=	320
|
| Settings Y
|
| Ex Div 1				:	105				=	105	
| Bottom Margin			:	10				=	010
| Header Banner			:	292				=	292
| Bottom Margin			:	10				=	010
| 											=	*** 417
|
| Extra Y Settings [ For Page Body ]
|
| Head Top				:	60
											=	*** 477
|
|===========================
*/

#container {
	position: relative;
	margin: 0px auto;
	width: 980px;
	background: #FFFFFF url(top-bg.jpg) repeat-x;
	z-index: 100;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Header
|===========================
*/

#pageHeader {
	margin-left: 20px;
	margin-right: 335px;
	height: 477px;
	/*border: solid 1px red;*/
}

#pageHeaderData {
	padding-top: 115px;
}

/*
|---------------------------
| Page Header Banner
|---------------------------
*/

#pageHeaderBanner {
	width: 625px;
	height: 292px;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Header Navigation
|===========================
*/

#pageHeaderNav {	
	position: absolute;
	top: 115px;
	right: 20px;
	width: 300px;
	height: 292px;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Body
|===========================
*/

#pageBody {
	margin-left: 175px;
	margin-right: 335px;
	/*border: solid 1px red;*/
}

#pageBodySpanRight {
	margin-left: 175px;
	margin-right: 15px;
	/*border: solid 1px red;*/
}

#pageLeft, #pageRight {
	position: absolute;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Head Top
|===========================
*/

#pageHeadTop {	
	position: absolute;
	top: 417px;
	left: 175px;
	width: 785px;
	height: 60px;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Left
| width: 140px;
| left: 20px;
|===========================
*/

#pageLeft {
	top: 417px;
	left: 20px;
	width: 140px;
}

#pageLeftData h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	width: 100%;
	height: 28px;
	background: url(heading-bg-full-green.jpg) repeat-x;
}

#pageLeftData h1 span {
	display: block;
	padding: 6px 5px 0px 5px;
}

#pageLeftData div {
	background-color: #f1f4f6;
	border: solid 1px #d4dbe0;
	margin-bottom: 10px;
}

#pageLeftData div ul li {
	display: block;
	padding: 5px 0px 5px 5px;
	border-bottom: solid 1px #d4dbe0;
}

#pageLeftData div ul li a:link, #pageLeftData div ul li a:visited {
	color: #000000;
	text-decoration: none;
}

#pageLeftData div ul li a:hover {
	text-decoration: underline;
}

/*
|===========================
| Page Right
| width: 300px;
| right: 20px;
|===========================
*/

#pageRight {
	top: 477px;
	right: 20px;
	width: 300px;
}

/*
|===========================
| Page Top Navigation
|
| Top: 42 px;
| Dimensions Of Links: 78x55
| Total Links: (7 x 78 = 546) + (1 x 7 = 7) i.e width and 1px margin
|
| Left Margin + Inter Margin + Right Margin : 546 + 7 + 20 =  573
| So : 980 - 573 = 407
|
| Right Margin = 20
| 
|===========================
*/

#pageTopNav {
	position: absolute;
	top: 42px;
	right: 20px;
	/*border: solid 1px red;*/
}

#pageTopNav li {
	display: block;
	width: 78px;
	height: 55px;
	margin-left: 1px;
	float: left;
	background-color: #0299d8;
}

#pageTopNav li a span {
	display: block;
	padding: 5px;
}

#pageTopNav li a:link, #pageTopNav li a:visited {
	display: block;
	width: 78px;
	height: 55px;
	background-color: #0299d8;
	color: #FFFFFF;
	text-decoration: none;
}

#pageTopNav li a:hover {
	background-color: #027eb1;
}

/*
|===========================
| Page Top Logo
|===========================
*/

#pageTopLogo {
	position: absolute;
	top: 10px;
	left: 10px;
	/*border: solid 1px red;*/
}

/*
|===========================
| Page Footer
| height: 105px;
|===========================
*/

#pageFooter {
	visibility: hidden;
	width: 100%;
	height: 105px;
	/*margin-top: 10px;*/
	background: #000000 url(top-bg.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 10px;
	/*border: solid 1px red;*/
}

#pageFooterData {
	margin: 0px auto;
	width: 980px;
	padding-top: 28px;	
}

#pageFooterData div {
	background-color: #0299d8;
	height: 55px;
}

#pageFooterData div ul {
	padding: 10px;
}

#pageFooterData div ul li {
	display: block;
	float: left;
	margin-left: 10px;
	background-color: #00a1e2;
	padding: 10px;
	border:  solid 1px #028cc6;
}

#pageFooterData div ul li a:link, #pageFooterData div ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#pageFooterData div ul li a:hover {
	text-decoration: underline;
}


/*
|===========================
| Extra Div 1
| height: 105px;
|===========================
*/

#extraDiv1 {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 105px;
	background: #000000 url(top-bg.jpg) repeat-x;
	/*border: solid 1px red;*/
}