/* layout.css

This stylesheet is based on "andreas09.css", modified for Goldberg.
The original credits follow:

andreas09 v1.0 (Dec 10th 2005) - An open source template by Andreas
Viklund - http://andreasviklund.com. Free to use for any purpose as
long as the proper credits are given to the original author.
*/

body {
    background: white;
    font:76% Verdana,Tahoma,Arial,sans-serif;
    margin: 0;
    padding: 0;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}

/*** Main container ***/

div.container {
    position: relative;
    min-height: 400px;
    border: 1px solid gray;
    background: lightgrey;
    width: 100%;
}


/*** Header section ***/

div.header {
color:#ffffff;
    background: rgb(240, 240, 240);
    padding: 3px;
    border: 1px solid gray;
    width: 100%;
}

div.header img {
/* float: center; */
position: relative;
width: 100%
}

div.header img.logo_right {  
float: right ;
height:85px ;
margin:0 0 0 0px ;
border:0 0 0 0px ;
}

div.header p {
line-height:1.5em;
margin:0 0 0px;
}

div.header p.right_text { 
text-align: right ;
}

div.header h1, div.header h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

div.header h1 {
font-size:2.4em;
padding-top:15px;
}

div.header h2 {
font-size:1.6em;
}


/*** Horizontal menu ***/

div.mainmenu {
position: relative;
margin-bottom:30px;
}

div.mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

div.mainmenu li {
float:left;
/*height:20px;*/
list-style:none;
margin:0;
padding:0;
}

div.mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:5px 7px 5px;
/* text-transform:uppercase; */
}

div.mainmenu a:hover {
background:#f0f0f0 url('/goldberg/images/menuhover.jpg') repeat-x top left;
color:#505050;
text-decoration:none
}

div.mainmenu li.selected a {
background:#f0f0f0 url('/goldberg/images/menuhover.jpg') repeat-x top left;
color:#505050;
text-decoration:none
}

/*** Content wrap ***/

div.wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

div.leftside, div.rightside {
position: relative;
margin:0;
padding:0 10px 10px;
width:165px;
}


div.leftside {
float:left;
margin-right:10px;
}

div.rightside {
float:right;
margin-left:10px;
}

div.leftside h1, div.rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

div.leftside h2, div.rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

div.leftside p, div.rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

ul.sidemenu {
list-style-type:none;
margin-left: 0px;
padding-left: 0px;
}

ul.sidemenu li a {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
/*text-transform:uppercase;*/
width:150px;
}

ul.sidemenu ul.sidemenu li a {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 20px;
padding:4px 2px 2px 8px;
width:134px;
}

ul.sidemenu a:hover, ul.sidemenu > li.selected > a {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}


/*** Content ***/

.content {
    background: rgb(240, 240, 240);
    border: 1px solid gray;
    min-height: 392px;
    overflow: auto;
}

 .content {margin: 3px 208px; overflow: auto}

div.content h1, div.content h2 {
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

div.content h2 {
font-size:1.6em;
margin-bottom:10px;
}

div.content img {
border:1px solid #b0b0b0;
}


 div.first-column
 {
    position: relative;
    top: 0;
    bottom: 0;
    border: 1px solid gray;
    background: rgb(240, 240, 240);
    width: 200px;
    margin: 3px;
}

div.first-column {
    left: 0;
}

div.third-column {
    position: relative;
    top: 0;
    bottom: 0;
    border: 1px solid gray;
    background: rgb(240, 240, 240);
    width: 200px;
    margin: 3px;
}

div.third-column {
    right: 0px;
}



/* #page_container{width:100%; float:left; margin:0 auto; border:1px solid #b0b0b0}
#left_column{width:26%;float:left; margin:1em; padding:1em}
#center_column{width:26%;float:left; margin:1em; padding:1em}
#right_column{width:26%;float:left; margin:1em; padding:1em}

#left_column_border{width:33%;float:left; margin:1em; padding:1em; border:1px solid #b0b0b0}
#center_column_border{width:25%;float:left; margin:1em; padding:1em; border:1px solid #b0b0b0}
#right_column_border{width:33%;float:left; border:1px solid #b0b0b0}
*/

/*** Footer ***/

div.footer {
    background: rgb(240, 240, 240);
    padding: 3px;
    border: 1px solid gray;
    width: 100%;
}

div.footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}


.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

input[type="submit"] {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

input[type="submit"]:hover {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
}


.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}


ul#tabs {
    list-style: none;
    margin: 0;
    padding: 10px 0 0 0;
    height: 25px;
    border-bottom: 1px solid black;
    background: rgb(222, 222, 222);
}
ul#tabs li {
    float: left;
    margin: 0 5px;
    height: 23px;
    text-align: center;
    position: relative;
    width: 150px;
    border: 1px solid black;
    top: 1px;
    background: rgb(128, 128, 128);
}
ul#tabs li:hover {
    border-bottom: 1px solid white;
    background: white;
}
ul#tabs a {
    display: block;
    height: 100%;
    text-decoration: none;
    color: white;
    font: 14px Arial, sans-serif;
}
body#home li#tab1,
body#aboutus li#tab2,
body#myaccount li#tab3,
body#contactus li#tab4,
body#contactus li#tab5 {
    background: white;
    border-bottom: 1px solid white;
}
ul#tabs a:hover,
body#home li#tab1 a,
body#aboutus li#tab2 a,
body#myaccount li#tab3 a,
body#contactus li#tab4 a,
body#contactus li#tab5 a {
    color: black;
}
ul#tabs span {
    display: block;
    padding: 4px 10px 0 10px;
}
div#iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 50px;
    border-top: 1px solid black;
}
iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
 menu styles
 note: not all browsers render styles the same way so try out your style sheet
 in different browsers before publishing
*/

/* level 0 inner */
.m0l0iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: none;
	margin: 4px 0 0 8px;
	color: #FFFFFF;
}
.m0l0iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	text-decoration: underline;
	margin: 5px 0 0 8px;
	color: #FFFFFF;
}

/* level 0 outer */
.m0l0oout {
	text-decoration : none;
	background-image: url('img/lev0_bg1.gif');
	border: 1px solid #336699;
	background-color: #2C5F93
}
.m0l0oover {
	text-decoration : none;
	background-image: url('img/lev0_bg2.gif');
	background-color: #2C5F93;
	border: 1px solid #336699
}

/* level 1 inner */
.m0l1iout {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}
.m0l1iover {
	font-family: sans-serif, Tahoma, Verdana, Geneva, Arial, Helvetica;
	font-size: 12px;
	margin: 4px 0 0 17px;
	color: #FFFFFF;
}

/* level 1 outer */
.m0l1oout {
	text-decoration : none;
	background-color: #5286BB;
	border: 1px solid #336699;
	padding: 0;
}
.m0l1oover {
	text-decoration : none;
	background-color: #1A4D81;
	background-image: url('img/lev1_arrow.gif');
	background-repeat: no-repeat;
	border: 1px solid #336699;
	padding: 0
}
/*** End of file ***/