/* ------------------------------------------------------------------------ */
/* GENERAL STUFF                                                            */
/* ------------------------------------------------------------------------ */

body {
	margin: 0px 0px 20px 0px;
        background-color: white;
        text-align: center;
}


a {
        text-decoration: none;
	}


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

a:visited {
	color: #E9B500;
	}

a:active {
	color: #E9B500;
	}

a:hover {
	color: #E9B500;
        border-bottom: 1px dotted;
        text-decoration: none;
	}

	

/* Add an external-link icon to absolute links: */

a[href^="http:"] {
        /* background: url(http://www.relocasian.com/images/external.jpg) right center no-repeat; */
        /* padding-right: 12px; */
        color: #65a6c8;
}

a[href^="http:"]:hover {
/*        background: url(http://www.relocasian.com/images/external.jpg) right center no-repeat; */
        color: #65a6c8;
}
	
/* ...but not to absolute links in this domain: */

a[href^="http://www.relocasian.com/"] {
        background: transparent;
        padding-right: 0px;
        	color: #E9B500;
}

a[href^="http://www.relocasian.com/"]:hover {
        background: transparent;
        	color: #E9B500;
}

/* ...and also not to add this links: */

a[href^="http://www.addthis.com"] {
        background: transparent;
        padding-right: 0px;
        	color: #E9B500;
}

a[href^="http://www.addthis.com"]:hover {
        background: transparent;
        	color: #E9B500;
}





h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
.photo {
	margin: 20px;
	}

img { 
	border: 0; 
	}


/* ------------------------------------------------------------------------ */
/* AREA DEFINITIONS                                                         */
/* ------------------------------------------------------------------------ */


#container {
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 700px;
	background-color: #ffffff;
	border: 0px solid #FFFFFF;
	}

#banner {
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #999999;
	text-align: left;
	padding: 15px;
	border-bottom: 1px solid #FFFFFF;
	height: 120px;
	background-image: url(http://www.relocasian.com/images/wai_banner_bw.jpg);
	background-repeat: no-repeat; 
	background-position: right;
	}

#hdr {
	background: url(http://www.relocasian.com/images/background-color.jpg) repeat-x;
        #background-color: #E9B500;  
        background-color: #E1B23B;
	width: 100%;
        height: 138px;
	text-align: center;
	}

#hdrctr {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
	height: 138px;
	background-color: transparent;
	background-image: url(http://www.relocasian.com/images/waigirl.jpg);
	background-repeat: no-repeat; 
	background-position: right;
	}

#hdrspacer {
	height: 17px;
	}

#center {
	float: left;
	width: 500px;
	overflow: hidden;
	}
	
#right {
	float: left;
	width: 200px;
	background-color: white;
	overflow: hidden;
       text-align: left;
	}


/* ------------------------------------------------------------------------ */
/* BANNER STUFF                                                             */
/* ------------------------------------------------------------------------ */


#banner-img {
	display: none;
	}

#banner a {
	color: #FFFFFF;
	text-decoration: none;
	}

#banner h1 {
	font-size: xx-large;
	}

#banner h2 {
	font-size: small;
	}


/* ------------------------------------------------------------------------ */
/* MAIN CONTENT AREA                                                        */
/* ------------------------------------------------------------------------ */

/* Different text styles for main content area */

div.flickr {
  clear: both;
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  background-color: #FFF2C6;
  border-color: #FFF2C6;
  border-width: 3px;
  border-style: solid;
  color: #666666;
  font-size: x-small;
  text-indent: 0;
	background-image: url(http://www.relocasian.com/images/flickr-logo.gif);
	background-repeat: no-repeat; 
	background-position: bottom right;
}

div.cappedphoto {
  clear: both;
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  background-color: #FFF2C6;
  border-color: #FFF2C6;
  border-width: 3px;
  border-style: solid;
  color: #666666;
  font-size: x-small;
  text-indent: 0;
}

div.warning {
      background-color: #E49495;
      padding: 5px 10px 5px 10px; 
      margin-bottom: 9px; 
      border-color: #FF0000; 
      border-style: dashed; 
      border-width: 2px; 
      font-style: italic; 
}

div.newsblock {
      background-color: #65a6c8;
      border-color: #65a6c8; 
      border-style: solid; 
      border-width: 10px; 
}

.content {
	padding: 15px 15px 5px 15px;
	background-color: white;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content p.normal {
	background-color: white;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
        }

.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	border-top: 1px solid #999999;
	margin-bottom: 25px;
	line-height: normal;
	}

.content p.postedheader {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	}

.content p.expand {
        text-align:right;
        font-size: xx-small;
        text-transform: lowercase;
        }

.content p.protocol {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}




.content blockquote {
        color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin: 0px 0px 0px 16px;
        padding: 10px 17px 17px 20px;
	background-color: transparent;
	background-image: url(http://www.relocasian.com/images/quote.jpg);
	background-repeat: no-repeat; 
	background-position: left top;
	background-color: #FFF2C6;
	}


.content table {
         /* background-color: #E9B500;  */

        }

.content td {
	background-color: #FFF2C6;
        padding: 4px 6px 4px 6px;

        }

.content h6 {
	text-align: right;
	font-size: xx-small;
	font-weight: normal;
	padding: 0px;
	margin: 9px 0px 0px 0px;
	}


/*  H3 headers are used for the title of the page in the main content area */

.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
    text-transform: capitalize;
	}

.content h3.shifted {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	font-weight: bold;
    margin-top: -10px;
	margin-bottom: 10px;
    text-transform: capitalize;
	}

/*	H2 headers are used for sections within the main content area */

.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

.content h2.seperator {
	border-top: 1px dotted #999999;
	line-height: 200%;
        margin-top: 25px;
	}
	
/*	H4 headers are for paragraph headings within a section */

.content h4 {
        font-size: x-small;
        font-style: italic;
	}

/*     For all supporting pieces of text, buttonbars, listings, etc. */

.smalltype {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
        }

/*	This stuff is for the footnotes */

.footnote sup {
        font-size: 20%;
	}

.footnote hr {
	margin-left: 0;
        width: 100px;
        border-style: solid;
        border-width: thin;
        border-color: #666666;
        }

.footnote li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
    	}

/* ------------------------------------------------------------------------ */
/* SIDEBAR AREA STUFF                                                       */
/* ------------------------------------------------------------------------ */

.sidebar {
	padding: 15px;
	}

.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .3em;
	}

.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
	}

.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
	}

.sidebar img {
	border: 3px solid #FFFFFF;
	}

.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
	}