/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


/*===================================================================
 * Insert flexdropdownmen.css to support their dropdown menu code
 *==================================================================*/
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}


.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{
display: block;
width: 180px; /*width of menu (not including side paddings)*/
height: 22px;
color: #ffffff;
/*background: #fae7a9; */
background-image: url("images/dropdownMenuBackground.jpg"); /*background of menu items*/
border: 1px solid #ffffff;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
/*background: #F0CE7D;*/
background-image: url("images/dropdownMenuHoverBG.jpg");
color: #ff01ff;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*===================================================================
 * End of flexdropdown.css
 *==================================================================*/

body {
	margin: 0;
	padding: 0;
	background: #cccccc url(images/img01a.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #FFFFFF;
}

h1 {
	letter-spacing: -1px;
	font-size: 2.6em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 1.6em;
	line-height: 180%;
}

p {
}

blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #ffffff;
}

a.hover {
	text-decoration: none;
}

small {
}

hr {
	display: none;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: left;
	margin: 0 0 0 15px;
}

/* Header */
#header {
	width: 730px;
	height: 350px;
	margin: 0 auto;
	background: url(images/Banner.jpg) no-repeat; 
}

/* Page */

#page {
	width: 700px;
	margin: 0 auto;
	background: #666767 url(images/img03a.jpg);
}


#page a:hover {
      text-decoration: none;
	color: #ff66ff; 
}

#top_navigationbar {
      margin: 0 auto;
      width: 600px;
      height: 26px;
}
#bottom_navigationbar {
      padding-top:20px;
      margin: 0 auto;
      width: 600px;
      height: 26px;
}
/*
#navigationbar div table tr td font {
      display: none;
}
*/ 

#kudosKorner {

      background: #666767 url(images/img03a.jpg );
      margin: 0 auto;
      width: 700px;
}

#kudosHead {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

#kudoIntro {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

#kudoShow {
    position: relative;
    left: 70px;
    width: 80%;
    border: 5px dotted #666767;
}

#kudoSlides {
    position: relative;
    left: 25px;
}

#kudoLinks {
    position: absolute;
    right: 20px;
    top:   90px;
}

#kudoLinks a,p {
    color: #ffffff;
}

#w3c {
      padding-left: 50px;
      background: #666767 url(images/img03a.jpg );
      width: 100px;
      height: 50px;
}

#fblink {
      padding-top:  80px;
      padding-left: 0px;
/*      background: #666767 url(images/img03a.jpg );
*/      width: 300px;
      height: 50px;
}

/* Content */

#content {
	float: left;
	width: 400px;
}

.post {
	padding: 30px 20px 30px 40px;	
}

.post .title {
	margin: 0;
	padding-top: 10px;
	padding-left: 30px;
	background: url(images/tinyPlumeria.jpg) no-repeat left  ;
	font-size: 22px; 
}

.entry {
}

.searchtags {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 6px;
      
	color: #ff0759;
      
	color: #909A99;
      

}

.right_post {
	padding: 30px 2px 30px 10px;	
}

.right_post .right_title {
	margin: 0;
	padding-left: 30px;
	background: url(images/tinyPlumeria.jpg) no-repeat left center;
	font-size: 22px; 
}

.slide_post {
	padding: 10px 2px 10px 10px;	
}

.slide_post .slide_title {
	margin: 0;
	padding-left: 10px;
	font-size: 20px; 
}



.post .meta {
	margin: 0 0 15px 0;
	padding-top: 5px;
	background: url(images/img05.gif) repeat-x;
	line-height: normal;
}

.post h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 12px;
}
.right_post h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 12px;
}

.right_announce {
/*	padding: 10px 2px 10px 30px;	*/
}

.right_announce .right_title {
	margin: 0;
	padding-left: 30px;
	background: url(images/tinyPlumeria.jpg) no-repeat left center;
	font-size: 18px; 
      line-height: 100%;
}




/* Sidebar */

#sidebar {
	float: right;
	width: 300px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 20px;
	padding: 34px 20px 20px 20px;
}

#sidebar li ul {
	line-height: 2em;
}

#sidebar li li {
	margin: 0;
	padding: 0;
}


#sidebar a {
	border: none;
}

.showhead {
   padding-left: 20px;
}

#slidebox {
    margin: 0 auto;
    padding:6px 12px;
}

#navigator {
    margin: 0;
    padding: 0 0 0 0px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    color: #000000;
}
#navigator ul {
	margin: 0;
	padding: 0;
      list-style: none;
}
#navigator ul li {
	margin: 0;
	padding: 0;
}

#navigator h3 {
  font-size: 17px;
}
/* Footer */

#samples {
      margin: 0 auto;
      padding-left: 0px;
}

#footer {
      clear: both;
	width: 730px;
	height: 130px;
	margin: 0 auto;
        pad-top: 20px;
	font-size: 12px;
	background: url(images/footerBar.jpg) no-repeat;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
      color: #cccccc;
}

#footer a {
	color: #cccccc;
}

#footer a:hover {
      text-decoration: none;
	color: #ff66ff; 
}