@charset "utf-8";
/* CSS Document */

/* Top Banner CSS Starts */
#banner-Wrapper {
background: #000;
height:2.3em;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: .9em;
width: 983px;
height: 80px;
margin-bottom: 10px;
background-image:url(imgs/banner_bg.jpg);
background-repeat:no-repeat;
background-position:right;
}

.banner-Logo{margin: 10px; float:left;}

#contact-Info {
color: #FFF;
font-size: 1.4em;
margin-top: 5px;
float:left;
	}
	
.contact-Info-Tag-Line {
	font-size: .75em;
	font-style:italic;
	color:#c12222;
	float:left;
	}
	
.contact-Info-Phone {
	font-size: .75em;
	margin-left: 3px;
	float:left;
	}
.contact-Info-Company-Name
{
   font-weight: bold;
}


/* Top Banner CSS Ends */




/* Link Menu CSS Starts */
ul, li { 
list-style-type:none; 
padding:0; 
margin:0; 
} 

#menu-Wrapper {
border:1px solid #666666; 
background: #1a3956;
height:2.2em;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: .8em;
width: 983px;
margin: 72px 0 0;
}
#menu { 
float:left;
} 

#menu-Right { 
float:right;
clear:none;
} 

#menu li, #menu-Right li { 
float:left; 
line-height:2.3em; 
padding-left:.75em; 
color:#FFF; 
} 

#menu li.divider, #menu-Right li.divider { 
float:left; 
line-height:2.3em; 
padding-left:0; 
color:#4c667d; 
} 

#menu li a, #menu-Right li a { 
display:block; 
padding:0 15px 0 0; 
background:url(images/crumbs.gif) no-repeat right center; 
color:#FFF; text-decoration: none;
} 

#menu li a:hover, #menu-Right li a:hover { 
text-decoration: underline;
}

/* Link Menu CSS Endss */

.main-Image
{
    width: 971px;
    height: 430px;
    margin: 0;
    background-image: imgs/Body_Background_Classy.jpg;
    background-repeat: repeat;
}

.main-Image img
{
    margin: 0px 0 0;
}

.main-Image-Background
{
    margin: 0;
    background: transparent url('imgs/Body_Background_Classy.jpg' ) repeat-x center -20px; /*changing the last number moves bg image up or down by possibly hiding portion of it */
    min-height: 330px;
    top: 100px;
    position: relative;
    border: 0px solid #ff0000;
}

.main-Image-Background img
{
    top: 124px;
}
.i-Frame-Index
{
    padding: 0px;
    height: 507px;
    width: 982px;
    margin: -112px 0 0;
    border: 1px solid #626262;
}
.main-Image-Menu
{
    width: 971px;
    height: 28px;
    margin: 0;
}
.main-Image-Background-Menu
{
    margin: 0;
    min-height: 28px;
    top: 0px;
    position: relative;
}
BODY
{
    margin: 0;
    padding: 0;
    background: #000000 repeat center 0;
    color: #888888;
    scrollbar-face-color: 333333;
    scrollbar-highlight-color: bbbbbb;
    scrollbar-shadow-color: 888888;
    scrollbar-track-color: 222222;
    scrollbar-darkshadow-color: 444444;
    scrollbar-arrow-color: 888888;
    scrollbar-base-color: 000000;
}

.page-Title
{
    font: bold 16px "Century Gothic", Arial, Helvetica, sans-serif;
    color: #cccccc;
    text-decoration: none;
}
.small-Title
{
    font: bold 13px "Century Gothic", Arial, Helvetica, sans-serif;
    color: #820e0e;
}
.question
{
    color: #820e0e;
    text-decoration: none;
    font: bold 13px "Century Gothic", Arial, Helvetica, sans-serif;
}
.option
{
    color: #a6080f;
    text-decoration: none;
    font: 13px "Century Gothic", Arial, Helvetica, sans-serif;
}

.spacer-Cell
{
    height: 10px;
}
.regular-Text
{
  font:  14px "Century Gothic", Arial, Helvetica, sans-serif;
    color: #cccccc;
    text-decoration: none;

}
.right-Side-Login
{
    vertical-align: top;
    width: 649px;
    height: 350px;
    text-align: left;
    border: 0px solid #626262;
}
.right-Side
{
    text-align: left;
    vertical-align: top;
    height: 501px;/*if height is over 501 px the vertical scroll on the i-Frame-Index  will show */
    width: 649px;/*if height is over 649 px the horizontal scroll on the i-Frame-Index  will show */
    border: 0px solid #626262;
}
.i-Frame-Content
{
    border: 0px solid red;
    height: 501px;
    width: 649px;
    background-color: black;
    vertical-align: top;
    text-align: center;
}
.i-Frame-Content-Table
{
    width: 590px;
    height: 485px;
}
.i-Frame-Content-Cell
{
    vertical-align: top;
}
.shade-Form
{
    border-right: #888888 1px solid;
    border-top: #888888 1px solid;
    font: 13px arial, verdana, sans-serif;
    border-left: #888888 1px solid;
    width: 200px;
    color: #888888;
    border-bottom: #888888 1px solid;
    background-color: #000000;
    text-align: left;
}
.mandatory
{
    color: #a6080f;
    text-decoration: none;
    font: 13px "Century Gothic", Arial, Helvetica, sans-serif;
}
.error-Message
{
    color: #a6080f;
    text-decoration: none;
    font: 13px "Century Gothic", Arial, Helvetica, sans-serif;
}
.comments-Text-Area
{
    border: 1px solid #888888;
    font: 13px arial, verdana, sans-serif;
    width: 308px;
    color: #888888;
    height: 100px;
    background-color: #000000;
    text-align: left;
}
.button
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-weight: bold;
    font-size: 8pt;
    border-left: #cccccc 1px solid;
    width: 100px;
    color: #cccccc;
    border-bottom: #cccccc 1px solid;
    font-family: arial, verdana, helvetica, sans;
    height: 21px;
    background-color: #555555;
    text-align: center;
}
.button-On
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    font-weight: bold;
    font-size: 8pt;
    border-left: #cccccc 1px solid;
    width: 100px;
    color: #a6080f;
    border-bottom: #cccccc 1px solid;
    font-family: arial, verdana, helvetica, sans;
    height: 21px;
    background-color: #555555;
    text-align: center;
}

a img
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}
A:link
{
    color: #a6080f;
    text-decoration: none;
}
A:visited
{
    color: #a6080f;
    text-decoration: none;
}
A:active
{
    color: #a6080f;
    text-decoration: underline;
}
A:hover
{
    color: #a6080f;
    text-decoration: undeline;
 }
 /* CSS Document PRIVATE GALLERY FROM HERE */
.privategreytext
{
    FONT: bold 13px "Century Gothic", Arial, Helvetica, sans-serif;
    COLOR: #cccccc;
    TEXT-DECORATION: none
}
.privatetitle
{
    font-family:bold "Century Gothic", Arial, Helvetica, sans-serif;
    font-size:36px;
    color:#820e0e;
}
.privatered
{
    font-family:bold "Century Gothic", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#820e0e;
}
.privategrey
{
    COLOR: #cccccc;
    TEXT-DECORATION: none;
    FONT: bold 11px "Century Gothic", Arial, Helvetica, sans-serif;
}