@charset "utf-8";
/* CSS Document */

/* Body Container + Page Container */

#bodyContainer {
	background-image:url(../Images/bgPattern.gif);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#shadowContainer {
    background-image:url(../Images/shadowPattern.gif);
	background-repeat:repeat-y;
	width:910px;
	margin-top:5px;
	margin-bottom:5px;
	margin:auto;
	text-align:center;
	position:relative;
}


#topContainer {
	width:900px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:auto;
	position:relative;
}

.clearfix:after,#topContainer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}



/* Top Banner + Buttons */


#topBanner {
	width:900px;
	height:100px;
	background-image:url(../Images/topBanner.gif);
	margin: 0 auto;
	background-repeat: no-repeat;
}

#buttonContainer {
	width:900px;
	height:40px;
	margin: 0 auto;
}

#buttonLeft, .buttonLeft {
    width:100px;
	float:left;
	border:none;
	text-align:left;
}

#buttonEnd, .buttonEnd {
    width:100px;
	float:right;
	border:none;
	text-align:left;
}


/* Sub - Different Per Section */


#subContainer {
	width:900px;
	height:20px;
	margin: 0 auto;
}

#subGeneral {
    width:100%;
	height:20px;
	background-image:url(../Images/NavButton/bgSubHome.gif);
	background-repeat:no-repeat;
	float:left;
}

#subaboutButtonLeft, .subaboutButtonLeft {
    width:300px;
	height:20px;
	float:left;
}

#subaboutButtonEnd, .subaboutButtonEnd {
    width:300px;
	height:20px;
	float:right;
}

#sublinkButtonLeft, .sublinkButtonLeft {
    width:180px;
	height:20px;
	float:left;
}

#sublinkButtonEnd, .sublinkButtonEnd {
    width:180px;
	height:20px;
	float:right;
}





/* Main Banner Section */

#bannermainContainer {
	width:900px;
	height:auto;
	margin: 0 auto;
}

#bannermainHome {
    width:100%;
	height:250px;
	background-image:url(../Images/Banner/home.jpg);
	background-repeat:no-repeat;
}

#bannermainGolf {
    width:100%;
	height:250px;
	background-image:url(../Images/Banner/golf.jpg);
	background-repeat:no-repeat;
}

#bannermainAbout {
    width:100%;
	height:250px;
	background-image:url(../Images/Banner/about.jpg);
	background-repeat:no-repeat;
}

#bannermainTournament {
    width:100%;
	height:250px;
	background-image:url(../Images/Banner/tournament.jpg);
	background-repeat:no-repeat;
}

#bannermainHall {
    width:100%;
	height:250px;
	background-image:url(../Images/Banner/hall.jpg);
	background-repeat:no-repeat;
}







/* Sub Bar Part Two - Static in every page */

#subBar2 {
	width:900px;
	height:40px;
	background-image:url(../Images/NavButton/subBar2.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
}




/* Content Section - Generally it's the same, possibility different every section - Separate CSS sheets for every section */

#contentContainer {
	width:900px;
	height:auto !important;
	height:100%;
	min-height:100%;
	background-color:#FFFFFF;
	margin: 0 auto;
}

.clearfix:after,#contentContainer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

.clearfix,div#contentContainer {
/*display: inline-block;*/
}




/* Footer Section */

#footerContainer {
	width:900px;
	height:69px;
	background-image:url(../Images/footer.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
}





/* Text Styling Sheets */

#titleSection, .titleSection {
    font:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	color:#800000;
	text-align:left;
}

#textGeneral, .textGeneral {
    font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	color:#000000;
}


/***************************************************
 				  ToolTip Style
 ***************************************************/
.Tooltip
{	
	border:solid 1px #ffc30e; 
	padding:1px;
	position:absolute; 
	z-index:100;
	visibility:hidden; 
	color:#9c7600; 
	top:20px;
	left:90px; 
	background-color:#fffbb8;
	layer-background-color:#fffbb8;
}

.Tfont
{
	font-family: Arial; 
	font-size:11px; 
}

/*********** Vikings Golf STYLE **************/
.textNavigasi {
	font-family: arial;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 7px;
	vertical-align: bottom;
	padding-bottom: 3px;
}
.navigasi {
	height: 23px;
	padding-bottom: 3px;
	padding-left: 7px;
	background-position: bottom;
	vertical-align: bottom;
}

.textSubnavigasi {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #5a5c5b;
	text-decoration: none;
	line-height: 30px;
}

.textSubnavigasi2 {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #5a5c5b;
	text-decoration: none;	
}
.textFooter {
	font-family: tahoma;
	font-size: 10px;
}
.textLink {
	font-family: arial;
	font-size: 10px;
	color: #A50B0B;
}
.textLink2 {
	font-family: arial;
	font-size: 10px;
	color: #A50B0B;
}
.textLink3 {
	font-family: arial;
	font-size: 10px;
	color: #000000;
}
.textLink4 {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.textLinkMenu {
	font-family: arial;
	font-size: 11px;
	color: #A50B0B;
}
.textContentWhite {
	font-family: arial;
	font-size: 10px;
	color: #FFFFFF;
}
.textForm {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #5B5C5E;
	text-decoration: none;
}
.textform2 {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.textFormLogout {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: #970B0C;
	text-decoration: none;
}




.borderMain {
	background-color: #FFFFFF;
}
.titleContent {
	font-family: arial;
	font-size: 10px;
	text-transform: uppercase;
	color: #970B0C;
	text-decoration: none;
	padding-left: 7px;
	vertical-align: bottom;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	height: 34px;
}
.titleContent2 {
	font-family: arial;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 7px;
	vertical-align: bottom;
	padding-bottom: 3px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	height: 34px;
}

.titleSubcontent {
	font-family: arial;
	font-size: 10px;
	text-transform: capitalize;
	color: #970B0C;
	text-decoration: none;
	font-weight: bold;
	border-bottom-style: none;
	line-height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.titleTagline {
	font-family: arial;
	font-size: 10px;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	border-bottom-style: none;
	line-height: 25px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-style: italic;
}
.titleTagline2 {
	font-family: arial;
	font-size: 10px;
	text-transform: none;
	color: #A50B0B;
	text-decoration: none;
	font-weight: bold;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-style: italic;
}


.borderThumb {
	background-color: #FFFFFF;
	border: 3px solid #CCC;
}
.borderThumb2 {
	border: 1px solid #666;
}
.borderThumb3 {
	border: 2px solid #FFF;
}

.borderTable {
	background-color: #F4F4F4;
	border: 1px dotted #A50B0B;
}
.borderArticle {
	border-top-width: 1px;
	border-right-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #666;
	border-right-color: #666;
}

.borderLimit {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #A50B0B;
}
.borderLimit2 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
}
.formTextbox {
	font-family: arial;
	font-size: 10px;
	color: #000000;
	border: 1px solid #A50B0B;
	background-color: #F4F4F4;
}
.formButton {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A50B0B;
	border: 1px solid #FFFFFF;
}
.tableHeader {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A50B0B;
	text-align: center;
}
.tableHeaderArticle {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A50B0B;
	text-align: left;
}

.tableCell {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #E4E4E4;
}

.tableCell2 {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
}
.tableCell3 {
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #D4D4D4;
}
.tableComment {
	background-color: #F3F3F3;
	border: 1px dotted #A50B0B;
}
.textError {
	font-family: arial;
	font-size: 10px;
	font-style: italic;
	color: #A50B0B;
	text-decoration: none;
}


.textLogin {
	font-family: arial;
	font-size: 10.5px;
	color: #000000;
	font-weight: bold;
}
li {
	list-style-image: url(../images/bullet.gif);
	vertical-align: middle;
	list-style-position: inside;
}


/**************************/

#layout_all{
	width:900px;
	height:900px;
	margin: 0 auto;
}

.layout_top{
	width:900px;
	height:auto;
	margin: 0 auto;
}
#topBanner_01 {
	width:100%;
	height:100px;
	background-image:url(../Images/topBanner.gif);
	background-repeat: no-repeat;
}

.layout_middle{
	width:900px;
	height:455px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

.left_colum_news {
	width:280px;
	height:440px;
	float: left;
	border-right: 1px #c8c8c8 dashed;
	padding: 5px 5px 5px 15px;
	
	}
.right_colum_001 {
	width:565px;
	height:440px;
	float: right;
	padding: 5px 15px 5px 5px;
	
	}





.layout_footer_0110{
	width:900px;
	height:60px;
	background-image: url(../Images/footer.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}

.ctn_footer {
	width:900px;
	height:90px;
	background-image:url(../Images/footer.gif);
	background-repeat:no-repeat;
}
