﻿* {
	margin: 0;
	padding: 0;
}

body
{
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
	background-image:url(../images/bg_tile.jpg);
	color: #00436A;
	margin: 0px 0px 0px 0px;
	width: 998px;
	margin-left:auto;
	margin-right:auto;
}

/* WRAPPERS */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#outer_container {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
	clear:both;
}

#wrapper {
	width: 933px; /* Set page width here - you can also use percentage */
	margin-left:auto;
	margin-right:auto;
}

#top_bg {
	background-image: url(../images/bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 100px;
	clear:both;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* HEADER  */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#header {
	color: #333;
	width: 933px;
	float: left;
	height: 72px;
	margin: 10px 0px 0px 0px;
}

#logo {
	width: 160px;
	float: left;
	height: 72px;
	background: url(../images/orl_logo.jpg) no-repeat;
}

#tag_line {
	width: 573px;
	height: 72px;
	float: left;
	color: #FFFFFF;
	font-size: 30px;
	text-align: center;
	line-height: 60px;
	font-family: "Times New Roman";
	font-style: italic;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* SMALL NAVIGATION MENU */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#small_navigation {
	width: 933px;
	height: 18px;
	clear: both;
}

#small_navigation_menu {
	float: right;
	width: 200px;
	height: 18px;
	background: url(../images/bg_small_nav.jpg) repeat-x;
}

.small_menu {
	line-height: 18px;
	list-style: none;
	text-align:center;
	margin: 0;
	padding:5px;
	background-image:none;
	color:#FFFFFF;
}

.small_menu a {
	color:#FFFFFF;
	text-decoration: none;
}
.small_menu a:hover {
	color:#FDCD39;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* CONTACTS AREA  */ 
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#contacts {
	width: 933px;
	height:30px;
	background-color: #CCE2F0;
}

#contacts ul.contacts {
	text-align: center;
	padding: 6px;
}

#contacts ul.contacts li {
	display:inline;
	background-image:none;
	color:#00436A;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 12px; /* Equivalent to 12pt */
}

ul li {
	padding: 2px 0px 2px 15px;
	background-image: url(../images/li_square.gif);
	background-repeat: no-repeat;
	background-position: 7px 9px;
}

.clear {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


/* FOOTER */ 
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#footer {
	width: 933px;
	background: #FFFFFF;
	margin-bottom: 5px;
}

#footer p.footer {
	font-size: 9px;
	line-height: 30px;
	text-align: center;
	margin:0px;
}

#footer p.footer a {
	font-size: 9px;
	color:#00436A;
}

#footer p.footer a:hover {
	font-size: 9px;
	color:#2796C0;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* Links */
/*----------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------- */

a {
	color:#00436A;
	text-decoration:none;
	font-weight:normal;
}

a:hover{
	color:#006FB2;
}

a:active{
	color:#FDCD39;
}

img, img a, img a:hover{
	border:0px;
}

/*----------------------------------------------------------------------------------------------------- */
/*----------------------------------------------------------------------------------------------------- */


/* STANDARD CONTENT */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#content {
	width: 933px;
	background-color: #FFFFFF;
	background:url(../images/bg_owner_content.jpg) repeat-y;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* LEFT COLUMN */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#left_col_3-4 {
	width:693px;
	float:left;
	padding: 20px 10px 40px 10px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* RIGHT COLUMN */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#right_col_1-4 {
	width:190px;
	float:left;
	padding: 20px 10px 40px 10px;
	margin-right:10px;
	min-height: 100%;
}
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* AFTER LOGIN INFO */
/* ---------------------------------------------------------------------------------------------------- */

#right_col_1-4 ul {
margin:0;
padding:0;
}

#right_col_1-4 ul li a {
color:#2796C0;
}

#right_col_1-4 ul li a:hover {
color:#00436A;
}

#right_col_1-4 li {
list-style:none;
background-image:none;
margin-left:10px;
}

#right_col_1-4 li.user {
list-style:none;
background: url(../images/user.png) no-repeat left center;

}

#right_col_1-4 li.user_id{
list-style:none;
background: url(../images/user_id.png) no-repeat left center;
margin-top:10px ;
}

#right_col_1-4 li.reward_points {
list-style:none;
background: url(../images/reward_points.png) no-repeat left center;
margin-top:10px ;
}

#right_col_1-4 li.update_details {
list-style:none;
background: url(../images/update_details.png) no-repeat left center;
margin-top:10px ;
}


#right_col_1-4 li.log_off {
list-style:none;
background: url(../images/log_off.png) no-repeat left center;
margin-top:10px ;
}

/* ---------------------------------------------------------------------------------------------------- */	
/* ---------------------------------------------------------------------------------------------------- */


/* Headings */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 18px; /* Equivalent to 22pt */
}

h2 {
	font-size: 16px; /* Equivalent to 20pt */
}

h3 {
	font-size: 14px; /* Equivalent to 18pt */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Paragraph */
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

p {
	font:"Trebuchet MS", Arial 12px;
	line-height: 20px;
	margin: 5px 0px;
}

p a  {
	color:#2796C0;
}

p a:hover {
	color:#00436A;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*  OWNERS LOGIN  */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

.cFormLabel{
	font-size: 12px;
	color: #00436A;
}

.cFormText{
	font-size: 11px;
	color: #000;
}

.cFormTextBox{
	font-family:"Trebuchet MS", Arial;
	width:180px;
	padding:3px 3px 3px 3px;
	font-size:12px;
	color:#00436A;
	border: solid #D8E8F5 1px;
}

.cFormDropDown{
	font-family:"Trebuchet MS", Arial;	
	padding:3px 3px 3px 3px;
	font-size:12px;
	color:#00436A;
	border: solid #D8E8F5 1px;
}

.cFormButton{
	font-family:"Trebuchet MS", Arial;
	font-size: 12px;
	color: #00436A;
	background-color: #EBF3FA;
	width:50px;
	height: 30px;
	padding: 2px 3px;	
	border: none;
	margin-top:5px;
	cursor: pointer;
}

.cLeftContentFormTextBox
{
	border: 1px solid #00436A;	
}

.cLeftContentFormButton
{
	color: #EBF3FA;
	background-color: #00436A;	
}

.legend{
	line-height: 30px;
	vertical-align: middle;
	margin-left:10px;
	color: #00436A;
	font-size: 11px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* MAIN MENU AREA */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#menu_area {
	width:933px;
	height:25px;
	background-color: #FFFFFF;
	z-index:99999;
}

#menu_area_top_nobanner {
	width:933px;
	height: 10px;
	background-color: #FFFFFF;
}  /* DIV Used  on Template  with No Banner*/

#menu_area_nobanner {
	width:933px;
	height: 35px;
	background-color: #FFFFFF;
}  /* DIV Used  on Template  with No Banner*/

#menu {
	width:913px;
	height: 25px;
	float:left;
	margin-left: 10px;
	background:url(../images/m_bg1.jpg) repeat-x;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */


/* OTHER */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
.messageUI
{
	font-weight: bold;
	color: Red;
}

.ajaxLoader
{
	font-weight: bold;
	color: Green;
	/*background: url(../images/ajax-loader.gif) no-repeat;	
	width: 16px;
	height: 16px;*/
	margin-left: auto;
	margin-right: auto;
}

/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
