/* GLOBALS */
body {
margin: 0 auto;
background-image: url(../_images/bgtile.jpg);
background-repeat: repeat-x;
background-color: #000000;
text-align: center;
}

body,td {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #abb9bd;
}

a {
text-decoration: none;
color: #66cdf3;
font-weight: bold;
}

a:hover {
text-decoration: none;
color: #3692b4;
font-weight: bold;
}

a.fade img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

a.fade:hover img {
filter:alpha(opacity=80);   
-moz-opacity: .8;   
opacity: .8;
-khtml-opacity: .8; 
}

#containerout {
width: 900px;
margin: 0 auto;
}

#container {
margin: 0 auto;
width: 850px;
text-align: left;
}

.widebox {
width: 848px;
margin: 0 auto;
border: 1px solid #3c3c3c;
}

.padit15 {
padding: 15px;
}

.spacer5{
margin: 0 0 5px 0;
}

.spacer10 {
margin: 0 0 10px 0;
}

.spacer15 {
margin: 0 0 15px 0;
}

.spacer20 {
margin: 0 0 20px 0;
}

.imgbrdr {
border: 1px solid #3c3c3c;
}

.imgbrdrmarg {
border: 1px solid #3c3c3c;
margin: 0 0 10px 0;
}

.imgbrdrfloat {
float: left;
border: 1px solid #3c3c3c;
margin: 0 10px 0 0;
}

.bigtxt {
font-size: 16px;
}

.divider {
width: 100%;
height: 35px;
margin: 35px auto 0px auto;
border-top: 1px solid #2c3e48;
}

.divider2 {
width: 100%;
height: 20px;
margin: 10px auto;
border-top: 1px solid #334c59;
}

.padleft {
padding: 0 0 0 15px;
line-height: 18px;
}

.clearit {
clear: both;
}

.titlewhite {
font-size: 14px;
font-weight: bold;
color: #ffffff;
}

.titlewhite2 {
font-size: 18px;
color: #ffffff;
}

.titlewhite3 {
font-size: 14px;
color: #ffffff;
line-height: 18px;
}

.titlewhite4 {
font-size: 22px;
color: #ffffff;
}


.titleorange {
color: #ff7800;
font-size: 24px;
line-height: 26px;
}

.titleorange2 {
color: #ff7800;
font-size: 15px;
line-height: 15px;
}

ul.bullet {
margin: 0;
padding: 5px 0px 0px 20px;
list-style-type: disc;
}

ul.bullet li {
margin: 6px 0;
padding: 0;
}

ul,ol {
margin: 0;
padding: 5px 0px 8px 40px;
}

ul li, lo li {
margin: 6px 0;
padding: 0;
}

.smalltxt {
font-size: 11px;
}

.smalltxtital {
font-size: 12px;
font-style: italic;
color: #beebfc;
}


.filmdiv {
width: 152px;
text-align: center;
float: left;
margin: 0 18px 0px 0;
font-size: 11px;
line-height: 14px;
}

/* FOOTER */
#footer {
width: 100%;
height: 83px;
margin: 0 auto;
background-image: url(../_images/footer.gif);
background-repeat: repeat-x;
}

#footpad {
padding: 25px 0px 0px 0px;
font-size: 10px;
color: #6b7b7e;
line-height: 18px;
}

a.foot {
color: #6b7b7e;
text-decoration: underline;
font-weight: normal;
}

a.foot:hover {
color: #929fa1;
text-decoration: underline;
font-weight: normal;
}


/* FORMS */
form {
margin: 0;
padding: 0;
}

.formbox {
padding: 4px;
background-color: #ffffff;
border: 1px solid #a7a7a7;
font-size: 12px;
margin-bottom: 7px;
}

.required {
font-weight: bold;
}

.error {
font-size: 14px;
color: #ff0600;
}



/* GALLERY */
.pics {  
width: 480px;  
height: 275px;  
padding: 0;  
margin: 0;
border-right: 1px solid #3c3c3c;
} 
 
.pics img {  
width: 480px;  
height: 275px;  
top: 0; 
left: 0; 
} 

/* CAROUSEL */
.widget {
width:848px;
margin: 0;
border: 1px solid #3c3c3c;
}

/*Class to set the styling option for the previous button on the Carousel */
.widget a.previous{
float:left;
display:block;
background:url(../_images/arrow_prev.gif) bottom;
background-repeat: no-repeat;
width:25px;
height:25px;
margin: 40px 0px 0px 0px;
}

/*Class to set the styling option for the next button on the Carousel */
.widget a.next{
float:right;
display:block;
background:url(../_images/arrow_next.gif) bottom;
background-repeat: no-repeat;
width:25px;
height:25px;
margin: 40px 0px 0px 0px;
}

.widget a.previous:hover,.widget a.next:hover {
filter:alpha(opacity=80);   
-moz-opacity: .8;   
opacity: .8;
-khtml-opacity: .8; 
}

/*Class to set the styling option for the scroller part of the Carousel */
.widget_style {
width: 820px;
margin: 0 auto;
text-align: center;
font-size: 11px;
}

.widget_style ul {
margin:0;
padding:0;
}

/*Class to set the image background and the size of it, do note that itÕs not the size of the scrolling images, it sets the size of the background image that IÕve used for every actual image that will be scrolling*/
.widget_style li {
width: 188px;
height: 125px;
list-style:none;
margin:0;
padding:0;
}

/*This here actually sets the size of the scrolling images */
.widget_style img {
width:160px;
height:100px;
border: 1px solid #5f5f5f;
}

.widget_style a img  {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
-khtml-opacity: 1.0; 
}

.widget_style a:hover img  {
filter:alpha(opacity=80);   
-moz-opacity: .8;   
opacity: .8;
-khtml-opacity: .8; 
}


/* MENU STYLE */
.jqueryslidemenu {
margin: 0 0 30px 0;
padding: 0;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:100;
}

/*Top level list items*/
.jqueryslidemenu ul li{
float: left;
position: relative;
display: inline;
margin: 0;
padding: 0;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
white-space: nowrap;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
margin: 0;
padding: 0;
position: absolute;
border-bottom: 1px solid #334c59;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
float: none;
display: inline;
}

.jqueryslidemenu ul li ul li a {	
width: 150px;
padding: 8px;
border-top: 1px solid #334c59;
border-left: 1px solid #334c59;
border-right: 1px solid #334c59;
background-color: #0c343c;
font-size: 11px;
color: #ffffff;
text-decoration: none;
text-align: left;
font-weight: normal;
}
			
.jqueryslidemenu ul li ul li a:hover {	
background-color: #144650;
font-size: 11px;
text-decoration: none;
text-align: left;
color: #71b0c7;
font-weight: normal;
}