/*****************************************************************************************************

This file should contain all div tags structuring the layout of the website
(All Colours should be in the theme css used by the tinymce editor)

*****************************************************************************************************/

/*************************************** Structure Settings *****************************************/

html, body
{
	margin:0px;
	padding:0px;
}

body { background-image: url(/images/background.gif); }

#layout
{
	width:985px; /* width of website */
	margin:auto;
}
#header
{
	position:relative;
	width:100%;
	height:auto;
	overflow:visible;
}
#contentwrapper
{
	float:left;
	width:100%;
	height:auto; /*Height of middle section*/
	clear:left;
}
#contentcolumn
{
	margin:0 0 0 170px; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
}
#leftcolumn
{
	float:left;
	width:150px; /*Width of left column in percentage*/
	margin-left:-100%;
}
#rightcolumn
{
	float:left;
	width:0px; /*Width of right column in pixels*/
	margin-left:-0px; /*Set margin to -(RightColumnWidth)*/
}
#footer
{
	float:left;
	width:100%;
	height:auto; /*Height of bottom section*/
	clear:left;
}

.padding { margin:10px; clear:both; /*Margins for inner DIV inside each column (to provide padding)*/ }
.hr { overflow:hidden; height:0px; clear:both; margin:0px; padding:0px; /*Force clearing of floating objects*/ }/*****************************************************************************************************

This file is used by the tinymce editor so should contain
1.) all site wide colour, background and font styles for html
2.) a selection of class(.) styles that can be used in the cms text editor

*****************************************************************************************************/

/**************************************** Website Settings *******************************************/

body
{
	color:#581462;
	font:small/18px Arial, Verdana, Helvetica, sans-serif; /* Medium = 11 px - Small = 9px */
	background-color:#ffffff;
	background-repeat:no-repeat;
	background-position:center top;
	line-height:1.2em;
	text-align:left;
}

/**************************************** Text Settings **********************************************/

h1, h2, h3, h4, h5, h6
{
	font-weight:bold;
	line-height:1.2em;
	margin:0px 0px 1em 0px;
}
p
{
	margin:0px 0px 1em 0px;
	line-height:1.2em;
}
li
{
	margin:0em;
	padding:0em; 
	line-height:1.2em;
}
a
{
	color:#c40074;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

/************************************** Image Settings ***********************************************/

img { border:0px solid #000000; }

/************************************** Table Settings ***********************************************/

caption { text-align:left; }

/*************************************** Form Settings ************************************************/

form
{
	margin:0px;
	padding:0px; 
}
fieldset
{
	border:1px solid #999;
	padding:1em;
	margin:0;
}
legend
{
	color:#000;
	font-size:1.2em;
}
fieldset div
{
	clear:left;
	margin:0.5em 0em 0em;
	padding:0.1em 0.3em 0.1em 0em;
}
fieldset div label
{
	display:block;
	float:left;
	width:20%;
	padding:0em;
	margin:0em 0.5em;
	text-align:right;
}
fieldset div span.block
{
	display:block;
	float:left;
	width:75%;
	padding:0em;
}
fieldset div * label
{
	display:inline-block;
	float:none;
	width:auto;
	padding:0px;
	margin:0px;
	text-align:left;
}
fieldset div input[type="text"],
fieldset div input[type="password"],
fieldset div textarea,
fieldset div select { width:60%; min-width:200px; max-width:400px; border:1px solid black; margin-right:1em; }
fieldset input:focus,
fieldset textarea:focus,
fieldset select:focus { border:1px dotted black !important; }
fieldset input.error,
fieldset textarea.error,
fieldset select.error { border:1px dotted red !important; }

label.error
{
	/* remove the next line when you have trouble in IE6 with labels in list */
	color:red;
	font-style:italic;
	text-align:left;
	width:auto;
}

/*************************************** Header Settings ************************************************/

div#logo
{
	position:absolute;
	left:815px;
	bottom:-22px;
	background:url(/images/logo.gif) 0 0 no-repeat scroll;
	width:200px;
	height:160px;
	overflow:hidden;
}
div#logo a
{
	display:block;
	width:200px;
	height:160px;
	text-indent:-99999px;
}
div#phonenumber
{
	position:absolute;
	left:470px;
	bottom:30px;
	background:url(/images/phonenumber.gif) 0 0 no-repeat scroll #ffffff;
	width:180px;
	height:25px;
	overflow:hidden;
	text-indent:-99999px;
}
div#search
{
	background-color:#581462;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
div#search div#searchbox
{
	background-color:#e51987;
	overflow:hidden;
	width:150px;
	padding:0px;
	height:20px;
	float:left;
}
div#search div#searchbox input
{
	background-color:#e51987;
	width:140px;
	padding:1px 0px 0px 5px;
	margin:0px;
	font-size:15px;
	border:none;
}
div#search div#searchbutton
{
	background-color:#ffffff;
	padding:0px;
	margin:0px;
	float:left;
	width:20px;
	height:20px;
}
div#search div#searchbutton a
{
	display:block;
	width:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
	color:#e51987;
}

/************************************** Header Navigation ***********************************************/

div.topmenu
{
	margin:0px;
	padding:30px 0px 10px 0px;
	width:350px;
	height:auto;
}
div.topmenu ul
{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
	float:left;
}
div.topmenu ul li
{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
	width:170px;
	height:21px;
	float:left;
}
div.topmenu ul li a
{
	display:block;
	width:170px;
	height:21px;
	float:left;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-99999px;
}
div.topmenu ul li a:hover, div.topmenu ul li a.selected { background-position:0px -21px; }

/************************************** Footer Settings ***********************************************/

div#footer { border-top:20px solid #e51987;	padding:15px 0px; }
div#footer div#copyright
{
	float:left;
	width:480px;
	color:#bca1c0;
	font-size:0.7em;
}
div#footer div#logos
{
	float:right;
	width:320px;
}
div#fatfrog
{
	width:120px;
	height:25px;
	background:url(/images/fatfrog.gif) no-repeat 0 0 #ffffff;
	text-indent:-99999px;
}
div#fatfrog a
{
	display:block;
	width:120px;
	height:25px;
	text-indent:-99999px;
}

/************************************* Footer Navigation **********************************************/

div.footermenu
{
	width:170px;
	float:left;
	font-size:0.9em;
	margin:0px;
	padding:0px;
}
div.footermenu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
}
div.footermenu ul li
{
	list-style:none;
	padding:0px;
}
div.footermenu ul li.last { border-right:none; }
div.footermenu ul li a { color:#e51987; }

/************************************** Left Navigation ***********************************************/

div.leftmenu
{
	width:100%;
	padding:0px;
	margin:10px 0px 10px 0px;
	background-color:#ffffff;
	min-height:123px;
}
div.leftmenu ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	border:none;
}
div.leftmenu ul li
{
	padding:0px;
	margin:0px;
}

/* style for top level menu */
div.leftmenu ul li a
{
	display:block;
	padding:5px 0px;
	border-bottom:3px solid #e2007a;
	text-decoration:none;
	text-transform:uppercase;
	color:#a091a0;
	width:auto;
}
div.leftmenu ul li a:hover { text-decoration:underline; }

/* style for second level menu */
div.leftmenu ul li ul li a
{
	border-bottom:none;
	padding:5px 5px 5px 1em;
	color:#e2007a;
}

/* style for third level menu 
div.leftmenu ul li ul li ul li a
{
	padding:5px 5px 5px 1.5em;
	border-left:10px solid #666666;
	background-color:#777777;
}
div.leftmenu ul li ul li ul li a:hover
{
	border-left:10px solid #26B305;
	background-color:#46D315;
}

/* style for fourth level menu
div.leftmenu ul li ul li ul li ul li a
{
	padding:5px 5px 5px 2em;
	border-left:10px solid #888888;
	background-color:#999999;
}
div.leftmenu ul li ul li ul li ul li a:hover
{
	border-left:10px solid #26B305;
	background-color:#46D315;
}

/* reduce the size of text at branch three
div.leftmenu ul li ul li ul li { font-size:0.9em; }

/* style for selected option */
div.leftmenu ul li a.selected { color:#e2007a; }

/************************************* Funds Menu **********************************************/

div.funds
{
	width:100%;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
}
div.funds ul
{
	list-style:none;
	margin:0px 0px 20px 0px;
	padding:0px;
	border:none;
}
div.funds ul li
{
	padding:0px;
	margin:0px;
	clear:both;
	border-bottom:3px solid #e3cfe1;
	min-height:45px;
}
div.funds ul li img { float:left; }

/* style for top level menu */
div.funds ul li a
{
	display:block;
	padding-bottom:5px;
	text-decoration:none;
	color:#29033c;
	width:auto;
}
div.funds ul li a strong
{
	display:block;
	padding-top:5px;
	text-transform:uppercase;
	/*color:#e51987;*/
	width:auto;
	font-size:1.1em;
}
div.funds ul li a:hover { text-decoration:underline; }

/*************************************** Page Settings ************************************************/

.pagetitle {}
.pagetitle h2, .panelheader { font-weight:bold; text-transform:uppercase; font-size:1em; border-bottom:20px solid #720e67; color:#720e67; }
h3 { text-transform:uppercase; font-size:1em; border-bottom:2px solid #720e67; color:#720e67; }

div#banner { border-bottom:3px solid #bca1c0; margin-bottom:20px; } 

/*************************************** Content Settings *********************************************/

.intro {}
.content {}
.maincontent
{
	float:left;
	width:480px;
	overflow:hidden;
	margin-bottom:20px;
}
.rightcontent
{
	float:right;
	width:315px;
	overflow:hidden;
}

/*************************************** List Settings ************************************************/

.categorymenu { margin-bottom:1em; }
.categorymenu li {}

.list {}
.listcategory { margin:20px 0 0 0; padding:0px; }
.listcategorytitle { text-transform:lowercase; font-size:1.5em; }
.listrow {}
.listdetails {}
.listtitle { margin-bottom:0em; }
.listthumbnail { display:inline; float:right; padding:0 0 1em 1em; }
.listcaption { margin-bottom:1em; }
.listselect {}
.listmore { padding:0em; margin:0em; text-align:right; }
.listunavailable {}
 
.selectedtitle {}
.selectedimage { display:inline; float:right; padding:0 0 1em 1em; }
.selectedtext {}
.selectedunavailable {}

.pagenavigation {}
.previouspage {}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/scripts/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(/scripts/shadowbox/close.png);}
#sb-nav-next{background-image:url(/scripts/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/scripts/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/scripts/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/scripts/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}