/* Adapted from http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm */
/* General styles */
body {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	background-color: white;
	color: #333333;
	margin: 0 auto;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 1004px;
    border: 0;			/* This removes the border around the viewport in old versions of IE */

    min-width: 600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
}

a {
	color: #369;
}

a:hover {
	
	background: #369;
	text-decoration: none;
	color:#ffffff;
}

.supportlink:link {
	color: #369;
}

#supportImage {
	position: relative;
	width: 48px;
	margin-right: 8px;
	float: left;
}

#supportMessageBlock {
	position: relative;
	float: left;
	margin: 0 auto;
	height: auto;
	display: block;
	text-align: center;
	width: 100%;
}

#supportSignatureBlock {
	float: right;
}

#supportSignatureBlock #supportSignature {
	float: left;
}

#supportSignatureBlock .deleteSupport {
	float: right;
	cursor: pointer;
	background-image: url('/images/site/layout/delete.gif');
	background-repeat: no-repeat;
	border: 0px;
	width: 16px;
	height: 16px;
	margin-left: 0px;
	margin-right: 10px;
}

#supportSignatureBlock .deleteSupport span {
	display: none;
}

.supportlink:hover {
	text-decoration: none;
	background: #e0f1f0;
}

h1, h2, h3 {
    /*margin:.0em 0 -2px 0;*/
    padding: 0;
}

h2 {
	font: normal 14px Arial;
	line-height: 18px;
}

p {
    margin: .1em 0px 0em 0px;
    padding: 0;
}

img {
	margin: 0px 0 5px;
}

img.spacer {
	width: 1px;
	height: 1px;
}

/* column container */
.colmask {
	position: relative;		/* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%;			/* width of whole page */
	overflow: hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colleft,
.colmid,
.colright {
	float: left;
	width: 100%;
	position: relative;
}
.col1,
.col2,
.col3{
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
	text-align: left;
}

div.col1 div#addDiv.box {
	padding-left: 5px;
}

/* 3 Column settings */
.threecol {
	/* background:#eee;		right column background colour */
}
.threecol .colmid {
	right:25%;				/* width of the right column */
/*	background:#fff;		center column background colour */
}
.threecol .colleft {
	right:50%;				/* width of the middle column */
	/* background:#f4f4f4;		left column background colour */
}
.threecol .col1 {
	width: 46%;				/* width of center column content (column width minus padding on either side) */
	left: 102%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width: 21%;				/* Width of left column content (column width minus padding on either side) */
	left: 31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width: 21%;				/* Width of right column content (column width minus padding on either side) */
	left: 85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.blogstyle {
	/* background:#eee;		right column background colour */
}
.blogstyle .colmid {
	right: 25%;				/* width of the right column */
	/* background:#f4f4f4;		center column background colour */
}
.blogstyle .colleft {
	right: 25%;				/* width of the middle column */
/*	background:#fff;		left column background colour */
}
.blogstyle .col1 {
	width: 46%;				/* width of center column content (column width minus padding on either side) */
	left: 52%;				/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width: 21%;				/* Width of left column content (column width minus padding on either side) */
	left: 56%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width: 21%;				/* Width of right column content (column width minus padding on either side) */
	left: 60%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
/*	background:#fff;		right column background colour */
}
.leftmenu .colleft {
	right: 75%;				/* right column width */
	/* background:#f4f4f4;		left column background colour */
}
.leftmenu .col1 {
	width: 71%;				/* right column content width */
	left: 102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width: 21%;				/* left column content width (column width minus left and right padding) */
	left: 6%;				/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.rightmenu {
	/* background:#eee;		right column background colour */
}
.rightmenu .colleft {
	right: 25%;				/* right column width */
/*	background:#fff;		left column background colour */
}
.rightmenu .col1 {
	width: 74%;				/* left column content width (left column width minus left and right padding) */
	left: 26%;				/* (right column width) plus (left column left padding) */

}
.rightmenu .col2 {
	width: 25%;				/* right column content width (right column width minus left and right padding) */
    left: 27%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */

}
/* 2 Column (double page) settings */
.doublepage {
	/* background:#eee;		right column background colour */
}
.doublepage .colleft {
	right: 50%;				/* right column width */
/*	background:#fff;		left column background colour */
}
.doublepage .col1 {
	width: 46%;				/* left column content width (column width minus left and right padding) */
	left: 52%;				/* right column width plus left column left padding */
}
.doublepage .col2 {
	width: 46%;				/* right column content width (column width minus left and right padding) */
	left: 56%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
/*	background:#fff;		page background colour */
}
.fullpage .col1 {
	width: 99%;				/* page width minus left and right padding */
	left: 2%;				/* page left padding */
}

div#wishes.fullpage {
	width:100%;
	padding-left: 5px;
}

.today_site {
	border: 0;
	margin: 0 0 10px 0;
	background: #f4f8f8 url("../images/box2.gif") 0px -20px repeat-x;
}
table.todayHeader {
	position: relative;		/* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%;
	margin: 0 0 0 0;
	border: 0;
}
div.site_photos table.grid td
{
	width: 64px;
	border: none;
	padding: 0px 2px;
	vertical-align: top;
	text-align: center;
	font-size:12px;
}
div.site_image img
{
	float: left;
	padding-right: 15px;
}
div.site_content ul
{
	list-style: none;
}
div.site_photos img.thumbnail
{
	height: 64px;
	width: 64px;
	height: auto;
}

div.site_title
{
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 18px;
}

.box2 {
	padding: 6px 10px 10px 10px;
	margin: 0 0 20px 0;
}
.admin_box {
    
}

span.spanTextDropdown
{
	position: absolute;
	top: 500px;
	left: 100px;
	width: 150px;
	height: 200px; /* or none? */
	z-index: 101;
	background-color: #c0c0c0;
	border: 1px solid #000000;
	padding-left: 2px;
	overflow: auto; /* or hidden? */
	display: none;
}

span.spanMatchText
{
	text-decoration: underline;
	font-weight: bold;
}

span.spanNormalElement
{
	background: #c0c0c0;
}

span.spanHiElement
{
	background: #000040;
	color: white;
	cursor: pointer;
}
/* End rules added from 'views/site/index.php' */

/* Rules for Related Topics in video page */
#related_topics ul, #information_links ul {
	list-style: none; 
	margin: 0; 
	padding:0 0 0 25px;
}

#related_topics li a:link{
	color:#008066;
}

#related_topics li a:hover{
	color:#ffffff;
}
/* End rules for Related Topics in video page */

/*	FOOTER	*/
div.footer .links a:hover {
	background: #E0F1F0 none repeat scroll 0 0;
	text-decoration: none;
}

.whathover:hover{
	color:#008066;
	text-decoration: underline;
	cursor:pointer;
}

#subnav .aNews{
	color:#ffffff;
	font-size:11px;
	font-family:verdana;
	text-decoration: none;
	margin-top:3px;
	margin-right:35px
}

#subnav .aNews:hover{
	border-bottom: 1px dashed #ffffff;
	text-decoration: none;
}

#subnav .highlightNews{
    color:white;
	font-weight: bold;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	border: thin inset;
    font-family:verdana;
    margin-top:1px;
}

.penddingInvitationBox{
	background: #f4f8f8 url("../images/box2.gif") repeat-x;
}