html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
}

body {
	background: #d2d8d9 url("images/frame/bg.jpg") top center repeat-x;
	margin: 0 auto;
	padding: 0;
	font-family: arial;
	font-size: 12px;
}

p, div, td, li, span {
	line-height: 20px;
	color: #6a7779;
	text-align: left;
}

p {
	margin: 0px 0px 15px 0px;
}

a, a:link, a:active {
	color: #193a41;
	text-decoration: none;
	font-weight: 700;
}

a:hover {
	color: #244b52;
	text-decoration: underline;
	font-weight: 700;
}

h1, .h1 {
	color: #808b8d;
	text-align: left;
	margin: 0 0 15px -6px;
	font-size: 20px;
	font-weight: normal;
	text-transform: capitalize;
	width: 279px;
	height: 44px;
	padding: 20px 0 0 60px;
	background: url('images/frame/h1.jpg') top left no-repeat;
	
}

h2, .h2 {
	margin-top: 0;
	color: #333;
	text-align: left;
	margin: 0 0 15px 0;
	font-size: 16px;
	font-weight: normal;
	padding: 7px 0px 7px 0px;
	border-bottom: 1px #808b8d solid;
	width: 90%;
}

h3, .h3 {
	color: #444;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
}

ul {
	margin-left: 15px;
}

small {
	color: #777;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.impact {
	color: #3366FF;
}

.clear, #clear {
	clear: both;
}

.full {
	width: 75%;
}

.yellow {
	color: rgb(255, 255, 0);
}







#photo {
	padding: 5px;
	border: 1px solid #143248;
	background: #fff;
}

#photo:hover {
	
	background: #143248;
}


/* Login */

select, input, textarea {
	font-family: arial;
	font-size: 12px;
	border: 1px #fff solid;
	background: #eee;
	color: #333;
	padding: 3px;
}

select:hover, input:hover, textarea:hover {
	border: 1px #fff solid;
}

.checkbox {
	width: 15px;
}

.textarea {
	height: 250px;
}

.form {
	width: 95%;
}


.remove {
	background: #000;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	border: 0;
	font-size: 12px;
	border: 1px #444 solid;
	cursor: pointer;
}

.remove:hover {
	color: #FF0000;
	border: 1px #FFF solid;
}

.submit {
	background: #575754;
	color: #FFFFFF;
	font-weight: bold;
	border: 0;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	border: 0px #777 solid;
	cursor: pointer;
}

.submit:hover {
	background: #222;
	font-weight: bold;
	font-size: 12px;
	border: 0px #444 solid;
}












ul.eyecandy {
	list-style-image: url('http://www.hi-fimedia.com/fit/theme/default/images/icons/leftArrow.gif');
}

ul.eyecandy li {
	margin-left: 25px;
}































/* Navigation */

#navigation {
	width: 953px;
	height: 20px;
	padding: 0px 0px 15px 0px;
	margin: 0px 50px 0px 50px;	
	border-bottom: 1px solid #abbcc0;
}

#navbar {
}

#navbar ul {
}

#navbar li {
  	list-style: none;
  	float: left;
  	margin-left: 4px; /* Sets the blank space on the main navigation left */
  	margin-right: 4px; /* Sets the blank space on the main navigation right */
  	padding: 0px;
  	margin-top: 0px;
  	margin-bottom: 0px;
}


#navbar li.current a {
  	display: block;
  	text-decoration: none;
  	padding-left: 10px;
  	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
  	margin: 0px 5px 0px 5px;
  	font-size: 12px;
    font-family: Arial;
    letter-spacing: 0px;
  	color: #7e7e7e;
	font-weight: 700;
	border: 1px solid #abbcc0;
	background: #fff;
}

#navbar li a { /* sets the main nav a properties */
  	display: block;
  	text-decoration: none;
  	padding-left: 10px;
  	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
  	margin: 0px 5px 0px 5px;
  	font-size: 12px;
    font-family: Arial;
    letter-spacing: 0px;
  	color: #7e7e7e;
	font-weight: 700;
	border: 1px solid transparent;
}

#navbar li:hover a {
	background: #dbe0e1;
	border: 1px solid #abbcc0;
}


#navbar li ul {
  	display: none;
  	width: auto; /* Width to help Opera out */
  	z-index: 10;
	width: 150px;
	margin: -2px 0px 0px 5px;
	padding: 4px;
}

#navbar li:hover ul, #navbar li.hover ul { /* this is used for the drop down ul properties */
  	display: block;
  	position: absolute;
  	background: #dbe0e1;
  	padding: 4px;
  	border-left: 1px solid #abbcc0;
  	border-right: 1px solid #abbcc0;
  	border-bottom: 1px solid #abbcc0;
  	border-top: 1px solid #abbcc0;
	text-align: left;
}

#navbar li:hover li, #navbar li.hover li { /* this is used for the drop down li */
  	float: none;
  	padding: 0px;
  	margin: 0px;
}

#navbar li:hover { /* sets the main navigation hover state for the li */
  	
}

#navbar li:hover li a, #navbar li.hover li a { /* this is used for the drop down a properties */
	margin: 0px;
  	padding: 3px 5px 3px 5px;
  	font-size: 12px;
	text-align: left;
    color: #656363;
    letter-spacing: 0px;
	border: 0px;
}

#navbar li:hover li a:hover, #navbar li.hover li a:hover { /* this is used for the drop down a:hover properties */
  	background-color: #689dce;
  	color: #fff;
}
#navbar li:hover li:hover { 
}




































.breadcrumb ul {

	padding: 15px 0px 0px 41px;
}

.breadcrumb ul, li {
	list-style-type:none;
	margin:0;
	}		
.breadcrumb #crumbs {
	}
.breadcrumb #crumbs li {
	float:left;
	}		
.breadcrumb #crumbs li a {
	display:block;
	padding: 0 10px 0 10px;
	color: #9daaad;
	font-weight: 100;
	font-size: 10px;
	}							
.breadcrumb #crumbs li a:hover {
	color:#777;
	text-decoration:none;
	}







































/* Tool Tip */
p#vtip { 
	display: none;
	position: absolute;
	padding: 10px;
	left: 5px; 
	font-size: 0.8em; 
	background-color: #444; 
	border: 1px solid #a6c9e2;
	z-index: 9999;
	width: 200px;
	
}

a.vtip {
	cursor: pointer;
}

p#vtip #vtipArrow { 
	position: absolute; 
	top: -10px; 
	left: 5px;
}






.msg_head {
	cursor: pointer;
}

.gallery {
	width: 96px;
	height: 80px;
	padding: 5px;
	border: 1px solid #ddd;
	float: left;
	margin: 5px;
}

.gallery:hover {
	border: 1px solid #777;
}













/******************************************************************************/
#homebg {
	background: url('images/frame/main.jpg') top center no-repeat;
	width: 100%;
}

#bg {
	background: url('images/frame/sub-main.jpg') top center no-repeat;
	width: 100%;
}

#header {
	width: 1053px;
	height: 119px;
	overflow: hidden;
}

#logo {
	width: 500px;
	height: 100px;
	border: 0px solid #000;
	float: left;
	display: inline;
	cursor: pointer;
}

#search {
	width: 470px;
	height: 30px;
	border: 0px solid #990000;
	float: right;
	display: inline;
	text-align: right;
	padding: 40px 50px 25px 2px;
}

#breadcrumbs {
	width: 1053px;
	height: 33px;
	overflow: hidden;
}

#main {
	width: 1053px;
	margin-top: -5px;
	padding: 0px 15px 15px 15px;
}

#content, #homecontent {
	float: left;
	width: 546px;
	display: inline;
	margin: 0px 0px 0px 50px;
	padding: 50px 15px 15px 15px;
}

#homebg  #content {
	float: right;
	margin: 0px 50px 0px 0px;
}

#content .h1, #content h1, #homecontent .h1, #homecontent h1 {
	width: 480px;
	background: url('images/frame/contenth1.jpg') top left no-repeat;
}
#content div, #homecontent div {
	padding-top: 0px;
	
}

#sidebar {
	float: left;
	width: 347px;
	display: inline;
	margin: 0px 50px 0px 0px;
	padding: 50px 15px 15px 15px;
}

#homebg #main #content, #homebg #main #homecontent, #homebg #main #sidebar {
	padding-top: 50px;
}

#homebg #main #sidebar {
	float: left;
	margin: 0px 0px 0px 50px;
}

/* Footer */

#footer {
  width: 100%;
  background: #232222;
  padding-top: 40px;
  border-top: 2px solid #fff;
  margin: 0;
  padding-bottom: 50px;
}

#footer a {
  color: #555555;
}

#footer a:hover {
  text-decoration: underline;
  color: #CCCCCC;
}

#footerSub {
  display: inline;
  float: left;
}

.footerTitle {
  background: #434242;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin-left: 10px;
  margin-right: 10px;
  width: 135px;
  text-align: left;
  font-size: 11px;
}

.footerText {
  text-align: left;
  padding-left: 10px;    
  padding-top: 10px;
}

.footerText a {
  border-bottom: 1px #000000 dotted;
  font-size: 10px;
  width: 138px;
  margin: 0px;
  padding: 5px 0px 5px 5px;
  display: block;
}

.footerText a:hover{
  background: #000000;	
  text-decoration: none !important;
}

.footer li {
  list-style: none;
  display: block; 
  padding: 0px;
  margin: 0px; 
}




/* Extras */

#postComment {
  width: 600px;
  height: 100px;
}

#table {
  width: 600px;
  margin-top: 15px;
}

#tableleft {
  width: 100px;
  float: left;
  display: inline;
  clear: both;
}

#tableleft p {
  text-align: right;
  padding-top: 0px;
  font-size: 14px;
}

#tableright {
  width: 350px;
  float:left;
  display: inline;
  padding-left: 10px;
}

#tableright .register {
  width: 325px;
}

#tableright textarea.register {
	height: 200px;
}

#tableclear {
  clear: both;
  width: 620px;
  margin-bottom: 10px;
}

































.infiniteCarousel {
  width: 1053px;
  position: relative;
  margin: 0 0 0 -1px;
}

.infiniteCarousel .wrapper {
  width: 953px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 359px;
  margin: 8px 0px 0px 52px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
}

.infiniteCarousel .wrapper ul {
  width: 953px; /* single item * n */
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 0px;
  height: 359px;
  width: 953px;
}

.infiniteCarousel ul li img {
}

.infiniteCarousel ul:hover li img {
}

.infiniteCarousel ul:hover li:hover img {
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 51px;
  width: 54px;
  text-indent: -9999px;
  position: absolute;
  top: 150px;
  cursor: pointer;
  outline: 0;
}

.infiniteCarousel .forward {
  background: url('images/icons/rightArrow.png');
  right: 0;
}

.infiniteCarousel .back {
  background: url('images/icons/leftArrow.png');
  left: 0;
}

.infiniteCarousel .forward:hover {
  
}

.infiniteCarousel .back:hover {
  
}

#homeflash {
	width: 1003px;
	height: 359px;
}














/* Star Rating - Provided by: http://www.search-this.com/2007/05/23/css-the-star-matrix-pre-loaded/ */

.rating {
  width: 80px;
  height: 16px;
  margin: 10px 0px 20px 10px;
  padding: 0;
  list-style: none;
  clear: both;
  position: relative;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li {
  cursor: pointer;
  /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
  float: left;
  /* end hide*/
  text-indent: -9999em;/* hide text*/
}
ul.rating li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  text-decoration:none;
  z-index: 200;
}
ul.rating li.one a {
  left: 0;
}
ul.rating li.two a {
  left: 16px;
}
ul.rating li.three a {
  left: 32px;
}
ul.rating li.four a {
  left: 48px;
}
ul.rating li.five a {
  left: 64px;
}

.nostar {
  background-position:0 0;
}
.onestar {
  background-position:0 -16px;
}
.twostar {
  background-position:0 -32px;
}
.threestar {
  background-position:0 -48px;
}
.fourstar {
  background-position:0 -64px;
}
.fivestar {
  background-position:0 -80px;
}

ul.rating li a:hover {
  z-index: 2;
  width: 80px;
  height: 16px;
  overflow: hidden;
  left: 0;
  background: url(images/star-matrix.gif) no-repeat 0 0;
}
ul.rating li.one a:hover {
  background-position:0 -96px;
}
ul.rating li.two a:hover {
  background-position:0 -112px;
}
ul.rating li.three a:hover {
  background-position:0 -128px;
}
ul.rating li.four a:hover {
  background-position:0 -144px;
}
ul.rating li.five a:hover {
  background-position:0 -160px;
}













/* Tabberlive */

.tabberlive .tabbertabhide {
  display:none;
}

.tabber {
}

.tabberlive {
  margin-top: 0;
  margin-left: 5px;
  margin-right: 5px;
}

ul.tabbernav {
  margin:0;
  padding: 1px 0 2px 0;
  border: 1px solid #666666;
  font-size: 12px;
  font-weight: 100;
}

ul.tabbernav li {
  list-style: none;
  margin: 0;
  display: inline;
}

ul.tabbernav li a {
  padding: 3px 0.5em;
  margin-left: 0px;
  border-right: 1px solid #666666;
  border-bottom: none;
  background: #cccccc;
  text-decoration: none;
}

ul.tabbernav li a:link { 
  color: #000;
}

ul.tabbernav li a:visited { 
  color: #111; 
}

ul.tabbernav li a:hover {
  color: #000000;
  background: #FFFFFF;
  border-color: #666666;
}

ul.tabbernav li.tabberactive a {
  background-color: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

ul.tabbernav li.tabberactive a:hover {
  color: #000;
  background: #d8e8fc;
  border-bottom: 1px solid #d8e8fc;
}

.tabberlive .tabbertab {
  padding:5px;
  border:0px solid #aaa;
  background: #FFFFFF url("images/frame/tabbg.jpg") repeat-x 50% 0;
  border-top:0;
  color: #000;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none;
}
.tabberlive .tabbertab h3 {
  display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertab {
  height:200px;
  overflow:auto;
}




























#fulltext {
	width: 90%;
}


.menu {
	margin:0; 
	padding: 0px; 
	list-style:none;
	display: none;
}

.menu li {
	padding: 0; 
	margin: 0px;
	display: block; 
}

.menu li a {
	text-align: left;
	margin: 5px 10px 5px 10px; 
	display: block; 
	text-decoration: none;
	font-size: 18px;
	color: #ffffff !important;
	background: #277ca3;
	text-transform: uppercase;
}

.menu li a:hover {
	color: #000000;
	background: #c441c2;
}

.menu li a.active, .menu li a.active:hover {

}

.menu li a span {
}




#rightred {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 10px 0 10px 0;
}