/* SMRC CSS Document */

/*-- SLY Designs
(c) Copyright SLY Designs 2009
http://www.slydesigns.com.au */


html {
scrollbar-face-color: #004646 !important;
scrollbar-shadow-color: #ffffff !important;
scrollbar-highlight-color: #ffffff!important;
scrollbar-3dlight-color: #ffffff !important;
scrollbar-darkshadow-color: #ffffff !important;
scrollbar-track-color: #004646 !important;
scrollbar-arrow-color: #ffffff !important;
}


body,td,th {
	color: #ooooooo; 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #004646;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin-top: 0px;
	margin-left: 0px;

}

.backmain {
	background-color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	background-image:url(/images/lables/back_main.jpg);
	background-repeat: repeat-x;
	}

.buttonStyle {
border: none;
background: #FFF url(/images/lables/subscribe.jpg);
width: 140px;
height: 33px;
}

.cellborder7 {
	background-image:url(../images/lables/side_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	
}

h1 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
    text-align: center;
	margin-top: 200px;

	}
	
.list {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;
    text-align: center;

	}	

h3 {
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top:5px;

	}

a:link {
	color: #999999;
	font-weight:bold;
	font-size: 11px;}
	
a:visited {
	color: #999999;
	font-weight:bold;
	font-size: 11px;}
	
a:hover {
	color: #ff0000;
	font-weight:bold;
	font-size: 11px;}
	
a:active {
	color: #999999;
	font-weight:bold;
	font-size: 11px;}
	
.style1 {
	color: #ffffff; 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	
.style2 {
	color: #ffffff; 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}	
	
.style3 {
	color: #000000; 
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
	
.style4 {
	color: #002828; 
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}		
	
.style5 {
	color: #002828; 
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;}
	
.style6 {
	color:#ffffff; 
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}	
	
.style7 {
	color: #000000; 
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}	
	
.style8 {
	color: #000000; 
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left:20px;}	
	
.style9 {
	color: #000000; 
	font-size: 16px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}		

	
.cellborder {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	
	}
	
/*Start Form Colours*/

input {
background-color:#330033;
color:#FFCC00;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
border-style:inset;
border-color:#ffffff;
border-width:thin;

}

input.radio {
background-color:#330033;
color:#FFCC00;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

select {
background-color:#330033;
color:#FFCC00;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

textarea {
background-color:#330033;
color:#FFCC00;
font-size: 12px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/*Finish Form Colours*/



.image1 {

	background-image: url(../images/buttons/14_10.jpg);
	height:42px;
	background-image: url(../images/buttons/14_11.jpg);
	height:42px;
	}
	
.list {
	list-style-image: url('arrow.gif')
}	
	
.ladder {
	border-top-width: 0px;
	border-right-width: 1px; 
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666; 
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-repeat: repeat-y;
	background-image:url(../images/lables/subNav_bg.jpg);
	}
	
.ladder1 {
	border:5px solid blue; 
	border-top-left-radius:     2em 0.5em;
	border-top-right-radius:    1em 3em;
	border-bottom-right-radius: 4em 0.5em;
	border-bottom-left-radius:  1em 3em;
	background-color:white;
    width: 400px;
    height: 144px;
	box-shadow: rgba(0,0,0,0.4)10px 10px;
	shadow(color:gray, strength:10, direction:135);
	}	
	
.ladder2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
}

.typing
{
behavior:url("behave_typing.htc");
font-family:"courier new";
}

.img-shadow img { 
display: block; /* IE won't do well without this */ 
position: relative; /* Make the shadow's position relative to its image */ 
padding: 5px; /* This creates a border around the image */ 
background-color: #fff; /* Background color of the border created by the padding */ 
border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */ 
margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */ 
} 

	
.alttable {
color:#FFFFFF;

}
	
			
.OSM {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 1.5em;
	margin: 3em;
}
.OSM a {
	color:#009;
}

.OSMfile {
	margin-left: 3em;
	background: #1C1D1F;
	padding: 0 0 0 .5em;
}

/* ---- IMAGE STYLES ---- */

.image {
	border: solid 1px #666666;
	padding: 2px;
}

   /* set the image to use and establish the lower-right position */
    .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{
      background: transparent url(../images/img.png) no-repeat bottom right}
    .cssbox{
    /* intended total box width - padding-right(next) */
      width: 180px !important; /* IE Win = width - padding */
      width: 320px; 
    /* the gap on the right edge of the image (not content padding) */
      padding-right:15px; /* use to position the box */
      margin:20px auto}

    /* set the top-right image */
    .cssbox_head{background-position:top right;
    /* pull the right image over on top of border */
      margin-right:-15px; 
    /* right-image-gap + right-inside padding */
      padding-right:40px}

    /* set the top-left image */
    .cssbox_head h2{
      background-position:top left;
      margin:0; /* reset main site styles*/ 
      border:0; /* ditto */
    /* padding-left = image gap + interior padding ... no padding-right */
      padding:25px 0 15px 40px; 
      height:auto !important;
      height:1%} /* IE Holly Hack */

    /* set the lower-left corner image */
    .cssbox_body{
      background-position:bottom left;
      margin-right:25px; /* interior-padding right */ 
      padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */
	  
	  
dl.curved {background:#7f7f9c url(../images/lables/c_tl.gif) top left no-repeat; margin:50px auto 50px auto; padding:0; width:50%;}
dl.curved dt {background:transparent url(../images/lables/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.curved dd {background:#eee url(../images/lables/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(../images/lables/c_br.gif) bottom right no-repeat; }
