/* CSS Document */

/**********structure**********/
/**********structure**********/
body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:80%;
  font-weight:normal;
  margin:0 0 0 0;
  background-color:#cccccc;
}
#theWrapper {
	width: 760px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	border: 0px solid black;
}
#theHeader {
    clear:both;
    margin:2px 0 0 2px;
    padding:0 0 0 0;
	border: 0px solid white;
}
#theContentWrapper{
    margin-left:0px;
	margin-right:0px;
}
#theContent{
	margin:2px 0 0 132px;
	width:482px;
	padding:3px 3px 3px 3px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 0px solid white;
	border-top: 0px solid white;
}
/**********rj_menu**********/
/**********rj_menu**********/
#rj_menu{
    border-bottom-width:0;
	width: 125px;
	clear:both;
	position:relative;
	float:left;
	vertical-align:top;
	margin:4px 0 0 0;
}
#rj_menu ul{
    margin:0;
	padding:0;
	list-style-type: none;
	font-size:80%;
	font-weight:bold;
	font-family: Verdana, Arial, Arial, sans-serif;
}
#rj_menu li a{
    display:block;
	padding:2px 0;
	padding-left:0px;/*padding in link boxes*/
	width:121px; /*minus all left/right paddings and margins*/
	text-decoration:none;
	text-align:center;
	color:white;
	background-color:#9Ee333;
	border-bottom:1px solid #FFF;
	border-top:0px solid #FFF;
	border-left:3px solid #FFF;/*color and width of left side of link boxes*/
	border-right:1px solid #FFF;
}
.topwhite{border-top:1px solid white;}
* html #rj_menu li a{ 
    /*IE only */width:127px;
	/*IE 5*/w\idth:127px; /*minus all left/right paddings and margins*/
}
#rj_menu li a:hover {
	background-color:#FFF;
	border-right:2px solid #666666;
	color:#666666;
	border-left:2px solid #FFF;/*color and width of left side of link boxes*/
}
#rj_menu div.titleArea{
    color:#ffffff;
	font-weight:bold;
	text-align:left;
	padding:6px 0;/*padding in red boxes*/
	padding-left:4px;/*red box around titles*/
	background-color:#666666;/*color of title boxes*/
	width:110px;/*title box width*/
	border-top:0px solid #666666;
	border-bottom:0px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:3px solid #FFF;/*color and width of left side of link boxes*/
}
#rj_menu div.titleArea_1st{
    color: white;
	font-weight:bold;
	text-align:left;
	padding:6px 0;/*padding in red boxes*/
	padding-left:4px;/*red box around titles*/
	background-color:#666666;/*color of title boxes*/
	width:110px;/*title box width*/
	border-top-color:#FFFFFF;
	border-top:1px solid #ffffff;
	border-bottom:0px solid #ffffff;
	border-right:1px solid #ffffff;
	border-left:3px solid #FFF;/*color and width of left side of link boxes*/
}/*this is just for the space at the top*/
#rj_menu div.titleArea a{
    color:white;
	font-weight:bold;
	text-align:left;
	padding:6px 0;/*padding in red boxes*/
	padding-left:4px;/*red box around titles*/
	background-color:red;/*color of title boxes*/
	width:127px;/*title box width*/
	border-top-color:#FFFFFF;
	border-top:0px solid;
	border-bottom:1px solid white;
	text-decoration:none;
}
.rooty-gush-button {
    margin:0 0 0 10px;	
}
#theFooter {
    clear:both;
	margin:0 0 0 0;
	padding:0px 0 0px 0;
	border:0px solid white;
}
/**********links**********/
/**********links**********/
a:link {
    color: red;
	text-decoration: none;
	font-weight: bold
}
a:visited {
    /*old color #9ee000 */
    color: red;
	text-decoration: none;
	font-weight: bold
}
a:hover {
    color: black;
	text-decoration: none;
	font-weight: bold
}
a:active {
    color: red;
	text-decoration: none;
	font-weight: bold
}
/**********text**********/
/**********text**********/
h1{
    font-size:1.35em;
}
h2{
    font-size:1.25em;
}
h3{
    font-size:1em;
	margin:0px 5px 0 5px;
}
.headline{
    background:#e6e6e6;
	border:1px solid #ccc;
	/*-moz-border-radius:50px;*/
	padding:1px 8px;
	font-weight:bold;
}
/*p {
    margin:0 0 0 5px;
	padding:0 0 0 0;
	color:#666666;
}*/
.contentText {
    color: #666666;
	margin:0 15px 0px 10px;
}
.marker{color:#666666;}
/*for simpleviewer*/
#flashcontent {
 height: 100%;
 }
/*for image_pop_up*/
.thumbnail{
position: relative;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #9ee333;
padding: 5px;
left: 0px;
border: 2px solid #666666;
visibility: hidden;
color: #FFFFFF;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border: 1px solid #FFFFFF;
padding: 3px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 20px;
left: -100px; /*position where enlarged image should offset horizontally */
}
/*CSS for rounded box div*/
.box {
width:420px;
background: #E6E6E6 url(images/bottom3.gif) no-repeat left bottom;
}
.box h2 {
background:url(images/top3.gif) no-repeat left top;
padding:15px 20px 0 28px;
color:#666666;
}
.box p {
padding:0px 20px 20px 20px;
}