/* Gateway Styles 26/02/05 - Web Site Design by Cyber Media Solutions Ltd*/

/* Main Styles*/
.main01 { vertical-align: top; width: 740px; height: 100%;}


.header01 { width: 100%; height: 20%; vertical-align: top;}
.content01 { width: 100%; vertical-align: top; height: 70%; background-color: white;}
.footer01 { color: white; height: 10%; width: 100%; vertical-align: top; background-color: #C20077; text-align: center; }

/* header styles */

.h_01 {background-color: #C20077; height: 23px; padding: 0px 10px 0px 10px; text-align: right; vertical-align: middle;}
.h_02 {background-color: black; height: 23px; padding: 0px 10px 0px 0px; text-align: left; vertical-align: middle;}
.h_03 {background-color: white; }
.h_04 {border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; height: 23px; padding: 0px 10px 0px 4px; text-align: left; vertical-align: middle;}


/* homepage styles */

.home_parts {height: 100%; background-color:white;}
.home_intro { text-align: left;  border-bottom: 1px solid black; padding: 10px 10px 10px 4px; vertical-align: top;}
.home_01 {padding-left: 4px; padding-right: 4px; text-align: left; width: 185px; height: 70%; border-right: 1px solid black;  vertical-align: top;}
.home_02 {padding-left: 4px; padding-right: 4px; text-align: left; width: 185px; height: 70%; border-right: 1px solid black;  vertical-align: top;}
.home_03 {padding-left: 4px; padding-right: 4px; text-align: left; width: 185px; height: 70%; border-right: 1px solid black;  vertical-align: top;}
.home_04 {padding-left: 4px; padding-right: 4px; text-align: left; width: 185px; height: 70%; vertical-align: top;}


/* content page styles */

.cont_parts {height: 100%; background-image: url(../images/style/young.gif); background-repeat: no-repeat; border-left: 1px solid black; border-right: 1px solid black; }
.cont_01, .cleft {width: 185px; height: 100%; vertical-align: top; padding: 0px;}
.cont_02, .cmain {width: 100%; height: 100%; vertical-align: top; padding: 0px 0px 0px 0px; }
.page_title {text-align: right; padding: 0px 0px 40px 0px; }
.page_title2 {text-align: left; padding: 10px; }

/* CMS added links */
ul  { margin:0; padding: 0px 0px 0px 18px; list-style: url(../images/bullet-arrow.gif) }
li {padding: 0px 0px 6px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px;}
body {height: 100%; vertical-align: top; background-color:#ffffff; margin: 0 auto;}
h1, .pgtitle {font-family: Arial, Verdana, Helvetica, sans-serif; color: #C20077;  font-size: 18px; margin: 0px; padding: 0px 0px 10px 0px; }
h2, .pgsubtitle {margin: 0 0 10px 0; border-bottom: 1px solid #CCCCCC; font-family: Arial, Verdana, Helvetica, sans-serif; color: black;  font-size: 13px;}
p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 5px 0px ; margin: 0px;}
.leftpad4 {padding-left: 4px; }



/*Cell formatting */

.cright { vertical-align: top; text-align:left; width: 180px; height: 100%; padding: 0px 5px 0px 5px; border-left: 1px solid #5C157A;}
.leftnav {padding-left: 12px;}
.cell60l {width: 60%; text-align: left; vertical-align: top; padding-right: 10px;}
.cell40r {width: 40%; text-align: left; vertical-align: top;}
.ccontact {border: 1px solid #753379; padding: 2px 2px 2px 2px;}
.ccontact2 {background-color: #753379; font-size: x-small; font-weight: bold; border-top: solid 1px #DDDE57; text-align: center; color: white; padding: 2px 2px 2px 2px;}


/* formatting styles */


.content {width: 100%;vertical-align: top; text-align: center; padding: 0px 0px 0px 0px;}
.contback {background-image: url(../../images/content_back.gif); padding: 0px 8px 10px 8px; height: 100%;}


.t100 {height: 100%; vertical-align: top;}
.t10 {height: 10%; vertical-align: top;}

input, textarea, select { background-color: white;  border: 1px solid #9E9E9E;  font-family: Verdana,Arial,sans-serif;  color:#5B90D1; font-size:10px;}

/*top cells */

.sysleft {vertical-align: middle; text-align: right; width: 550px; }
.sysright {vertical-align: middle; text-align: left;}
.txtwhite {font-family: Verdana, Arial, Helvetica, sans-serif; color: white;  font-size: 10px;}

a:link, a:visited, a:active {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #C20077; 
 font-size: 12px; 
 font-weight: bold;
 text-decoration: none;
}

a:hover {  
 text-decoration: underlined;
 color: #C20077;
}

a.nav:link, a.nav:visited, a.nav:active {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: black; 
 font-size: 12px; 
 font-weight: bold;
 padding-left: 4px;
 padding-right: 4px;
 text-decoration: none;
}

a.nav:hover {  
 text-decoration: none;
 color: #F0822D;
}

a.nav2:link, a.nav2:visited, a.nav2:active {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: white; 
 font-size: 12px; 
 font-weight: bold;
 padding-left: 4px;
 padding-right: 4px;
 text-decoration: none;
}

a.nav2:hover {  
 text-decoration: none;
 color: #999999;
}

a.nav3:link, a.nav3:visited, a.nav3:active {  
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #C20077; 
 font-size: 12px; 
 font-weight: bold;
 text-decoration: none;
 line-height: 18px;

}

a.nav3:hover {  
 text-decoration: none;
 color: black;
}

.navback {background-color: #FAEEF6; padding: 5px 0;}