body {font-family: Arial, Helvetica, sans-serif; font-size: 68.75%; color: #FFFFFF; margin:0px; padding:0px; background-color:#BCB4B8; background-image:url(../images/backg.jpg); background-repeat:repeat; }

/*------------ LINK STYLING & DEFAULT STYLES -------------------------------------------*/

a{text-decoration:none; color:#FFFFFF; padding:4px;}
a:hover{text-decoration:underline; color:#FFFFFF;}
a:active{text-decoration:none; color:#FFFFFF;}
a:visited{text-decoration:none; color:#FFFFFF;}
a:link {color:#FFFFFF;}

h1 { display: none; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; border-bottom:1px dashed #000000;  padding-bottom:10px; width:10em;}
p {	font-size: 1.2em;  }
a { color: #999999; text-decoration: none; }


/*------------ CONTAINER -------------------------------------------*/



#container {  margin:10px auto; padding:0px; width:770px;  min-height:450px; border:1px solid #CCCCCC; background-color:#A99EA4; }
* html #container { height:450px;}

/*------------ COLOURED STRIPES -------------------------------------------*/

.innerpanel {background-color:#E31B5A; height:5px; width:770px; float:left; padding:0px;  display:inline; margin-bottom:10px;}
* html .innerpanel {font-size:0em; margin-bottom:0px;}

.paneljoy {background-color:#E31B5A; height:5px; width:770px; float:left; padding:0px;  display:inline;}
* html .paneljoy {font-size:0em;}

.panelenjoy {background-color:#957FAD; height:5px; width:770px; float:left; padding:0px;  display:inline;}
* html .panelenjoy {font-size:0em;}

.panelsira {background-color:#D84610; height:5px; width:770px; float:left; padding:0px;  display:inline;}
* html .panelsira {font-size:0em;}

.panelthou {background-color:#F0B627; height:5px; width:770px; float:left; padding:0px;  display:inline;}
* html .panelthou {font-size:0em;}

.panelsublime {background-color:#F3EC73; height:5px; width:770px; float:left; padding:0px;  display:inline;}
* html .panelsublime {font-size:0em;}


/*------------ HEADER -------------------------------------------*/

#header {position:relative; float:left; clear:both; width:770px; min-height:130px; margin: 0px; padding-bottom: 10px; background-color: #8F8087; }
* html #header {height:130px;}

#header img {float:right; }
#header ul { padding:0px; margin:0px; padding-top:120px; color:#FFFFFF; }
#header li {float:left; padding-right:5px; padding-left:5px; list-style:none; margin:0px;}

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

#content { background-color: #A99EA4; min-height: 460px; height:auto; padding-bottom: 10px; }
* html #content {height:360px;}

#text {padding-left: 20px;	padding-top: 15px; margin-right:10px; }

/*------------ SUBMENU LINK STYLING -------------------------------------------*/

.subMenujoy { padding-left: 20px; margin: 0px; font-size: 1em; list-style: none; font-weight: bold; clear:both;}
.subMenujoy li { float:left; padding-right: 12px; padding-top: 5px;}
.subMenujoy A:visited  {color: #E31B5A; text-decoration: none;}
.subMenujoy A:link  {color: #E31B5A; text-decoration: none;}
.subMenujoy A:active  {color: #E31B5A; text-decoration: none;}
.subMenujoy A:hover   {color: #FFFFFF; background-color: #968991; }

.subMenuenjoy { padding-left: 20px; margin: 0px; font-size: 1em; list-style: none; font-weight: bold; clear:both;}
.subMenuenjoy li { float:left; padding-right: 12px; padding-top: 5px;}
.subMenuenjoy A:visited  {color: #957FAD; text-decoration: none;}
.subMenuenjoy A:link  {color: #957FAD; text-decoration: none;}
.subMenuenjoy A:active  {color: #957FAD; text-decoration: none;}
.subMenuenjoy A:hover   {color: #FFFFFF; background-color: #968991; }

.subMenuthou { padding-left: 20px; margin: 0px; font-size: 1em; list-style: none; font-weight: bold; clear:both;}
.subMenuthou li { float:left; padding-right: 12px; padding-top: 5px;}
.subMenuthou A:visited  {color: #F0B627; text-decoration: none;}
.subMenuthou A:link  {color: #F0B627; text-decoration: none;}
.subMenuthou A:active  {color: #F0B627; text-decoration: none;}
.subMenuthou A:hover   {color: #FFFFFF; background-color: #968991; }

.subMenusira { padding-left: 20px; margin: 0px; font-size: 1em; list-style: none; font-weight: bold; clear:both;}
.subMenusira li { float:left; padding-right: 12px; padding-top: 5px;}
.subMenusira A:visited  {color: #D84610; text-decoration: none;}
.subMenusira A:link  {color: #D84610; text-decoration: none;}
.subMenusira A:active  {color: #D84610; text-decoration: none;}
.subMenusira A:hover   {color: #FFFFFF; background-color: #968991; }

.subMenusublime { padding-left: 20px; margin: 0px; font-size: 1em; list-style: none; font-weight: bold; clear:both;}
.subMenusublime li { float:left; padding-right: 12px; padding-top: 5px;}
.subMenusublime A:visited  {color: #F3EC73; text-decoration: none;}
.subMenusublime A:link  {color: #F3EC73; text-decoration: none;}
.subMenusublime A:active  {color: #F3EC73; text-decoration: none;}
.subMenusublime A:hover   {color: #FFFFFF; background-color: #968991; }

.selectLink { color:#000000; text-decoration: underline!important; font-weight:bold;}
.selectSubLink { color:#000000!important; text-decoration: underline!important; }

/*------------ LANGAUGE STYLING -------------------------------------------*/

#language {	width: 100%; margin-top: 30px; text-align: center; }
#language h3 { font-size: 1.4em; width:auto; border:0px;  padding-bottom:10px; }
#language li { margin: 0px; padding: 0px; list-style: none; padding-top: 10px; margin-left: -40px; font-size: 1.1em;	font-weight: bold;}
#language li a { color: #FFFFFF; }
#language li a:hover { color: #DA255E; }

/*------------ FOOTER CONTAINER -------------------------------------------*/

#footer {height:auto; background-color:#FFFFFF; float:left; width:980px; padding:5px 0px 5px 0px ; margin:0px; float:left;}
* html #footer {width:980px;}

.listLeft { color:#000000; margin: 0px; padding: 0px; border: 0px; list-style: none; padding-top: 2px; padding-left: 15px; padding-bottom: 5px; background-color:#FFFFFF; }
.listLeft ul { float: left; color:#000000;}
.listLeft li { display:inline; list-style:none; padding-right: 8px; color:#000000;}

.listLeft a:link{color:#000000;}
.listLeft a:active{color:#000000;}
.listLeft a:hover{color:#000000;}
.listLeft a:visited{color:#000000;}

.moveRight { padding-left:0px; }
.moveRightFR{padding-left:0px;}

.copyright { color: #999999; padding: 0px; margin: 0px; padding-bottom: 5px; padding-left: 15px; font-size: 1em; }
.feature{ float: right; margin: 25px; border: 0px; padding: 0px 0px 0px 0px; }