﻿body {margin:0px;font-family:Arial;font-size:12px;color:#303030;text-align:center;background-color:#f3f3f3;}
body {text-align: -moz-center;}
img {border:0px;}
*{outline:none}

.bcktop {position:absolute;top:0px;left:0px;width:100%;height:93px;background-color:#e8e8e8;}

.contain {position:relative;width:1000px;height:auto;float:left}

.head {position:relative;width:1000px;height:141px;padding-top:16px;float:left}
.headtop {position:relative;width:1000px;height:141px;background:url('../webmedia/images/body_top.jpg') top left no-repeat;float:left}
.headbottom {position:relative;width:1000px;height:68px;background:url('../webmedia/images/body_middle.jpg') top left repeat-y;float:left}
.griggslogo {position:absolute;top:30px;left:30px;width:247px;height:90px;background:url('../webmedia/images/griggs_logo.jpg') top left no-repeat;}
.griggslogo a{width:250px;height:10px;padding-top:80px;display:block;color:#870038;text-decoration:none;text-align:justify;font-size:14px;font-weight:bold;}
.flagvn{position:absolute;width:22px;height:17px;top:120px;right:60px;z-index:999;}
.flagen{position:absolute;width:22px;height:17px;top:120px;right:30px;z-index:999;}

.navicon {position:relative;text-align:left;}
.navicon ul {list-style:none;padding:0px;margin:0px;}
.navicon li {padding:0px;margin:0px;float:left;color:#58142C;}
.navicon a {text-decoration:none;color:#303030;padding-right:10px;}
.navicon a:hover {color:#720e3b;font-weight:bold;}
.navicon img {padding-right:10px;vertical-align:middle;}

.leftmenucon {position:relative;width:254px;height:144px;background:url('../webmedia/images/leftmenu_middle.png') top left repeat-y;text-align:left;float:left;overflow:hidden;}
.leftmenucon ul {padding:0px;margin:0px;padding-left:10px;}
.leftmenucon li {padding:0px;margin:0px;line-height:22px;list-style:none;}
.leftmenucon a {text-decoration:none;color:#fac9de;display:block;width:244px;}
.leftmenucon a:hover {color:#ffffff;}
a.lmenua {text-decoration:none;color:#fac9de;display:block;width:244px;}
a.lmenua:hover {color:#ffffff;font-weight:bold;}
a.lmenuaactive{text-decoration:none;color:#ffffff;display:block;width:244px;font-weight:bold}

.headmenu {position:absolute;top:70px;left:329px;width:654px;height:39px;text-align:left;z-index:999;}
.headmenuleft {position:relative;width:14px;height:36px;background:url('../webmedia/images/topmenu_left.jpg') top left no-repeat;float:left;}
.headmenucenter {position:relative;width:626px;height:36px;background:url('../webmedia/images/topmenu_center.jpg') top left repeat-x;float:left;}
.headmenuright {position:relative;width:14px;height:36px;background:url('../webmedia/images/topmenu_right.jpg') top left no-repeat;float:left;}
.body {position:relative;width:1000px;height:auto;background:url('../webmedia/images/body_middle.jpg') top left repeat-y;float:left;z-index:0;}
.topbanner {position:relative;width:1000px;height:275px}

.homecon {position:relative;width:988px;padding:20px 6px;text-align:left;}
.newsgroup {position:relative;width:382px;padding:0px 10px 0px 20px;float:left;background:url('../webmedia/images/home-modulebg.jpg') top left repeat-x;}
.grouptitle {position:relative;height:27px;padding-top:20px;font-size:18px;border-bottom:1px #ecebeb solid;}
.grouptitle a{color:#666;text-decoration:none;}
.grouptitle a:hover{color:#666;text-decoration:underline;}
.newsgroup ul, .newslist {list-style:disc;padding-left:20px;margin:0px;line-height:20px;color:#720e3b;padding-top:10px;}
.newsgroup ul a, .newslist a {color:#720e3b;font-weight:bold;text-decoration:none;display:block}
.newsgroup ul a:hover, .newslist a:hover {color:#f90;font-weight:bold}
.newsgroupnext {position:relative;width:80px;padding-left:230px;padding-top:10px;}
.newsgroupnext a {color:#720e3b;font-weight:bold;text-decoration:none;}
.newsgroupnext a:hover{color:#f67300}
.rss-btn{position:absolute;top:25px;right:20px;width:43px;height:15px;}

.gallerygroup {position:relative;width:320px;padding-left:20px;float:left;background:url('../webmedia/images/home-modulebg.jpg') top left repeat-x;}
.gallerycon {position:relative;width:320px;height:73px;padding-top:12px;overflow:hidden;background:url('../webmedia/images/gallery-bg.jpg') 10px 0 no-repeat;}
.gallerycon ul {padding:0px;margin:0px;list-style:none;}
.gallerypiccon {position:relative;width:108px;height:63px;padding:0px 3px 0px 3px;float:left;}
.gallerypicborder {position:relative;width:108px;height:63px;background:url('../webmedia/images/picborder.png') top left no-repeat;}
.gallerypicborder a {position:absolute;top:5px;left:5px;}

.contactgroup {position:relative;width:216px;padding-left:20px;float:left;background:url('../webmedia/images/home-modulebg.jpg') top left repeat-x;}
.contactgroupcon {position:relative;width:195px;height:auto;padding-top:10px;border-bottom:1px #ecebeb solid;}
.contactgrouprow {position:relative;width:195px;height:20px;padding-bottom:5px;color:#303030;font-size:12px;}
.contactgrouprow a, .contactlink {text-decoration:none;color:#303030;}
.contactgrouprow a:hover, .contactlink:hover {color:#720e3b;font-weight:bold;}

.mediagroup{position:relative;width:195px;height:50px;padding-top:5px;}
.mediabtn{position:relative;float:left;width:32px;height:32px;}
.home-vline{position:absolute;width:5px;height:316px;background:url('../webmedia/images/home-vline.jpg') top left no-repeat;}
/*About Page*/
.abouttop {position:relative;width:988px;height:225px;padding:0px 6px;}
.aboutcontop {position:relative;width:988px;height:18px;}
.abouttopbck {position:relative;width:968px;height:199px;padding-left:20px;background:url('../webmedia/images/about_panel_bck.png') top left repeat-x;}
.aboutleftmenu {position:relative;float:left;width:254px;height:184px;padding-top:6px}
.aboutleftmenutop {position:relative;width:254px;height:40px;background:url('../webmedia/images/leftmenu_top.png') top left no-repeat;}
.aboutbanner {position:absolute;top:-23px;left:0px;width:693px;height:210px;background:url('../webmedia/banner/banner_about.jpg') top left no-repeat;}

.aboutbottom {position:relative;width:988px;height:auto;padding:0px 6px;text-align:left;}
.aboutbottomleft {position:relative;width:658px;height:auto;float:left;padding-left:35px;padding-right:20px;}
.abouttitle {position:relative;padding-top:10px;padding-bottom:10px;color:#752645;font-weight:bold;font-size:14px;}
.aboutcon {position:relative;line-height:18px;text-align:justify}
.aboutright {position:relative;width:235px;padding-left:20px;height:260px;float:left;background:url('../webmedia/images/about_ver_line.png') top left no-repeat;}

/*BBA Page*/
.bbacon {position:relative;width:988px;height:auto;padding-left:6px;padding-right:6px;}
.bbacontop {position:relative;width:988px;height:20px;background:url('../webmedia/images/about_panel_bck_left.png') bottom left repeat-x;}
.bbaconleft {position:relative;width:254px;height:auto;padding-left:20px;padding-top:4px;float:left;}
.bbaconright {position:relative;width:714px;height:auto;float:left;}
.bbaconrightbck {position:relative;width:714px;height:193px;background:url('../webmedia/images/about_panel_bck_right.png') top left repeat-x;}
.bbacondetail {position:relative;width:629px;height:auto;padding-left:10px;padding-right:35px;text-align:left;padding-top:10px;}
.bbabanner {position:absolute;top:-23px;left:0px;width:694px;height:208px;background:url('../webmedia/banner/banner_BBA.jpg') top left no-repeat;}

/*News List Page*/
.newslistbck {position:relative;width:968px;height:199px;padding-left:20px;background:url('../webmedia/images/news_panel_bck.png') top left repeat-x;}
.newslistbanner {position:absolute;top:-49px;left:274px;width:694px;height:224px;}
.newslisttitle {position:relative;width:988px;height:20px;padding:10px 0px;border-bottom:2px #f9f7f7 solid;}
.newslistgroup {position:relative;width:453px;height:auto;float:left;padding-left:20px;padding-right:20px;}
.newslistimgcon {position:relative;width:124px;height:70px;padding:3px;border:1px #e9e9e9 solid;float:left;margin-right:10px;}
.newslisttopnews {position:relative;width:453px;height:80px;padding:10px 0px 10px 0px;border-bottom:dotted 1px #5c5356;}
.newslisttopnews a {text-decoration:none;color:#720e3b;font-weight:bold;display:block;}
.newslisttopnews a:hover{color:#f90;}
.newslistnext {position:relative;width:453px;height:auto;padding:10px 0px 10px 0px;}

/*News Detail Page*/
.newsdetailtitle {position:relative;width:658px;padding:0 20px 0px 35px;float:left}
.newsdetailgroup {position:relative;width:618px;height:auto;float:left;padding: 0 20px;clear:both;}
.newsdetailcon {position:relative;width:618px;height:auto;padding:10px 0px 10px 0px;clear:both;}
.newsdetailimgcon {position:relative;width:230px;height:auto;padding:3px;border:1px #e9e9e9 solid;float:left;margin-right:10px;}
.newsdetailnext {position:relative;width:598px;height:auto;padding:10px 30px 10px 30px;border-top:2px #f9f7f7 solid;clear:both;}

.bodybottom {position:relative;width:1000px;height:20px;background:url('../webmedia/images/body_bottom.jpg') top left no-repeat;float:left}

.footer {position:relative;width:1000px;height:65px;float:left}
.footermenu {position:absolute;top:20px;left:440px;}
.footermenu a{color:#303030;text-decoration:none;padding:0px 10px;}
.footermenu a:hover{color:#f90}
.footerslogan {position:absolute;top:22px;left:40px;text-align:left;color:#303030;}
.footerlogo {position:absolute;top:5px;left:890px;width:44px;height:38px;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='webmedia/images/GABBA_logo2.png');}
.footerlogo[class] {background:url('../webmedia/images/GABBA_logo2.png') top left no-repeat;}
.footercombo{position:absolute;top:17px;right:40px;}

/*Gallery Page*/
.gallerytopbck {position:relative;width:968px;height:199px;padding-left:20px;background:url('../webmedia/images/gallery_panel_bck.png') top left repeat-x;}
.gallerybanner {position:absolute;top:-59px;left:274px;width:693px;height:212px;}
.gallerybody {position:relative;width:988px;height:175px;padding:0px 6px;}
.gallerybodycon {position:absolute;top:20px;left:30px;width:938px;height:157px;border-left:1px #eae7e7 solid;border-right:1px #eae7e7 solid;border-bottom:1px #eae7e7 solid;border-top:1px #eae7e7 solid;}
/*background:url('../webmedia/images/gallery_center.png') top left repeat-x;*/
#slider2 {position:absolute;top:10px;left:26px;width:910px;height:125px;overflow:hidden;padding:0px;margin:0px;}
#slider2 ul, #slider2 li {margin:0;padding:0;list-style:none;}
#slider2 li {width:366px;height:125px;overflow:hidden;}
#prevBtn2, #nextBtn2 {margin:0px;padding:0px;display:block;overflow:hidden;text-indent:-8000px;}
#prevBtn2, #nextBtn2 {display:block;width:27px;height:27px;position:absolute;left:0px;top:27px;}
#nextBtn2 {left:365px;}														
#prevBtn2 a, #nextBtn2 a {display:block;width:28px;height:26px;background:url('../webmedia/images/btn_prev.png') no-repeat 0 0;}	
#nextBtn2 a {background:url('../webmedia/images/btn_next.png') no-repeat 0 0;}

#slider {position:absolute;top:5px;left:15px;width:910px;height:125px;overflow:hidden;padding:0px;margin:0px;}
#slider ul, #slider li {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;list-style:none;}
#slider li {width:910px;height:125px;overflow:hidden;}
#prevBtn, #nextBtn {margin:0px;padding:0px;display:block;overflow:hidden;text-indent:-8000px;}
#prevBtn, #nextBtn {display:block;width:27px;height:27px;position:absolute;left:-15px;top:40px;}	
#nextBtn {left:926px;}														
#prevBtn a, #nextBtn a {display:block;width:28px;height:26px;background:url('../webmedia/images/btn_prev.png') no-repeat 0 0;}	
#nextBtn a {background:url('../webmedia/images/btn_next.png') no-repeat 0 0;}
.galleryitem {position:relative;width:142px;height:125px;padding:0px 4px;float:left;}
.galleryimg {position:relative;width:120px;height:85px;border:1px #e3e3e3 solid;padding:5px 18px 0px 0px;}
.galleryclip {position:relative;width:120px;height:85px;border:1px #e3e3e3 solid;padding:6px;}
.gallerytitle {position:relative;width:140px;height:35px;padding-top:5px;}
.gallerytitle a {color:#720e3b;text-decoration:none;font-weight:bold;}


/*Lava menu*/
.lavaLampWithImage {
	position: relative;
    height: 35px;
    width: 687px;
    padding: 14px 35px 14px 35px;
    margin: 0px 0;
    overflow: hidden;
}
.lavaLampWithImage li 
{
	padding-left:20px;
    float: left;
    list-style: none;
}
.lavaLampWithImage li.back {
    background: url("../webmedia/images/lava.png") no-repeat right 0px;
    width: 6px;
    height: 35px;
    z-index: 8;
    position: absolute;
    top:3px;
}
.lavaLampWithImage li.back .left {
    background: url("../webmedia/images/lava.png") no-repeat top left;
    height: 35px;
    margin-right: 4px; /* 3px is the width of the rounded shape */
    
}
.lavaLampWithImage li a {
    font: bold 12px arial;
    text-decoration: none;
    color: #303030;
    outline: none;
    text-align: center;
    top: -2px;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 25px;
    position: relative;
    overflow: hidden;
	cursor:pointer;
	padding: 5px 15px 5px 15px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
}
/*contact*/
.contact-wrapper{position:relative;width:988px;font-size:12px;float:left;}
.contact-form{position:relative;width:988px;background:#f6f6f6;margin-left:6px;padding: 5px 0;float:left;z-index:999;}
.contact-col{position:relative;width:493px;height:333px;text-align:left;float:left}
.contact-row{position:relative;float:left;width:410px;padding-left:83px}
.contact-row2{position:relative;float:left;width:400px;padding-left:83px;height:42px;padding-right:10px}
.contact-rowcol{position:relative;float:left;width:205px;height:55px;background:url('../webmedia/images/input.jpg') 2px 25px no-repeat}
.contact-rowcol2{position:relative;float:left;width:410px;height:120px;background:url('../webmedia/images/txta.jpg') 3px 20px no-repeat}
.contact-lbl{position:absolute;top:8px;left:10px;}
.contact-textbox{position:absolute;top:29px;left:8px;z-index:999;}
.contact-consult{float:left;width:410px;height:26px;padding-left:83px;padding-top:15px;}
.contact-img{position:relative;float:left;width:493px;height:205px;background:url('../webmedia/images/Contact.jpg') 30px 10px no-repeat}
.contact-reg{position:absolute;left:40px;bottom:6px;color:#fff;font-size:16px;}
.contact-btn{width:90px;height:25px;background:url('../webmedia/images/btn.jpg') 0 0 no-repeat;padding-top:6px;padding-left:5px;float:right}
.contact-btn:hover{background:url('../webmedia/images/btn-hover.jpg') 0 0 no-repeat;}
.input{width:170px;border-width:0px;background:transparent}
.submit{border-width:0px;background:transparent;color:#fff;width:80px;text-align:left;cursor:pointer;padding-left:5px}
.txta{border-width:0px;background:transparent;padding-top:3px;}
.contact-info{position:relative;width:987px;height:149px;text-align:left;border-top:2px solid #f9f9f9;margin-top:3px;margin-left:6px}
.contact-info-left{position:relative;float:left;width:251px;height:139px;padding-top:10px;padding-left:90px;line-height:20px}
.contact-info-mid{position:relative;float:left;width:222px;height:139px;padding-top:10px;padding-left:40px;line-height:20px}
.contact-info-right{position:relative;float:left;width:342px;height:139px;padding-top:10px;padding-left:40px;line-height:20px}
.contact-vline{position:relative;float:left;width:1px;height:149px;background:url('../webmedia/images/vline.jpg') 0 0 no-repeat;}
.contact-form a{color:#000;text-decoration:none;}
.contact-form a:hover{color:#720e3b;font-weight:bold}

a.paging {color:#333333;text-decoration:none;padding:2px 3px 2px 3px;}
a.paging:visited {color:#333333;text-decoration:none;padding:2px 3px 2px 3px;}
a.paging:hover {color:#58142C;text-decoration:none;padding:2px 3px 2px 3px;}
span.currentpage {color:#58142C;font-weight:bold;padding:2px 3px 2px 3px;}
span.dotpage {font-weight:normal;padding:2px 3px 2px 3px;}

/*regonline*/
.regonline{position:relative;width:100%;}
.reglogo{position:relative;float:left;width:100%;height:152px;background:url('../webmedia/images/reglogo.png') bottom center no-repeat;}
.regheadtitle{position:relative;float:left;width:100%;text-align:center;font-weight:bold;color:#870038;padding-top:20px;}
.regform{position:relative;width:600px;float:left;color:#870038;text-align:left;padding:18px 200px;font-weight:bold;background:url('../webmedia/images/reg-bg.jpg') 350px 100px no-repeat;}
.reggrouptitle{position:relative;width:100%;padding-top:15px;}
.regfullrow{position:relative;width:100%;padding-top:5px;}
.reglbl{position:relative;float:left;}
.regtxt{background:url('../webmedia/images/dot.jpg') 0 15px repeat-x;border:0px solid #fff;}
.regglobal{position:relative;float:left;width:100%;height:68px;background:url('../webmedia/images/global.png') 547px 0px no-repeat;}
.regbtnholder{position:absolute;top:20px;left:200px;}
.regbtn{background:url('../webmedia/images/reg-btn.jpg') top center no-repeat;width:92px;height:26px;border:0px solid #fff;color:#fff;text-align:left;font-size:14px;font-weight:bold;cursor:pointer;padding-left:15px;}
.regbtn:hover{background:url('../webmedia/images/reg-btnhover.jpg') top center no-repeat;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
width:300px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#870038;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#870038;
font-weight:700;
display:block;
cursor:pointer;
}

/*----------------------------------------------------TAI----------------------------------------------------------*/
.tabContainerGrand
{
	height:300px;
	width:300px;
}
.tabContainerParent
{
	width:100%;
	text-align:left;
}
.tabControl
{
	text-align:center;
	cursor:pointer;
	background: url("../webmedia/images/TabControl.png") no-repeat top left;
	color:#6f2e51;
}
.tabContent
{
	width:297px;
	height:269px;
	border:solid 2px WhiteSmoke;
	background:white;
}
.focus
{
	color:White;
	background: url("../webmedia/images/TabControlFocus.png") no-repeat top left;
}
.viewMore
{
	margin-top:16px;
	margin-right:10px;
	padding-right:20px;
	text-align:right;	
	background: url("../webmedia/images/ViewMoreButton.png") no-repeat right;
}
.viewMore a,.viewBack a
{
	text-decoration:none;
	color:#777;
}
.viewMore a:hover,.viewBack a:hover
{
	color:#6f2e51;
	font-weight:bold;
}
.viewBack
{
	float:right;
	width:52px;
	margin-right:70px;
	text-align:right;	
	background: url("../webmedia/images/ViewBackButton.png") no-repeat 0px 4px;
}
.AlbumItem
{
	background:WhiteSmoke;
	text-align:center;	
	height:125px;
	color:#6f2e51;
	opacity:0.7;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;	
}
.AlbumItem:hover
{
	color:White;
	background:#6f2e51;
	opacity:1;
}
.AlbumThumb
{
	height:25px;
}
.BBATitle
{
	position:relative;
	color:#720e3b;
	font-size:12px;
	font-weight:bold;
}
.galleryclipitem
{
	position:relative;
	width:142px;
	height:145px;
	float:left;
}
.sliderclip
{
	position:absolute;
	top:5px;
	left:15px;
	width:910px;
	height:145px;
	overflow:hidden;
	padding:0px;
	margin:0px;
}
.navigatePage
{
	color:White;
	font-size:12px;
	font-weight:bold;		
}
.pre
{
	background: url("../webmedia/images/ViewBackButton.png") no-repeat left;
}
.next
{
	background: url("../webmedia/images/ViewMoreButton.png") no-repeat right;	
}
.RSS
{
	text-decoration:none;
}
.SearchHome
{
	margin-top:20px;
	margin-right:50px;
	float:right;
}
.SearchTitle
{
	color:#6f2e51;
	font-weight:bold;	
	padding-right:20px;
}
.SearchBox
{
	border:0px;
	color:#000;
	text-transform:lowercase;
	background:transparent;
}
.SearchArea
{	
	border:solid 1px #DDD;
	padding-top:3px;
	padding-right:3px;
	background:transparent url("../webmedia/images/SearchBoxBack.png") repeat-x;
}
.SearchButton
{
	width:20px;
	height:14px;	
}
.sliding-element-end
{
	position:absolute;
	top:438px;
	left:85px; 
}
viewall
{
	text-decoration:none;color:#fac9de;display:block;width:244px;
}
viewall:hover 
{
font-weight:bold;
color:#ffffff;
}
.HiddenThing
{	
	position:absolute;
	width:300px;
	height:220px;
	z-index:100;
	background:transparent;
}
.HiddenGallery
{
	position:absolute;
	width:670px;
	height:426px;
	z-index:100;
	background:transparent;
}
.backbtn{background:url('../webmedia/images/back-btn.jpg') top center no-repeat;width:92px;height:26px;border:0px solid #fff;color:#fff;text-align:left;font-size:14px;font-weight:bold;cursor:pointer;padding-left:15px;}
.backbtn:hover{background:url('../webmedia/images/back-btnhover.jpg') top center no-repeat;}
