/* XX: BODY */
body {
	background: #8a0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D3716;
	font-weight: normal;
	margin: 0 auto;
	padding: 0;
	border: 0;
	min-width: 1100px;
}

/* XX: HEADER - FOOTER */

#header {
	clear: both;
	float: left;
	width: 100%;
	height: 60px;
	background-image: url(/kepek/header.jpg);
	background-repeat:repeat-x;
	margin: 0 0 10px 0;
	text-align: center;
}

#header a {
	text-decoration: none;
}

#header img {
	border: 0px;
}

#footer {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	color: #8a0000;
	height: 35px;
	background-image: url(/kepek/footer.jpg);
	background-repeat:repeat-x;
	padding-top: 25px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}

#footer a {
	text-decoration: none;
	color: #8d3716;
}

#footer a:visited {
	color: #8d3716;
}

/* XX: FLAGS */
#flags {
	margin: auto;
	text-align: center;
}

.flag {
	text-align: center;
	margin-right: 3px;
}

.flag a {
	color: #8a0000;
	text-decoration: none;
	font-weight: normal;
}

.flag a img {
	border: none;
	display: inline;
}



/* XX: 3 COLUMN LAYOUT - Matthew James Taylor */
/* holy grail 3 column settings */
#column_container {
	width: 1100px;
	margin: 0 auto;
	padding: 0;
}

	/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;		/* width of page */
	position:relative;
}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
				only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	padding-bottom: 0;
}

/* 3 Column settings */
.threecol {
}
.threecol .colmid {
	right:200px;	/* width of the right column [25%] - 200px */
}
.threecol .colleft {
	right:680px;	/* width of the middle column [50%]  - 680px */
}
.threecol .col1 {
	width:660px;	/* width of center column content (column width minus padding on either side) [46%]  - 660px */
	left:1105px;	/* 100% plus left padding of center column [102%]  - 1105px */
	display: inline;
}
.threecol .col2 {
	margin-top: 50px;
	width:200px;	/* Width of left column content (column width minus padding on either side) [21%] - 200px */
	left:230px;	/* width of (right column) plus (center column left and right padding) plus (left column left padding) [31%] - 230px */
}
.threecol .col3 {
	margin-top: 50px;
	width:200px;	/* Width of right column content (column width minus padding on either side) [21%] - 200px */
	left:920px;	/* Please make note of the brackets here:
			(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) [85%] - 920px */
}



/* XX: ROUNDED BOX STUFF */
.roundbox {
        background: #f5e29e;
	margin-bottom: 10px;
	height: 1%; /* fos IE */
}

.roundbox_top {
	width: 100%;
	height: 32px;
        background: url(/kepek/rounded_tl.png) no-repeat left top;
}

.roundbox_top span {
	display: block;
	position: relative;
	height: 32px;
        background: url(/kepek/rounded_tr.png) 100% 0 no-repeat; padding: 10px;
}

.roundbox_center {
	position: relative;
	padding: 1px 1px 1px 1px;
	margin: -1px 0 -10px 0;
}

.roundbox_bottom {
	width: 100%;
	height: 32px;
        background: url(/kepek/rounded_bl.png) no-repeat left bottom;
}
.roundbox_bottom span {
	display: block;
	position: relative;
	height: 32px;
        background: url(/kepek/rounded_br.png) 100% 100% no-repeat;
}


/* XX: helpers */
.centered {
	text-align: center;
}

.clearer {
	clear: both;
	height: 1px;
}

/* COMMON STYLES */
.inputControl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a0000;
	background-color: #f4e39e;
	border: 1px double #ffffff;
	font-weight: normal;
}

.inputControlDropDown {
	width: 135px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8a0000;
	background-color: #f4e39e;
	border: 1px double #ffffff;
	font-weight: normal;
}

.inputControlButton {
	color: #ffffff;
	background: #fc8f05;
	border: 2px outset #f4e39e;
	height: 25px;
	font-size: 13px;
	font-weight: bold;

}

.inputControlText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #8a0000;
	background-color: #f4e39e;
	border: 1px  outset #f4e39e;
	font-weight: normal;
	width: 140px;
}

.inliner {
	display: inline;
}

.header_stripe {
	display: block;
	width: 100%;
	background: #8a0000;
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
}

.tpos_left {
	text-align: left;
}

.tpos_center {
	text-align: center;
}

.tpos_right {
	text-align: right;
}

.tpos_justify {
	text-align: justify;
}

.tstyle_bold {
	font-weight: bold;
}