* {
	margin:0;
	padding:0;
}


img {
 border-width: 0;
}

form {
display:inline;
}

body{ 
	background-image: url(../images/general/bg.png);
	background-repeat:repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
}


a.common:link, a.common:active {
	color: #335F7B;
}

a.common:visited {
	color: #5792B8;
}

a.common:hover {
	color: #FFFFFF;
	background: #5792B8;
}


#maincontainer{
width: 992px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}



#topsection{
	background-image: url(../images/header/bg.png);
	height: 211px; /*Height of top section*/
}

#top_outersection1{
}



#logosection{
float: left;
height:124px;
width: 192px; /*Width of left column*/
margin-left: -992px; /*Set left margin to -(MainContainerWidth)*/
}

#top_innersection2wrapper {
	float: left;
	width: 100%;
}

#top_innersection2 {
margin-left: 192px; /*Set left margin to LeftColumnWidth*/
}

#topbar {
font: 11px Arial, Helvetica, sans-serif;
color: #FFFFFF;
height: 40px;
}

#toptabs1 {
float: left;
}

#banner798x90 {
width: 798px;
height: 98px;
overflow: hidden;
}

#menubar {
clear: left;
width: 100%;
}

#menubarwrapper{
float: left;
width: 100%;
height: 34px;
}

#menubar_flags{
margin-top: 5px;
text-align: right;
margin-left: 900px; /*Set left margin to LeftColumnWidth*/
}

#menubar_left{
float: left;
width: 900px; /*Width of left column*/
margin-left: -992px; /*Set left margin to -(MainContainerWidth)*/
}

#extrabarwrapper {
float: left;
width: 100%;
}

#extrabar_right {
margin-left: 830px; /*Set left margin to LeftColumnWidth*/
}


#q {
	font: 12px Arial, Helvetica, sans-serif;
	width: 120px;
	height: 20px;
	border-style: none;
	padding-top: 4px;
	padding-right:7px;
	border: 0px;
}

#extrabar_left {
float: left;
padding-top: 3px;
width: 830px; /*Width of left column*/
margin-left: -992px; /*Set left margin to -(MainContainerWidth)*/
}



#footer{
	clear: left;
	font-size: 11px;
	width: 100%;
	height: 49px;
	background-image: url(../images/general/footer.png);
	background-repeat:no-repeat;
	color: #333333;
}


#footer_right {
	padding-top: 20px;
	text-align: right;
	padding-right: 10px;
	margin-left: 800px; /*Set left margin to LeftColumnWidth*/
}

#footer_right span {
padding-left: 10px;
padding-right: 10px;
}

#footer_left {
	float: left;
	width: 800px; /*Width of left column*/
	padding-top: 20px;
	padding-left: 10px;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/* Tabs-menu */

    
.tabs{
float:left;
width:100%;
font: 12px Arial, Helvetica, sans-serif;
line-height:31px;
}

.tabs ul{
list-style-type: none;
margin:0;
margin-left: 5px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.tabs li{
display:inline;
margin:0;
padding:0;
}

.tabs a{
float:left;
color: #FFFFFF;
background:url(../images/header/menu/tab-left.gif) no-repeat left top;
margin:0;
margin-right: 5px; /*spacing between each tab*/
padding:0 0 0 8px;
text-decoration:none;
}

.tabs a span{
float:left;
display:block;
background:url(../images/header/menu/tab.gif) no-repeat right top;
padding: 2px 12px 2px 5px;
font-weight:bold;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a span {float:none;}
/* End IE5-Mac hack */

.tabs a:hover span {
color: #FFFFFF;
}

.tabs a.current{ /*Selected Tab style*/
background-position:0 -37px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a.current span{ /*Selected Tab style*/
background-position:100% -37px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
}

.tabs a:hover{ /*onMouseover style*/
background-position:0% -37px; /*Shift background image up to start of 2nd tab image*/
}

.tabs a:hover span{ /*onMouseover style*/
background-position:100% -37px; /*Shift background image up to start of 2nd tab image*/
}


/* toptabs-tabs */

.toptabs {
float:left;
width:100%;
font: 11px Arial, Helvetica, sans-serif;
line-height:13px;
}

.toptabs  ul{
list-style-type: none;
margin:0;
margin-left: 1px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.toptabs li{
display:inline;
margin:0;
padding:0;
}

.toptabs a{
float:left;
color: #FFFFFF;
background:url(../images/header/menu/topbar-left.png) no-repeat left top;
margin:0;
margin-right: 6px; /*spacing between each tab*/
padding:0 0 0 6px;
text-decoration:none;
}


.toptabs a span strong{
font-weight: normal;
color: #FFFFFF; 
}

.toptabs a span{
float:left;
display:block;
background:url(../images/header/menu/topbar.png) no-repeat right top;
padding-top: 4px;
padding-left: 2px;
padding-bottom: 14px;
padding-right: 8px;
font-weight:normal;
color:#87B1CD;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.toptabs a span {float:none;}
/* End IE5-Mac hack */

.toptabs a:hover span {
color: #87B1CD;
}

.toptabs a:hover{ /*onMouseover style*/
background-position:0% -34px; /*Shift background image up to start of 2nd tab image*/
}

.toptabs a:hover span{ /*onMouseover style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
}



/* Extra-tabs */

.extratabs {
float:left;
width:100%;
font: 11px Arial, Helvetica, sans-serif;
height: 34px;
}

.extratabs  ul{
list-style-type: none;
margin:0;
margin-left: 1px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.extratabs li{
display:inline;
margin:0;
padding:0;
}

.extratabs a{
float:left;
color: #FFFFFF;
background:url(../images/header/menu/extratab-left.gif) no-repeat left top;
margin:0;
margin-right: 2px; /*spacing between each tab*/
padding:0 0 0 8px;
text-decoration:none;
}

.extratabs a span{
float:left;
display:block;
background:url(../images/header/menu/extratab.gif) no-repeat right top;
padding: 2px 12px 2px 5px;
font-weight:bold;
color:#FFFFFF;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.extratabs a span {float:none;}
/* End IE5-Mac hack */

.extratabs a:hover span {
color: #FFFFFF;
}

.extratabs a.current{ /*Selected Tab style*/
background-position:0 -18px; /*Shift background image up to start of 2nd tab image*/
}

.extratabs a.current span{ /*Selected Tab style*/
background-position:100% -18px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
}

.extratabs a:hover{ /*onMouseover style*/
background-position:0% -18px; /*Shift background image up to start of 2nd tab image*/
}

.extratabs a:hover span{ /*onMouseover style*/
background-position:100% -18px; /*Shift background image up to start of 2nd tab image*/
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}

/* tables */

.nobordertable {
border: 0px;
border-spacing: 0px;
}

.nobordertable td {
vertical-align: top;
}

/* boxes */

.errorbox {
background: #FFFFCC;
padding: 10px;
border: 1px solid #DFDF00;
}

.errorbox ul {
list-style-type: none;
}

.errorbox li {
line-height: 18px;
}


/* boxes */

.infobox {
background: #FFFFCC;
padding: 10px;
border: 1px solid #DFDF00;
}

.infobox ul {
list-style-type: none;
}

.infobox li {
line-height: 18px;
}

.leftAuto {
	float: left;
	width: auto;
	height: 16px;
	padding-top: 5px;
}

#mailbox {
	background-image: url(../images/mailbox.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 20px;
}

#mailbox table {
width: 780px;

}

#nav_contenttabs{
height: 50px;
}



.nav_contenttabs{
width:100%;
font: 14px Arial, Helvetica, sans-serif;
line-height:35px;
letter-spacing: -1px;
}

.nav_contenttabs ul{
list-style-type: none;
margin:0;
margin-left: 0px; /*Left offset of entire tab menu relative to page*/
padding:0;
}

.nav_contenttabs li{
display:inline;
margin:0;
padding:0;
}

.nav_contenttabs a{
float:left;
color: #FFFFFF;
background:url(../images/general/tabs-left.png) no-repeat left top;
margin:0;
margin-right: 0px; /*spacing between each tab*/
padding:0 0 0 5px;
text-decoration:none;
}

.nav_contenttabs a span{
float:left;
display:block;
background:url(../images/general/tabs.png) no-repeat right top;
padding: 4px 8px 0px 5px;
font-weight:bold;
color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.nav_contenttabs a span {float:none;}
/* End IE5-Mac hack */

.nav_contenttabs a:hover span {
color: #000;
}

.nav_contenttabs a.current{ /*Selected Tab style*/
background-position:0 -39px; /*Shift background image up to start of 2nd tab image*/
}

.nav_contenttabs a.current span{ /*Selected Tab style*/
background-position:100% -39px; /*Shift background image up to start of 2nd tab image*/
color: #000;
}

.nav_contenttabs a:hover{ /*onMouseover style*/
background-position:0% -39px; /*Shift background image up to start of 2nd tab image*/
}

.nav_contenttabs a:hover span{ /*onMouseover style*/
background-position:100% -39px; /*Shift background image up to start of 2nd tab image*/
}

/* File upload */

form.upload input.text {
	background: url(../images/file/input.png) no-repeat 0 -21px;
	border: none;
	width: 237px;
	height: 18px;
	padding-right: 4px;
	padding-left: 3px;
	padding-top: 3px;
}

form.upload input.text:focus {
	background: url(../images/file/input.png) no-repeat 0 0px;
	background-color: transparent;
}

form.upload div.fileinputs {
	position: relative;
	height: 40px;
	width: 310px;
}

form.upload input.file {
	width: 310px;
	margin: 0;
}

form.upload input.upload-se {
background: url(../images/file/upload-se.png) no-repeat 0 0px;
	width: 81px;
	height: 27px;
}

form.upload input.upload-us {
background: url(../images/file/upload-us.png) no-repeat 0 0px;
	width: 61px;
	height: 26px;
}

form.upload input.file.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	font-size: 20px; /* Button really small? */
}

form.upload div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 360px;
	padding: 0;
	margin: 0;
	z-index: 1;
	line-height: 90%;
}

form.upload div.fakefile input {
	margin-bottom: 5px;
	margin-left: 0;
}

.clear {
clear: both;
}


a.ovalbutton{
background: transparent url('../images/general/orange_left.png') no-repeat top left;
display: block;
float: left;
font-weight: bold;
line-height: 28px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 36px; /* Height of button background height */
padding-left: 20px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/general/orange_right.png') no-repeat top right;
display: block;
padding: 4px 20px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}



/********
* PAGING
********/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
background-color: #FFFFFF;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #4B87AF;
color: #FFF;
background-color: #4B87AF;
}

.pagination a.currentpage{
background-color: #4B87AF;
color: #FFF !important;
border-color: #4B87AF;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}



.pictureinfo {
float:left; padding-right: 10px; width: 136px; padding-down: 10px; height: 250px;
}

.pictureframe {
padding: 2px;
border: 1px solid #999;
}

.pictureinfo .pi_comments {
	position: absolute;
	padding-top: 6px; padding-bottom: 6px;
	padding-left: 10px; padding-right: 10px; bottom: 15px;
	right: 15px; background-color: #FFFFFF;
}

.pictureinfo .pi_stars {
	position: absolute;
	font-size: 11px;
	padding-top: 7px; padding-bottom: 5px;
	padding-left: 10px; padding-right: 10px; bottom: 15px;
	right: 15px; background-image: url(../images/voting/star_bg.gif);
}

.picture_inner {
position: relative; cursor: pointer;
}



.videoinfo {
float:left; padding-right: 10px; width: 136px; padding-down: 10px; height: 200px;
}

.videoframe {
padding: 2px;
border: 1px solid #999;
}

.videoinfo .pi_comments {
	position: absolute;
	padding-top: 6px; padding-bottom: 6px;
	padding-left: 10px; padding-right: 10px; bottom: 15px;
	right: 15px; background-color: #FFFFFF;
}

.video_inner {
position: relative; cursor: pointer;
}




.comment_container {
background-image: url(../images/guestbook/bg.png);background-repeat:repeat-x;
width: 730px;
background-color: #E8EFF4;
}

.comment_container .left {
padding-left: 10px;
vertical-align: top;
background-image: url(../images/guestbook/comment_left.gif);background-repeat:no-repeat; 
width:47px;
height: 85px;
}

.comment_container .right {
vertical-align: top;
padding: 8px;
background-color: #FFFFFF;
width: 645px;
border-bottom: 8px solid #E8EFF4;
}

.comment_container .right img {
padding-right: 5px;
}

.comment_container .right em {
font-size: 11px;
color: #666666;
padding-left: 5px;
}

.comment_container .right span {
line-height: 16px;
color: #000000;
}

.comment_container .right .read {
color:  #666666;
}