
/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0; background-color: #73b5ed;
			color: #903f98; font-size: 11px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
			letter-spacing: 0; line-height: 16pt; font-weight: normal; text-align:center;
		}



/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			margin-left: auto; margin-right: auto; padding: 0;
			width: 830px; text-align: left; background-color: #ffffff;
		}


/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalHead {
			clear:both;	margin: 0px; padding:0; height: 144px; width: 830px;
		}

/* ------------------------------------------------------------
		GLOBAL NAVIGATION
------------------------------------------------------------ */

		#globalNav {
			float:left; clear:none;	margin: 0px; padding:0; width: 275px;
		}
		
		#globalNav a {
			margin: 0; padding:0; text-decoration:none; border-bottom: 1px dotted #ec1c24; color:#23408f;
		}
		
		#globalNav a:hover,
		#globalNav a.selected {
			margin: 0; padding:0; text-decoration:none; border-bottom: 1px dotted #23408f; color:#ec1c24;
		}
		
		img.navTop {
			float:left; clear:both;	margin: 0px; padding:0; width: 275px;
		}
		
		div.news {
				float:left; clear:both; margin: 0; padding: 0 0 24px 0; width: 275px;
				background: #FFF url(../images/nav_bg.jpg) repeat-y top center;
		}
		
		div.news p {
				float: left; clear:both; width: 195px; margin: 0 0 0 40px; padding:10px 0 10px 0; font-weight: normal;
				color: #464646; line-height: 14px;
				}
				
		div.news p.readmore {
				float: left; clear:both; width: 70px; margin: 0 0 0 180px; padding:0px 0 10px 0; font-weight: normal;
				color: #464646; line-height: 14px;
				}

		div.news strong {
				text-transform: uppercase;
				}

		#slider {
				float:left; clear:both; margin: 0; padding: 0; width: 275px; display:block;
				background: #FFF url(../images/nav_bg.jpg) repeat-y top center;
				}

		#slider .sliderHeadTop {
				margin: 0; padding: 0; width: 275px; height: 52px; cursor:pointer;
				}


		#slider .sliderHead {
				margin: 0; padding: 0; width: 275px; height: 40px; cursor:pointer;
				}


		#sliderContent {
				margin: 0; padding: 0; width: 275px; height: 200px; 
				}
		
		#sliderContent ul {
				float: left; clear:both; width: 200px; margin: 0 0 0 40px; padding:0; list-style:none; font-weight: bold;
				}
		
		#sliderContent li {
				margin:0; padding: 0px 0 0 15px; background: url(../images/nav_arrow.jpg) no-repeat 0px 7px;
				color: #000;
		}

		
/* ------------------------------------------------------------
		GLOBAL PAGE TITLE
------------------------------------------------------------ */

		#pageTitle {
				float:left; clear:none;	margin: 0px; padding:0; height: 60px; width: auto; background:#FFFFFF url(../images/title_bg.jpg) repeat-x;
		}
		
		#pageTitle h1 {
				float: left; margin: 0px; padding: 18px 0 0 0; font-size:16px; color: #23408f; line-height: normal; font-weight:bold;
				letter-spacing:0;
				}
		
		img.titleEnd {
			float:left; clear:none;	margin: 0px; padding:0; width: 22px;
		}

/* ------------------------------------------------------------
		CONTENT
------------------------------------------------------------ */

		#content {
			float:left; clear:none; margin: 13px 0 0 0; padding:0; background-color:#FFFFFF;
			width: 540px;
		}
		
		div.break {
			clear:both;
		}
		
		#content p {
		margin: 20px 0 0 10px; padding:0;
		font-size: 12px; color:#23408f; line-height: 16px;
		}
		
		#content img.contentImg {
				float: right; margin: 10px; padding:0; width: 250px;
		}	
	
		#content img.contentImg-large {
				float: right; margin: 20px 10px 10px 10px; padding:0; width: 520px;
		}	
			
		#content a {
			margin: 0; padding:0; text-decoration:none; border-bottom: 1px dotted #ec1c24; color:#23408f;
		}
		
		#content a:hover {
			margin: 0; padding:0; text-decoration:none; border-bottom: 1px dotted #23408f; color:#ec1c24;
		}
		
		#content ul {
				margin: 10px 0 0 10px; padding:0; list-style:none; font-weight: normal;
				}
		
		#content li {
				margin:10px 0 0 0; padding: 0px 0 0 15px; background: url(../images/arrow.png) no-repeat 0px 4px;
				color: #23408F;
		}
		
		#content ol {
				margin: 10px 0 0 30px; padding:0; font-weight: normal;
				}
		
		#content ol li {
				margin:0; padding: 10px 0 0 0px; background: none;
				color: #23408F;
		}
		
		#content div.content-news {
				float:left; clear:none; margin: 0; padding: 0 0 20px 0;
		}
		
		#content div.content-news p {
				float: left; clear:both; margin: 0 0 0 10px; padding:10px 0 10px 0; font-weight: normal;
				color: #464646; line-height: 14px; width: 530px;
				}
				
		#content div.content-news strong {
				text-transform: uppercase;
				}
				
		#content div.content-news p.readmore {
				float: left; clear:both; width: 70px; margin: 0 0 0 180px; padding:0px 0 10px 0; font-weight: normal;
				color: #464646; line-height: 14px;
				}
		
/* ------------------------------------------------------------
		FORMS LAYOUT
------------------------------------------------------------ */


		#main {
				float: left; margin: 20px 0 0 10px; padding:0;
				border:none; font-size:12px;
				}
				
		#main h3 {
				float:left; clear:both; margin: 28px 0 10px 0px; padding:0;
				font-size: 12px; color:#dbc800; font-weight: bold;
		}
	
		#main p {
				padding: 0; margin: 0 0 0 60px; 
				color:#FFFFFF;
			}

		#main span.mandatory {
				font-size: 116.667%; color: #dbc800;
		}

		#main span.error {
				font-size: 11px; color: #FF0000; margin: 0 0 0 215px;
		}
		
		#main .button { 
				display: block; float:left; background-image:url(../images/submit.jpg) no-repeat;
				padding: 0; margin: 0 0 0 130px;		
				border: none; height: 33px; width: 82px;
		}
	
		#main .pass { 
				color: #2699CC;
				float: left; text-align: left; clear: both; margin: 0 0 0 210px;
			}
				
		#main label { 
				color: #757575; font-weight: bold; cursor: pointer; padding:6px 0 0 0;
				width: 120px; float: left; text-align: left; margin: 0px; 
			}
			
		#main label.password { 
				color: #23408F; font-weight: bold; cursor: pointer; padding:0;
				width: 215px; float: left; text-align: left; clear: both; margin: 0px; 
			}
	
		/* IE */
		.ie #main input {
				float: left; width: 320px; height: 34px; font-size: 12px;
				padding: 10px 2px 2px 45px; margin: 0 0 5px 0px;
				color:#23408F; background:#FFF url(../images/form-input-bg.jpg) no-repeat scroll left top; border: none;
			}

		.ie #main input.over {
				float: left; width: 320px; height: 34px; font-size: 12px;
				padding: 10px 2px 2px 45px; margin: 0 0 5px 0px;
				color:#23408F; background:#FFF url(../images/form-input-bg-over.jpg) no-repeat scroll left top; border: none;
			}
	
		/* firefox */
		#main input {
				float: left; width: 320px; height: 34px; font-size: 12px;
				padding: 0px 2px 2px 45px; margin: 0 0 15px 0px; 
				color:#23408F; background:#FFF url(../images/form-input-bg.jpg) no-repeat scroll left top; border: none;
			}

		#main input.over {
				float: left; width: 320px; height: 34px; font-size: 12px;
				padding: 0px 2px 2px 45px; margin: 0 0 15px 0px; 
				color:#23408F; background:#FFF url(../images/form-input-bg-over.jpg) no-repeat scroll left top; border: none;
			}	
			
		#main .checkbox {
				background: none;
				border:medium none;
				color:#23408F;
				float:left;
				font-size:12px;
				height:16px;
				margin:6px 0 0 35px;
				padding:0;
				width:16px;
			}
			

		#main select {
				float: left; width: 170px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#5b5b5b; background-color: #e5e7ec; border: 1px solid #f5db95;
		}	

		#main select.over {
				float: left; width: 300px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#ffffff; background-color: #FFF; border: none;
			}

		#main textarea {
				float: left; width: 195px; height: 95px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 0px; 
				color:#dbc800; background-color: #1a1a1a; border: none;
			}
		
	
		#main textarea.over {
				float: left; width: 195px; height: 95px;
				padding: 2px 2px 2px 5px; margin: 0 0 5px 15px; 
				color:#dbc800; background-color: #1a1a1a; border: none;
			}


		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 3px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 11px; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#8cc63f;
		}
		
		#main .verify { 
				margin: 0 0 5px 0px;  width: 80px; height: 24px; border: none; background-color: transparent; padding: 0 0 0 5px;
					
		}

/* ------------------------------------------------------------
		FOOTER & COPYRIGHT
------------------------------------------------------------ */


		#footer {
				margin: 20px 0 0 0; padding: 10px 0 10px 0; clear:both; width: 830px;
				background-color:#e3f1fd; text-align:center;
				color: #838484;	font-size: 11px; letter-spacing: .1pt; line-height: 18px; font-weight: normal;
				}

		#footer a {
				font-weight:bold; font-size: 11px; color: #b2b2b2; text-decoration: none;
				}
					
		#footer a:hover {
				font-weight:bold; color:#838484; text-decoration: none;
				}


