/* This is for files in the Reps folder */

body
{
	font-size: 12px;
	margin-left: 15px;
	margin-right: 10px;
	top: 0px;
	background-image: url(../images/bg/blue_ripple.gif);
}

div#header
{
	position: absolute;
	background-image: url(../images/header/header.png);
	height: 75px;
	width: 885px;
	top: 0px;
	text-align: center;
	background-repeat: no-repeat;
}
div#title
{
	position: absolute;
	top: 16px;
	left: 314px;
	height: 30px;
	width: 300px;
	color: white;
	font-size: 16px;
	font-family: Verdana, Arial;

}
div#platforms
{
position: absolute;
	top: 49px;
	left: 340px;
	height: 15px;
	width: 200px;
	color: white;
	font-family: Verdana, Arial;
	font-size: 12px;
}
div#menu
{
	position: absolute;
	top: 82px;
	left: 15px;
	width: 110px;
	margin-top: 0px;
	z-index: 3;
}

div#content
{
	position: absolute;
	top: 82px;
	left: 130px;
	width: 743px;
	height: auto;
	min-height: 500px;
	border-color: #a2a4ab;
	border-style: solid;
	border-width: 1px;
	margin-bottom: auto;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	color: #0E1B31;
	font-family: Verdana, arial;
	font-size: 12px;
	text-indent: 1em;
	/*background-color: #F5FAE4;*/
	/*background: #e8e8e8; grey*/
	background-color: #F1E1F6;
}
div#rightmenu
{
	position: absolute;
	top: 86px;
	left: 721px;
	width: 168px;
	right: 0px;
	bottom: auto;
	z-index: 1;
	color: #FFFFFF;
	text-align: right;
	font-family: verdana;
	background-color: #5571B9;
	border-color: #E9E9E9;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-width: 4px;
}

div#rightmenu a:link
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

div#rightmenu a:visited { 
	color: #CED1D0;
	font-weight: normal;
	text-decoration: none;
}

div#rightmenu a:hover
{
	color: #000;
	background-color: #EAEAE8;
	font-weight: normal;
	text-decoration: none;
}
/* POPUP WINDOW FOR LARGE IMAGES */
body.imgpopup {text-align: center;}
.photomatt {
padding: 12px 24px 12px 24px; 
background: #BBBBAA; 
border-bottom: solid #006699;
}
.photomatt img {
	padding: 4px;
	margin: 0px auto 0px auto;
	background: #FFF;
	border: 1px solid #555544;
}
body.imgpopup .caption {padding: 24px;}
body.imgpopup .caption p {text-align:left;}
body.imgpopup .popupnav {padding: 16px 0px 0px 0px;}

.mrtextbox
{
	position: absolute;
	/* AP once more...  For the mrtext.*/
	left: 150px;
	top: 85px;

}

.mrtextbox .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 630px;
height: 95px;
padding-left: 5px;
overflow: auto;
}
.mrtextbox1
{
	position: absolute;
	/* AP once more...  For the mrtext.*/
	left: 150px;
	top: 90px;

}

.mrtextbox1 .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 550px;
height: 95px;
padding-left: 5px;
overflow: auto;
}
.mrtextbox2
{
	position: absolute;
	/* AP once more...  For the mrtext.*/
	left: 150px;
	top: 785px;

}

.mrtextbox2 .innerbox { 
border: 1px solid #ccc;
background: #e8e8e8; 
width: 550px;
height: 100px;
padding-left: 5px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to 
div.inner, div.outerpair1, or an external wrapper element. */ 

div#text2
{
position: absolute;
	top: 580px;
	left: 20px;
}

div#middle
{
	position: absolute;
	top: 350px;
	height: 170px;
	width: 95px;
	padding: 5px;
	border-color: #C9D9E7;
	border-style: solid;
	border-width: 0px;
	padding-left: 4px;
}
div#sister
{
	position: absolute;
	top: 540px;
	height: 65px;
	width: 105px;
	margin-left: 0px;
	margin-right: 0px;
	border-color: #C9D9E7;
	border-style: solid;
	border-width: 0px;
	font-size: 12px;
	text-align: center;
	text-indent: 2px;
	padding-left: 0px;
}
div#sister 
{
 font-size: small;
}
div#inspire
{
	position: absolute;
	top: 620px;
	left: 4px;
	height: 70px;
	width: 120px;
	border-color: #D6DFE6;
	border-style: solid;
	border-width: 0px;
	font-size: medium;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
	padding-top: 5px;
	background-image: url(../images/inspired.png);
	background-repeat: no-repeat;
}
div#globe
{
	position: absolute;
	height: 90px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 700px;
	width: 110px;	
}

a.linkbox:link {
	font-size: medium;
}
div#bear_logo
{
	position: absolute;
	top: 710px;
	left: 15px;
	width: 60px;
	height: 60px;
	border-width: 0px;
	padding-left: 10px;
}
div#copyright
{
	position: absolute;
	top: 790px;
	left: 13px;
	height: 55px;
	width: 120px;
	margin-top: 0px;
	text-align: left;
	float: left;
	display: block;
	font-size: 11px;
	color: #2B3231;
}

.linkbox
{
	position: absolute;
	top: 1200px;
	height: 150px;
	width: 115px;
	border-color: #E0E6EA;
	border-style: solid;
	border-width: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-top: 0px;

	text-align: left;
	padding-top: 5px;
}

/*links*/
A
{
	color: #B23D80;
	text-decoration: none;
	background-color: transparent;
	font-weight: bold;
}

A:link
{
	color: #2A6489;
	background-color: transparent;
	font-size: 12px;
	text-decoration: underline;
}

A:visited
{
	color: #90266C;
	background-color: transparent;
	font-size: 12px;
	text-decoration: underline;
}

A:active {
	color: #666633;
	font-size: 12px;
	text-decoration: none;
	text-transform: inherit;
}

A:hover
{
	color: #A34B89;
	font-size: 12px;
	text-decoration: none;
	text-transform: inherit;
	text-decoration: underline;
}

b {
	font-family: Verdana;
}

li {
	font-family: Verdana;
	font-size: 12px;
}

ul {
	font-family: Verdana;
	font-size: 12px;
}

p {
	font-family: Verdana, arial;
	font-size: 13px;
}

table
{
	color: inherit;
	font-family: Verdana;
	font-size: 12px;
	background-color: transparent;
}

.blue2 {
	background-color: #5571B9;
}

th {
	font-family: Verdana;
}

h1 {
	font-family: Verdana;
}

h2 {
	font-family: Verdana;
}

h3
{
	color: #cccccc;
	font-family: Verdana;
	font-weight: normal;
	background-color: transparent;
}

h4 {
	font-family: Verdana;
	font-size: 14px;
}


.class {
	color: #dedede;
	background-color: transparent;
	text-decoration: underline;
}
.standout
{
	color: #681C1A;
	background-color: transparent;
}

.c_indent { margin: 0 0 0 30px; }

.pList
{
	margin-left: 40px;
	list-style-type: none;
	list-style-position: default;
}
.heading3
{
	font-size: large;
	color: #00618B;
	padding-left: 15px;
	font-weight: normal;
}
.heading4
{
	font-size: 14px;
	color: #C80014;
	/* #C80014; */
	font-weight: normal;
	padding-left: 15px;
}
.heading5
{
	padding-left: 20px;
	font-weight: bold;
	font-size: 14px;
	
}
.indent
   {
   padding-left: 40px;
   }