/* CSS Document */
html,body{

}
body{
	background-color:#226c97;
	background-attachment: fixed;
	background-image: url(sella_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:100%;
	margin:0px;
	padding:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div.centre{
width:990px;
margin-left:auto;
margin-right:auto;
position:relative;
}

div.layout {
width:546px;
margin-left:250px;
display:inline;
position:relative;
float:left;
}
div.layout div.container {
position:absolute;
clear:both;
}
div.layout div.container div.logo{

position:fixed;

top:10px;
width:250px;
height:437px;
margin-left:-250px;
}
div.layout div.container div.menuSub{
position:fixed;
/*
background-image:url(submenu_bg.png);
*/
top:180px;
width:150px;
height:191px;
margin-left:-150px;

}
div.layout div.container div.sideBar{
/*
position:fixed;
top:450px;
*/
margin-top:400px;

width:250px;
height:350px;
margin-left:-250px;
background-repeat:no-repeat;
}

div.sideBarRight{
/*
position:fixed;
*/
margin:0px 10px 0px 0px;
width:175px;
height:565px;
color:#FFFFFF;
float:right;
}

div.message{
background-color:#CCCCCC;
padding:10px;
margin:10px 0px 10px -5px;
width:425px;
font-size:12px;
}
div.error{
display:none;
}
form{
margin-bottom:10px;
}


h2{
font-size:15px;
text-transform:uppercase;
}
h4, h4 a{
font-size:15px;
font-weight:bold;
text-transform:uppercase;
margin:0px 0px 0px 0px;
padding:0px;
text-decoration:none;
color:#000000;
}
H1{
font-size:26px;
font-weight:normal;
}
p{
font-size:12px;
font-weight:normal;
color:#000000;
margin-top:0px;

}
H3{
font-size:16px;
font-weight:normal;
}
H5{
font-size:10px;
font-weight:normal;
}
a{
color:#990000;
text-decoration:none;
margin:0px;
}
hr{
color:#F3F3F3;
clear:left;
margin:0px 0px 0px 0px;
padding:0px;
height:1px;
}
ul li{
font-size:12px;
}

div.greatLogo{
text-align:center;
margin:-8px 0px -5px 0px;
}
.noDisplay{
display:none;
}

/*
-------------------------------------------------------------------------------------------- menu panel
*/


div.layout  ul.menu{
margin-top:10px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
width:470px;
} 
div.layout  ul.menu li{
margin:0px;
padding:0px;
float:left;
list-style:none;
} 
div.layout  ul.menu li.selected{

}
div.layout  ul.menu li div a{
text-transform:uppercase;
font-size:11px;
text-decoration:none;
color:#990000;
padding:0px;
margin:0px;
}
div.layout  ul.menu li div{
margin:8px 0px 10px  16px;
padding:0px;
text-align:center;
}

/*
-------------------------------------------------------------------------------------------- tab image menu panel
*/
div.imageMenu{
margin:0px 0px 0px 0px;
}

div.imageMenu ul.imageMenu{
margin:0px 0px 0px 15px;
padding:0px;
height:87px;
width:510px;

} 
div.imageMenu ul.imageMenu li{
margin:0px;
padding:0px;
float:left;
list-style:none;
height:87px;


} 

div.imageMenu  ul.imageMenu li div a{
height:87px;
padding:0px;
margin:0px;
}
div.imageMenu ul.imageMenu li div{
margin:0px 0px 0px  0px;
padding:0px;
text-align:center;
}

/*
-------------------------------------------------------------------------------------------- sub menu
*/
div.subMenu{

}
div.subMenu p{
text-transform:uppercase;
font-size:15px;
font-weight:bold;
margin:0px;
padding:0px;
}

ul.subMenuList{
margin:3px 0px 0px 0px;
padding:0px;
width:158px;
vertical-align:top;

} 
ul.subMenuList li{
margin:0px;
padding:0px;
list-style:none;
font-size:10px;

} 
ul.subMenuList li.sep{
display:none;
padding:0px;
margin:0px;
}

ul.subMenuList li.selected{

}
ul.subMenuList li div{
padding:0px;
margin:0px;
margin:4px 7px 4px 0px;
vertical-align:top;
}
ul.subMenuList li div a{

font-size:12px;
text-decoration:none;
color:#000000;
padding:0px;
margin:0px;
}


/*
------------------------------------------------------------------------------------ main content
*/
div.layout div.main div.mainTitle{

overflow:visible;
padding:0px 0px 25px 0px;
}
div.layout div.main div.mainTitle h1{
margin:0px 55px 10px 53px;
color:#990000;
font-size:35px;
}
div.layout div.main div.mainTitle p{
margin:0px 55px 0px 55px;
color:#000000;
font-size:12px;
font-weight:normal;
}

div.layout div.main div.content h4{
margin-top:0px;
/*
particularly for spacing on staff prodile blogs with h4 separators
*/
}

div.layout div.main div.content{
margin:10px 55px 20px 55px;
min-height:300px;
z-index:100;
}
div.layout div.main{
background-image:url(main_bg.png);
width:546px;
float:right;
}
div.layout img.mainLogo{
margin:15px 0px 0px 0px;
}


/*
---------------------------------------- input table
*/

table.input{
margin:0px 0px 10px 0px;
font-size: 12px;
}
table.input th{
text-align:left;
vertical-align:top;
padding-top:5px;
}

/*
---------------------------------------- blog summary
*/
div.blogHostSummary{
margin:0px 0px 0px -20px;
padding:10px 0px 0px 0px;
width:450px;
}
div.blogHostSummary h3{
margin:0px 0px 5px 20px;
color:#990000;
font-size:20px;
}


div.blogHostSummary div.blogSummary{

width:420px;
font-size:12px;
font-weight:normal;
margin:10px 0px 10px 20px;
float:left;
clear:both;
display:inline;
}

img.thumbnail{
float:left;
margin:0px 10px 0px 0px;
}


/*
-------------------------------------------------------------- blog host full
*/

div.blogHostFull{
margin:0px 0px 10px 0px;
font-size:12px;
}
div.blogHostFull  p{
float:none;
clear:both;
margin:5px 0px 10px 0px;
}
div.blogHostFull  h2{
font-size:15px;
text-transform:uppercase;
margin:5px 0px 0px 0px;
}
/*
-------------------------------------------------------------- blog minifeed
*/
div.blogHostMiniFeed{
margin:5px 0px 5px 0px;
font-size:12px;
border-top: 1px solid #000000;
width:430px;
clear:both;
}
div.blogMiniFeed{
margin:5px 0px 5px 0px;
}
div.blogMiniFeed div.thumbnail{
width:50px;
height:50px;
overflow:hidden;
float:left;
margin:0px 2px 2px 0px; 
clear:both;
}
div.blogMiniFeed div.thumbnail img.thumbnail{
margin:-30px 0px 0px -30px
}








a.signOff, a.signOff:visited{
color:#990000;
text-decoration:underline;
}
.signOff{
color:#990000;
}

img.floatRight{
float:right;
margin:0px 0px 0px 5px;
border:0px;
}
img.floatLeft{
float:left;
margin:0px 0px 0px 5px;
border:0px;
}

/*
 ------------------------  blog image viewer
  */


div.imageViewer div.smallPictureHost {
	height:100px;
	width: 100px;
	margin:5px 5px 5px 5px;
	display:inline;
	float:left;
	background-image: url(PortfolioThumbShadowClever.jpg)
}

div.imageViewer div.smallPictureHost div.smallPicture{
width:100px;
height:100px;
overflow:hidden;
cursor:pointer;
}
div.imageViewer div.mainPictureHost {
	
	width: 430px;
	float:left;
	margin: 5px 5px 5px 5px;
	background-image: url(mainShadow.jpg);
	vertical-align:top;
	text-align:left;
	padding:0px;
	display:inline;
}
div.imageViewer div.mainPictureHost div.mainPicture{

width:430px;
overflow:hidden;
}
div.imageViewer div.mainPictureHost div.mainPicture img{

}
div.imageViewer {
	width: 440px;
	margin: 0px 0px 0px -5px;
	padding:0px;
	
}
div.imageViewer div.smallPicture img.thumbnailImage {
 margin: -15px 0px 0px -15px;
}
div.mainPicComment{
height:15px;
margin:3px 0px 3px 0px;
font-size:14px;
font-weight:bold;
}

div.imageViewer div.tempPic {
visibility:hidden;
}
div.tempComment {
visibility:hidden;
display:none;
}



/* 
--------------------------------------------------------  FLASHREPLACE These are standard flashReplace styles... do not modify 
*/

.flashReplace-flash {
	visibility: visible !important;
	margin: 0;
}

.flashReplace-replaced {
	visibility: visible !important;
}

span.flashReplace-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.flashReplace-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the flashReplace text metrics since the flashReplace text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

div.flashReplace-hasFlash h1 {
	visibility: hidden;
	font-size: 32px;
	
}
div.flashReplace-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 20px;
}

div.flashReplace-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 24px;
}

div.flashReplace-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}


.flashReplace-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*
-------------------------------------------------------------blog nav
div.centre div.layout div.container div.sideBar
*/
 

div.centre div.layout div.container div.sideBar div.blogNav{
position:absolute;
height:160px;
width:155px;
bottom:30px;
right:5px;

}
div.sideBarRight div.blogNav{
/*
position:absolute;
*/
height:565px;
width:175px;

}
div.sideBarRight div.blogNav select{
margin:5px 0px 0px 0px;
}


div.centre div.layout div.container div.sideBar div.blogNav select{
font-size:10px;
margin:5px 0px 5px 0px;
}
div.centre div.layout div.container div.sideBar div.blogNav H2{
margin:0px;

}
div.centre div.layout div.container div.sideBar div.blogNav p{
margin:0px;
}
div.centre div.layout div.container div.sideBar div.subNav{
margin:55px 0px 0px 40px;
width:155px;
display:none;
}


div.rightPanel{
width:205px;
float:right;
}
div.leftPanel{
width:205px;
float:left;
}
/*
----------------------------------------------------------------------- footer
*/
div.footer{
font-size:11px;
color:#FFFFFF;

width:510px;
text-align:left;
padding:10px 0px 0px 20px;
white-space:nowrap;
clear:right;
}
div.footer a{
color:#FFFFFF;
text-decoration:none;
}
div.footer span.small{
color:#78B1BE;
margin-left:24px;
font-size:10px;

}
div.footer span.small a{
color:#78B1BE;
}


/*
---------------------------------------------------------------------- blog form
*/
.blogInput{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
/*
---------------------------------------------------------------------  bookmark form
*/
.bookmark{
	padding:3px 0 10px 10px;
	margin:10px 0 10px 0;
	font-size:12px;
	clear:both;
	background-color:#C3B6AD;
}
.bookmark p {
	padding:0;
	margin:0;
}
.bookmark h3{
	padding:0 3px 0 0;
	margin:0;
	margin:0 5px 0 3px;
	font-weight:normal;
}
.bookmark ul{
	text-align:left;
	list-style:none;
	margin:10px 0 0px 0px;
	padding:0;
}
.bookmark ul li{
	text-align:center;
	display:inline;
	padding:0 0px 0px 0 ;
	margin:0 15px 0px 0px
}
.bookmark ul li.delicious{
	background:url("delicious.gif") no-repeat 0 0;
}
.bookmark ul li.digg{
	background:url("digg.gif") no-repeat 0 0;
}
.bookmark ul li.reddit{
	padding:0 0 0 2px;
	background:url("reddit.gif") no-repeat 0 0;
}
.bookmark ul li.facebook{
	background:url("facebook.gif") no-repeat 0 0;
}
.bookmark ul li.stumbleupon{
	background:url("stumbleupon.gif") no-repeat 0 0;
}
.bookmark ul li a{
	padding:0 0 0 18px;
	margin:0 3px 0 0px;
}