@charset "utf-8";
body{
margin:0px;
padding:0px;
}

body, p {
	font-size: 12px;
	line-height: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #3d3731;
}
a{
color:#000000;
text-decoration:underline;

}
.twoColFixRtHdr #container { 
	width: 840px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixRtHdr #container3 { 
	width:100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin:0px; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background:url(footer.png) repeat-x;
} 
.twoColFixRtHdr #container4 { 
	width: 840px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:0px;
	padding-top:15px;
} 
.twoColFixRtHdr #header { 
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:139px;
} 
2

.twoColFixRtHdr #header img{
display:block;
float:left;
margin:0px;
padding:0px;
}
.twoColFixRtHdr #header h2{
width:300px;
float:left;
display:inline;
border:0px;
padding:0px;
margin:0px;
margin-top:30px;
line-height:22px;
color:#9fc8e3;
}

.twoColFixRtHdr #header h2 span{
font-size:12px;
display:block;
color:#80a866;
}
.twoColFixRtHdr #header h2 font{
font-size:32px;
line-height:32px;
display:block;
color:#6096b0;
}
.twoColFixRtHdr #Menu ul{
margin:0px;
padding:0px;
margin-top:29px;
float:right;
display:block;
overflow: hidden;
margin-bottom:0px;
border:0px;
} 
.twoColFixRtHdr #Menu ul li{ 
display:block;
list-style:none;
float:left;
border:0px;
border-right:1px solid white;
}

.twoColFixRtHdr #Menu ul li a{
float: left;
color:#FFFFFF;
padding: 58px 8px 8px 8px;
width:85px;
text-decoration: none;
font-variant:small-caps;
}

.Blue{ background-color:#6096b0;  }
.LBlue{ background-color:#9fc8e3; }
.Green{ background-color:#80a866; }
.LGreen{ background-color:#b0cd5e; }
.LTGreen{ background-color:#dbdc86; }
.Blue:hover{ background:#6096b0 url(buttonover6.png) repeat-x;   }
.LBlue:hover{ background:#9fc8e3 url(buttonover6.png) repeat-x; }
.Green:hover{ background:#80a866 url(buttonover6.png) repeat-x; }
.LGreen:hover{ background:#b0cd5e url(buttonover6.png) repeat-x; }
.LTGreen:hover{ background:#dbdc86 url(buttonover6.png) repeat-x; }

.twoColFixRtHdr #Menu ul li a span{
clear:left;
display:block;
font-size:10px;
color:#FFFFFF;
}







.twoColFixRtHdr #Submenu{
display:block;
width:840px;
}

.twoColFixRtHdr #Submenu ul{
margin:0px;
padding:0px;
float:right;
display:inline;
overflow: hidden;
margin-bottom:0px;
border:0px;
} 
.twoColFixRtHdr #Submenu ul li{ 
display:block;
list-style:none;
float:left;
margin:2px;
height:20px;
border:0px;
border-right:1px solid white;
}

.twoColFixRtHdr #Submenu ul li a{
float: left;
color:#FFFFFF;
padding:0px;
padding-left:10px;
padding-right:10px;
text-decoration: none;
}
.twoColFixRtHdr #Submenu ul li a:hover{
text-decoration:underline;
}
.twoColFixRtHdr #Submenu .first{
border-left:1px solid white;
padding-left:8px;
}











.twoColFixRtHdr #image { 
	padding:0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	display:block;
} 
.twoColFixRtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.twoColFixRtHdr #containermain a{
text-decoration:none;
}
.twoColFixRtHdr #containermain { 
	width: 840px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixRtHdr #containermain p{
padding-left:5px;
line-height:14px;
} 
.twoColFixRtHdr #containermain p img.right{
border:1px #CCCCCC solid;
padding:2px;
margin:10px;
margin-right:0px;
margin-top:0px;
float:right;
display:inline;
}
.twoColFixRtHdr #containermain p img.left{
border:1px #CCCCCC solid;
padding:2px;
margin:10px;
margin-left:0px;
margin-top:0px;
float:left;
display:inline;
}

.twoColFixRtHdr #sidebar1 {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background:#FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:0px;
	border:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	border-top:0px;
	margin:0px;
	margin-bottom:10px;
}
.twoColFixRtHdr #sidebar1 p{
padding:5px;
margin:0px;
}

.twoColFixRtHdr #mainContent { 
	margin: 0 250px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.twoColFixRtHdr #footer { 
	padding:0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD; 
} 
.twoColFixRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:0px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}












/* ADMIN */
#AdminControlPanel{
width:100%;
height:50px;
background-image:url(background.jpg);
background-repeat:repeat-x;
border:0px #333333 solid;
border-bottom:#666666 solid 1px;
position:static;
overflow:hidden;
}
#AdminControlPanel ul{
display:inline;
float:left;
}
#AdminControlPanel li{
display:block;
float:left;
padding:5px;
margin:2px;
background-color:#CCCCCC;
}
#AdminControlPanel a{
color:#000000;
text-decoration:none;
}
#AdminControlPanel a:hover{
color:#666666;
text-decoration:none;
}
#AdminControlPanel img{
border:0px;
}
/* ADMIN */








#AddLinkList{
font-size:12px;
color:#666666;
}
#AddLinkList select, #AddLinkList input{
font-size:9px;
border:1px #999999 solid;
}















/* BASKET LAYOUT */



#Selected table { 
	color: #000;
	font-size:12px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	border-top: none;	
}
#Selected table a {
	text-decoration: underline;
}
#Selected table a:visited {
	text-decoration: none;
}
#Selected tr.odd {
	background-color: #ebf3ff;
}
#Selected tr a {
	color: #000000;
}

#Selected tr:hover, tr.odd:hover {
	background-color:#CEEFFF;
	color:#333333;
}
#Selected caption {
	height: 45px;
	line-height: 44px;
	color: #60634E;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff url(captop.jpg) no-repeat;
	background-position: 50% top;
	border-left: 2px solid #616161;
	border-right: 2px solid #616161;
}
#Selected th {
	font-size:12px;
	border-top:1px #FFFFFF solid;
	background-color:#676767;
	color:#FFFFFF;
}

#Selected th:hover {
	background-color:#676767;
	color:#FFFFFF;
	
}
#Selected th a{
color:#FFFFFF;
text-decoration:none;
}
#Selected th a:hover{
color:#FFFFFF;
}
#Selected tr {
	vertical-align: top;
}
#Selected tr, #Selected th, #Selected td {
	padding: .45em;
}
#Selected td {
	border-left: 1px solid #dadada;
}
#Selected tfoot tr {
	background: #fff url(bbar.gif) repeat-x;
}
#Selected tfoot td, tfoot th{
	color: #000;
	border: 0px;
}































/* form library defaults */
.form_layout p{
margin:0px;
padding:0px;
}

input, select, textarea {
	border-top: 1px solid #999;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #999;
	padding: 1px;
	margin: 3px;
}
input[type="radio"] {
border:0px;
}
label{
width:140px;
display:block;
float:left;
}
input[type="submit"] {
	border-top: 2px solid #f1f1f1;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #f1f1f1;
	padding: 0;
	color: #454544;
}
input[type="submit"]:focus {
	border-top: 2px solid #999;
	border-right: 2px solid #f1f1f1;
	border-bottom: 2px solid #f1f1f1;
	border-left: 2px solid #999;
	padding: 0;
}









#Clickherebutton{
float:right; border:1px #FFFFFF solid; padding:5px; margin:10px; margin-right:0px; margin-top:0px; background-color:#666666;
}
#Clickherebutton a{
color:#FFFFFF;
text-decoration:none;
}














#AdminPopup{
border:3px #999999 solid;
width:500px;
z-index:2000;
height:500px;
background-color:#FFFFFF;
position:absolute;
margin-left:250px;
margin-top:180px;
}
#AdminPopup p{
padding:5px;
}

#AdminBoxTextbox{
display:block; margin:0px; margin-left:3px; margin-top:5px;
}


#AdminPopup2{
border:3px #999999 solid;
width:540px;
z-index:2000;
height:500px;
background-color:#FFFFFF;
position:absolute;
margin-left:40px;
margin-top:40px;
}
#AdminPopup2 p{
padding:5px;
}

#AdminBox2Textbox{
display:block; margin:0px; margin-left:3px; margin-top:5px;
}


#Picture{
position:absolute;
display:block;
z-index:2;
width:179px;
height:220px;
margin:0px; 
margin-left:648px; 
margin-top:19px;
padding:0px;
background-color:#FF0000;
}
#PictureFrame{
position:absolute;
display:block;
z-index:4;
width:229px;
height:260px;
margin:0px; 
margin-left:623px; 
margin-top:-5px; 
padding:0px; 
background:url(pictureframe.png) no-repeat;
}
#ImagesGallery{
margin:0px;
padding:0px;
margin-top:2px;
margin-bottom:2px;
margin-left:4px;
}
#ImagesGallery a{
display:block; 
height:80px; 
width:130px; 
overflow:hidden; 
float:left;
border:1px #CCCCCC solid;
padding:2px;
margin:5px;
}
#ImagesGallery a img{
padding:0px; margin:0px; border:0px;
}