/*
     Document   : default
     Created on : 19/11/2007, 14:12:38
     Author     : Dale
     Description:
         Purpose of the stylesheet follows.
*/

/*
    TODO customize this sample style
    Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {

	
    background: #003061;        
  
         //url('http://rmbeta.com:80/rmbeta/rmcam_resources/image/img1.jpg') 
  repeat-x;
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 0px;
	margin-bottom: 0px;
}


#demo .box {
     float: none;
     margin: 10px 0 20px 0;
}

#renderPanoramaInMe {
     height: 400px;
     border: 1px solid #93B200;
     margin: 20px 0;
	}
h1 {
}

h2, h3 {
	margin-top: 0px;
}

h5, h6 {
}

p, ol, ul, dl, blockquote {
	font: 15px "Lucida Grande", Lucida, Verdana, sans-serif;
}

a {
	color: #1B4978;
}

a:hover {
	text-decoration: none;
}

/* Status */

#userstatus {
	width: 987px;
	height: 28px;
	position: relative;
	top: 0;
	left:  50%;
	margin-left: -511px;
	background: #FFFFFF;
}


#userstatus h2 {
	float:right;
	color: #303030;
	font: 11pt "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding-top: 8px;
}

#userstatus a {
	text-decoration: none;
	color: #1B4978;
}

#userstatus a:hover {
          color: #0000ff;
}

# .container {
 float:left;
 display:inline;
 margin:3px;
  width: 110px; 
 height: 135px;
 overflow: hidden;
}

.galleryList {
 font-size: 11px; 
 padding: 0px; 
 margin-right: 10px; 
 margin-bottom: 10px; 
 float: left; 
 text-align: center; 
 width: 110px; 
 height: 135px;
}

/* Menu */


#menu {
	width: 987px;
	height: 208px;
	margin: 0px auto;
        position: relative;
	top: 0;
	left:  50%;
	margin-left: -511px;
	background: #FFFFFF;
}

#menu ul {
	margin: 2px;
	padding: 0px;
	list-style: none;
}

#menu li {
	
	display: inline;
}
/* changes made */
#menu a {
	display: block;
	float: left;
	width: 163px;
	height: 20px;
	padding: 5px 0px;
        align: center;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	background: #EEEEEE url(/rmcam_resources/image/menuBack.png);
}

#menu a:hover {
	background: #CCCCCC url(/rmcam_resources/image/menuBack.png);
	border-style: solid;
	border-width: 1px;
}

/* Content */
#content {
        background: #ffffff;
	width: 987px;
	margin: 0;
	text-align: left;
	position: relative;
	top: 0;
	left:  50%;
        margin-left: -511px;
	min-height: 100%;
	opacity: 1;
}

#colOne {
	float: right;
	width: 950px;
	margin-top: 20px;
	padding-right: 20px;
}

#loginBox {
     width: 550px;
     position: relative;
     left:  20%;
     border: 1px solid #B2D4F7;
     margin: 20px 0;
     padding-left: 20px;
     padding-top: 20px;
	 }
h4{
        color: #1B4978;
	font-size: x-large;
	font:  "Lucida Grande", Lucida, Verdana, sans-serif;
}

input{
	font-variant: normal;
	text-shadow: 2px 2px 5px #909090;
	border-width: 1px;
	background-color: #EEEEEE;
	color: #1B4978;
	font-style: bold;
	font-size: x-large;
	font:  "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 1px;
	padding: 3px;
	/*width: 300px;*/
        
}

#colTwo {
	float: left;
	width: 0px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 20px;

}
 
#colTwo ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-position: inside;
}

#content h1 {
	background-color: #B2D4F7;
	padding: 5px 0px 5px 5px;
	color: #1B4978;
}

#content h2 {
	background-color: #cccccc;
	padding: 5px 0px 5px 5px;
	font-size: 16px;
	color: #1B4978;
}

#content h3 {
	color: #1B4978;
}
img {
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
}
img.left {
	/*text-align:Left;
	margin-top:0;
	margin-bottom:0;
	margin-left:2px;
	margin-right:0;*/
	}
	
img.right {
	/*text-align:Center;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:2px;*/
}

/* Footer */

#footer {
	width: 987px;
	margin: 0px auto;
	height: 50px;
	background: #657280;
    //background: rgba(238,238,238,0.32);
	position: relative;
	top: 0;
	left:  50%;
         margin-left: -511px;
	min-height: 100%;
}

#footer p {
	margin: 0px;
	padding-top: 15px;
	text-align: center;
	font-size: 11px;
	color: #999999;
}

#footer a {
	color: #666666;
}

#footer a:hover {
	color: #333333;
}

input.btnO{
    width: 50px;
    font-variant: small-caps;
    text-shadow: 0px 10% #333333;
    /*min-width: 100px;*/
    min-width: 50px;
    font-size: medium;
    font-style: normal;
    font-weight: normal;
    border: 3px double #0080ff;
    padding: 0.25em;
    background-color: #6666ff;
    background-image:url(http://inbeta.org/wp-content/uploads/2008/02/blue.png);
    background-repeat: repeat-x;
    color: #e6e6e6;
    font-family: Arial, sans-serif;
}		

input.btn{
    width: 50px;
    font-variant: small-caps;
    text-shadow: 0px 10% #333333;
    /*min-width: 100px;*/
    min-width: 100px;
    font-size: medium;
    font-style: normal;
    font-weight: normal;
    border: 3px double #0080ff;
    padding: 0.25em;
    background-color: #6666ff;
    background-image:url(http://inbeta.org/wp-content/uploads/2008/02/blue.png);
    background-repeat: repeat-x;
    color: #e6e6e6;
    font-family: Arial, sans-serif;
}

	
	/* 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,
        .col4,
        .col5,
        .col6{
		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;
	}
	/* 3 Column settings */
	.threecol {
		background:#fff;		/* right column background colour */
	}
	.threecol .colmid {
		right:42%;				/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:18%;				/* width of the middle column */
		background:#f4f4f4;		/* left column background colour */
	}
         .threecol .col4{
		width:10%;				/* width of center column content (column width minus padding on either side) */
		left:102%;				/* 100% plus left padding of center column */
	}
	.threecol .col5 {
		width:38%;				/* Width of left column content (column width minus padding on either side) */
		left:52%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col6 {
		width:38%;				/* Width of right column content (column width minus padding on either side) */
		left:72%;				/* 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) */
	}
         /* 2 Column (double page) settings */
	.doublepage {
		background:#eee;		/* right column background colour */
	}
	.doublepage .colleft {
		right:40%;				/* right column width */
		background:#fff;		/* left column background colour */
	}
	.doublepage .col1 {
		width:56%;				/* left column content width (column width minus left and right padding) */
		left:42%;				/* right column width plus left column left padding */
	}
	.doublepage .col2 {
		width:38%;				/* right column content width (column width minus left and right padding) */
		left:46%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
	}