/* CSS Document */

/* padding: 5px 5px 5px 5px;		top, right, bottom, left */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

	
body { 
	background: #fff url("images/x_d_bg3.gif") repeat;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center; /*For IE*/
}

.sitewrap {
	margin: 0 auto;
	margin-top: 20px;
	background: #fff;
	padding: 20px;
	width: 700px;
	text-align:left;  /*For body text-align center*/
}

.top-header {
	width: 100%;
	height: 20px;
	font-size: 10px; 
	color: #837360;
}

.header {
	width: 100%;
	height: 100px;
	background: url("images/x_d_0_newheader2.jpg") no-repeat top left;
	padding-top : 0;
}

.header-left {
	width: 150px;
	height: 100%;
}


/* Navs */

.uppernav1-flower {
	width: 100%;
	height: 25px;
	font-size: 14px;
	font-weight: bold; 
	color: #68553e;
	padding-left: 10px;
	line-height: 2;
	word-spacing: 2px;	
}

/* old uppernav bkg : background: url("images/x_d_2_surfersnew_05.jpg") repeat top left; */

.lowernav1-flower {
	width: 100%;
	height: 25px;
	font-size: 14px; 
	font-weight: bold; 
	color: #68553e;
	padding-left: 10px;
	line-height: 2;
	word-spacing: 2px;	
}



/* links */


a:link {
	color: #bbb;
	text-decoration: none;
}

a:visited  {
	color: #bbb;
	text-decoration: none;
}

a:hover {
	color: #5f98be;
	text-decoration: underline;
}

a:active {
	color: #5f98be;
	text-decoration: none;
}


a.dark:link {
	color : #68553e;
	text-decoration : none;
}
a.dark:visited {
	color : #68553e;
	text-decoration : none;
}
a.dark:hover {
	color : #5f98be;
	text-decoration : underline;
}
a.dark:active {
	color : #5f98be;
	text-decoration : none;
}

a.underline:link {
	color : #5f98be;
	text-decoration : underline;
}
a.underline:visited {
	color : #5f98be;
	text-decoration : underline;
}
a.underline:hover {
	color : #bbb;
	text-decoration : underline;
}
a.underline:active {
	color : #bbb;
	text-decoration : underline;
}



/* Content */

.content-wrap {
	margin-top: 10px;
	border-top: 1px solid #000;
	min-height: 400px;
	padding: 30px 0 30px 0;
}

/* old uppernav bkg : background: url("images/x_d_2_surfersnew_06.jpg") repeat top left; */

/* padding: 5px 5px 5px 5px;		top, right, bottom, left */



.content-left {
	width:205px;
	background: none;
	padding-bottom: 20px;

}

.content-right {
	width:465px;
	background: none;
	padding-bottom: 20px;
}


.copyright {
	width: 100%;
	height: 20px;
	font-size: 11px; 
	color: #999;
}




/* paragraph */

br {
	padding: 10px 10px 0 10px;
	}
	
p { 
	padding: 10px 10px 0 10px;
	line-height: 125%;
}

.padding {
	padding: 5px 5px 5px 5px;
}

.no-padding {
	padding: 0 0 5px 0;
}


.zero-padding {
	padding: 0;
}

.top-padding {
	padding-top : 10px;
}

.left-padding {
	padding-left : 10px;
	padding-top : 0;
}

.line-height-small {
	line-height : 5px;
}

ol, ul {
	font-size : 11px;
	color : #666;
	line-height : 14px;
	list-style-type : none;
	padding-left : 10px;
	margin : 0;
}

li {
	background-image : url("images/list_arrow.png");
	background-repeat : no-repeat;
	background-position : 0 5px;
	padding-left : 14px;
}

.left {
	float: left;
}

.text-right {
	text-align: right;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.center {
	text-align:center;
}

.horizontal_dotted_line {
	border-bottom : 1px dotted #fff;
	width : 198px;
	margin-top : 10px;
}


/* fonts and heading */


h1 { 
	font-size: 14px; 
	color: #5f98be;
	padding-left: 10px;
	margin-bottom: 5px;
}
	
h2 { 
	font-size: 18px; 
	color: #484c56;
	padding-left: 10px;
	margin-bottom: 5px;
}

h3 { 
	font-size: 14px; 
	color: #5f98be;
	padding-left: 10px;
	margin-bottom: 0;
}
	
.font1-normal { 
	font-size: 14px; 
	color: #666;
}
	
.font2-medium { 
	font-size: 14px; 
	color: #aaa;
}
	
.font3-light { 
	font-size: 14px; 
	color: #999;
}

.font3-lightsmall { 
	font-size: 12px; 
	color: #aaa;
}

strong {
 	font-size:11px;
	color: orange;
 }
 	
.underline {
	text-decoration:underline;
}

.navborder {
	position:relative;
	position:relative;
	margin-bottom: 10px;
}