/**************************************
 * THEME NAME: standardwhite
 *
 * Files included in this sheet:
 *
 *   standardwhite/gradients.css
 **************************************/

/***** standardwhite/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-image:url(gradient.jpg);     
    background-position:top;    
    background-repeat:repeat-x;     
}



/* header rules */

#header {
	background-image: url(http://www.canadiangemmological.com/elearning/theme/standardwhite/logo_background.jpg);
	background-repeat:no-repeat;
	width: 833px;
	height: 135px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #999999;
}
/* global housekeeping rules */
body {
	font-family: Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	background-image:url(http://www.canadiangemmological.com/html/themes/CGA-Platinum/images/background.jpg);
	background-repeat:repeat-x;
	margin-top: 0px;	
}
#header p {
	color: #FFFFFF!important;
	font-weight: bold;
	text-align: right;
	margin: 3px 27px 11px 0px;
	padding: 0px;
}

#logo {
	width: 115px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
}

#shoponline {
	margin: 0px;
	padding: 0px 27px 0px 0px;
	height: auto;
	width: auto;
	color: #FFF;
	text-align: right;
	vertical-align: text-bottom;
	font-size: 8px;
}

#shoponline a {
	color: #FFF;
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-decoration:none;
}

#shoponline a:hover {
	color: #FFF!important;
	text-decoration: none;
}


/* Top form rules */

#box {
	height: 50px;
	margin: 0px;
	padding: 0px 20px 0px 645px;
}

#box input {
	position: absolute;
	border: 1px solid silver;
	height: 14px;
	margin: 0px;
	padding: 2px 0px 0px 4px;
	font-size: 10px;
	line-height: 10px;
	float: left;
}

#box_image {
	margin: -15px 0px 0px 0px;
	padding: 0px;
	width: 56px;
	height: 19px;
	float: right;
}

/* Drop-down Rules */

#dropdown_wrapper {
	height: 16px;
	margin: 0px;
	padding: 0px 0px 0px 133px;
	bottom:0;
}

/* Drop-down menu rules */

.menu {
width:700px; 
font-size:0.85em;
position:relative;
z-index:100;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0px;
margin:0px;
list-style-type:none;
}
.menu ul ul {
width:78px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
margin: 0px;
padding: 0px 5px 0px 0px;
float:left;
width:auto;
position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none!important;
text-align: left;
color:#000; 
height:20px; 
margin: 0px; 
padding: 0px; 
width: 70px;
line-height:16px;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
width:70px;
w\idth:70px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:10px;
left:0; 
width:110px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:10px;
t\op:11px;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
color: #333;
border-bottom: 1px solid white; 
height:auto; 
line-height:14px; 
padding:5px 10px; 
width:155px
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
width:110px;
w\idth:119px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
color:#000; 
}
.menu :hover > a, .menu ul ul :hover > a {
color:#666;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible; 
}

/* style the second level background */
.menu ul ul a, .menu ul ul a:visited {
background:#CCC;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#DDDDDD url(../images/menu_arrow.gif) right no-repeat;
}

.menu ul ul :hover > a {
background: #DDDDDD;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#DDDDDD;
border-bottom: 1px solid silver;
border-left: 1px solid silver;
width: 80px;
}
/* style the third level hover */
.menu ul ul ul a:hover {
color: #000000;
background:#CCCCCC;
border-bottom: 1px solid white;
border-left: 1px solid white;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:auto;
top:20px;
left:0; 
width:100px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:175px; 
top:0;
width:100px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-150px;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}


/* Military Gallery Rules */

#military {
font-family: verdana, arial, sans-serif;
width:605px;
margin:0px;
padding: 0px;
float: right;
}

/* main content rules */

#maincontent {
	width: 833px;
	margin: 0px;
	padding: 0px;
}

#maincontent2 {
	width: 617px;
	margin: 0px 0px 40px 213px;
	padding: 0px;
}

#maincontent p {
	margin: 0px;
	padding: 22px;
	line-height: 16px;
}

#maincontent_left {
	width: 403px;
	float: left;
	padding: 10px 10px 10px 70px;
	margin: 0px;
}

#maincontent_left p {
	margin-top: 10px;
	padding: 0px;
	line-height: 16px;
}

#maincontent_left ul {
	list-style-type: none;
}

#maincontent_left li {
	line-height: 20px;
}

#maincontent_left2 {
	width: 390px;
	float: left;
	padding: 12px 10px 0px 23px;
	margin: 0px;
}

#maincontent_right {
	width: 325px;
	float: right;
	margin: 0px;
	padding: 0px;
}

.maincontent_left ul, li{
	font-size: 12px;
	line-height: 14px;
	color: black;
	margin: 0px;
	padding: 0px;
}

#maincontent_right2 {
	width: 605px;
	margin: 0px 0px 30px 215px;
	padding: 0px;
}

.form_left {
	background-color: #DDDDDD;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	text-align: right;
	padding-right: 7px;
	padding-top: 6px;
}
.form_right {
	background-color: #DDDDDD;
	padding: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}



#maincontent_right2 p {
	margin: 5px 0px 15px 0px;
	padding: 0px;
	line-height: 16px;
}

#maincontent_right2 ul, li {
	color: #666666;
	line-height: 16px;
}

#narrowcolumn_left {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 270px;
	height: auto;
	float: left;
}

#narrowcolumn_left p{
	margin: 5px 0px 15px 0px;
	padding: 0px;
	line-height: 16px;
}

#narrowcolumn_right {
	margin: 15px 0px 0px 0px;
	padding: 0px;
	width: 270px;
	height: auto;
	float: right;
}

#narrowcolumn_right p{
	margin: 5px 0px 15px 0px;
	padding: 0px;
	line-height: 16px;
}

/* interior left navigation rules */

#leftnav {
	width: 17H13px;
	height: auto;
	margin: 0px 0px -2px 0px;
	padding: 0px;
	float: left;
}

#leftnav_corners {
	margin: -2px 0px -2px 0px;
	padding: 0px;
	top: 0px;
	bottom: 0px;
}

#leftnav ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#leftnav li {
	margin: 0px;
	font-size: 12px;
	padding: 0px;
}

#leftnav ul ul{
	list-style:none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: none;

}

#leftnav ul ul li{
	margin: 2px 0px 2px 0px;
	padding: 2px 3px 4px 15px;
	font-size: 12px;
	width: 150px;
}

#leftnav ul ul li a{
	margin: -4px 0px -4px -15px;
	padding-left: 15px;
	width: 153px;
}

#leftnav ul ul li strong{
	margin: -4px 0px -4px -15px;
	padding-left: 15px;
	width: 153px;
}

#leftnav a {
	margin: 2px 0px 2px 0px;
	padding: 2px 3px 4px 6px;
	font-size: 12px;
	color: #333333;
	text-decoration: none!important;
	display: block;
	width: 162px;
	height: auto;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#leftnav a:hover {
	color: #000000!important;
	text-decoration: none;
	background-color: #F6F6F6!important;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

#leftnav a:visited {
	color: #333333;
	text-decoration: none;
}

#leftnav_title {
	font-weight: bold;
	border-bottom: 1px solid silver!important;
	border-top: none;
}

#leftnav li strong {
	margin: 2px 0px 2px 0px;
	padding: 2px 3px 4px 6px;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	display: block;
	width: 162px;
	height: auto;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}




/* secondary content rules */
#secondcontent {
	width: 833px;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 0px;
}

#secondcontent p {
	margin: 0px 15px 10px 22px;
	line-height: 16px;
}

#secondcontent_left {
	height: 175px;
	margin: 0px;
	padding: 0px;
	width: 274px;
	float: left;
	background-color: #EEEEEE;
	border-left: 1px solid #C0C0C0;
}

#secondcontent_middle {
	height: 175px;
	width: 280px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	border-left: 1px solid #C0C0C0;
}

#secondcontent_right {
	height: 175px;
	width: 274px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

.secondcontent_arrow {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 18px;
	height: 18px;
	position: absolute;
}

#secondcontent_topcorners {
	width: 833px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#secondcontent_bottomcorners {
	width: 833px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

/* second content rules for interior box */

#secondcontent2 {
	width: 833px;
	background-color: #EEEEEE;
	margin: 0px;
	padding: 0px;
}

#secondcontent2 p {
	margin: 0px 15px 10px 22px;
	line-height: 16px;
}

#secondcontent_left2 {
	height: 300px;
	margin: 0px;
	padding: 0px;
	width: 415px;
	float: left;
	background-color: #EEEEEE;
	border-left: 1px solid #C0C0C0;
}

#secondcontent_right2 {
	height: 300px;
	width: 415px;
	float: right;
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
}

.secondcontent_arrow2 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 18px;
	height: 18px;
	position: absolute;	
}

/* tertiary content rules */
#thirdcontent {
	width: 833px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

#thirdcontent_left {
	width: 533px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#thirdcontent_left p {
	margin: 15px 10px 20px 0px;
	padding: 0px;
	line-height: 16px;
}

#thirdcontent_left a {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.thirdcontent_imageleft {
	margin: 15px 15px 5px 0px;
	padding: 0px;
	height: auto;
	width: auto;
	float: left;
}

.thirdcontent_imageright {
	margin: 15px 15px 5px 10px;
	padding: 0px;
	height: auto;
	width: auto;
	float: right;
}


#signup {
	width: 533px;
	margin: 20px 0px 0px 0px;
	padding-top: 20px;
	background-repeat:repeat-y;
}

#signup_interior {
	width: 545px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	background-repeat:repeat-y;
}

#signup p {
	margin: 19px 0px 20px 0px;
	line-height: 16px;
}

#signup_interior p {
	margin: 0px 20px 30px 0px;
	line-height: 16px;
}

#thirdcontent_right {
	width: 282px;
	float: right;
	margin: -0px;
	padding: -0px;
}

#thirdcontent_right p {
	margin: 0px;
	padding: 0px 10px 20px 15px;
	line-height: 16px;
	border-left: 1px solid gray;
	border-right: 1px solid gray;
}

#thirdcontent_right_link {
	font-size: 12px;
	margin-left: 200px;
	text-align: right;
	text-decoration: none;
}


#signup_interior {
}

#signup_interior form {
	margin-top: -25px;
}

#signup_interior input {
	border: 1px solid silver;
	height: auto;
	margin: auto;
	padding: 2px 0px 0px 4px;
	font-size: 10px;
	line-height: 10px;
}

#signup_interior textarea {
	border: 1px solid silver;
	height: auto;
	margin: auto;
	padding: 2px 0px 0px 4px;
	font-size: 10px;
	line-height: 10px;
}

.radio {
	border: none!important;
}

#contact form, input, textarea {
	border: 1px solid #666666;
	height: auto;
	margin: auto;
	padding: 2px;
	font-size: 12px;
	line-height: 13px;
}


/* footer rules */

#footer {
	width: 833px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

#footer a {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#footer a:hover {
	color: #333333;
	text-decoration: none!important;
}

#footer a:visited {
	color: #333333;
	text-decoration: none;
}

#footer p {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	font-size: 12px;
	line-height: 14px;
	color: #666666;
	text-align: center;
	border-top: 1px solid silver;
}

#copyright {
	width: 833px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

#copyright p {
	font-size: 12px;
	line-height: 14px;
	color: #999999;
	text-align: center;
}

#pullquote {
	width: 212px;
	height: 125px;
	margin: 0px;
	padding: 40px 20px 0px 25px;
	background-image:url(../images/pullquote.gif);
	background-repeat: no-repeat;
}

#pullquote p {
	font-size: 14px!important;
	color: #333333!important;
}
.logo {
	padding-right: 20px;
}/***** standardwhite/gradients.css end *****/