/* CSS Document */

body {
	text-align:center;
	background: #8ca6b3;
	margin:10px; padding:0;
}

form {
	margin:0; padding:0;
}

body,input,textarea,h1,h2,h3,h4,p, ul,td, th, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #5d5b5b;
	line-height: 1.3em;
}

.reg {
	vertical-align:super;
	font-size:9px;
}

.dark {
	color: #636363;
}

.lowercase {
	text-transform:lowercase;
}


a.loginlink, a:link.loginlink {
	color:#4a6674;
	font-size: 10px;
}

a:hover.loginlink, a:visited.loginlink {
	color:#4a6674;
}


ul {
	padding: 0; margin:0;
}

ul li {
	background: url(images/bullet.gif) top left no-repeat;
	margin: 0;
	padding:2px 0 1px 15px;
	list-style:none;
}
ul li ol {
	list-style-type:decimal;
}
ul li ol li {
	background: none;
	margin:auto;
	list-style:decimal;
}

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	width:851px;
	background:#8ca6b3;
	text-align:left;
	z-index: 5;
	
}

#contentcontainer, #contentfullcontainer, #contentnotecontainer, #contentnotefullcontainer, #contentfullpage {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	width:912px;
	background:#8ca6b3;
	text-align:left;
	z-index: 5;
	
}

/*#contentnotecontainer, #contentnotefullcontainer {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	width:857px;
	background:#8ca6b3;
	text-align:left;
	z-index: 5;
	
}*/

#container #bodycol {
	width:851px;
	background: #8ca6b3 url(images/homebg.jpg) top left no-repeat;
	height: 640px;
}
#contentcontainer #bodycol, #contentfullcontainer #bodycol {
	width:912px;
	background: #8ca6b3 url(images/contentbg.jpg) top right no-repeat;
	height: 641px;
}

#contentfullpage #bodycol {
	width:912px;
	background: #8ca6b3 url(images/contentfullbg.jpg) top right no-repeat;
	height: 641px;
}

#contentnotecontainer #bodycol, #contentnotefullcontainer #bodycol {
	/*width:856px;*/
	width:912px;
	background: #8ca6b3 url(images/contentnotebg_new.jpg) top right no-repeat;
	/*height: 703px;*/
	height: 641px;
}

h1 {
	margin:0;
	padding:0;
}

#container h1#logo {
	/*position:absolute;
	left:740px;
	margin-top:30px;*/
	margin-left: 10px;
	margin-top: 0;
	background-image: url(images/logo.gif);
	height: 128px;
	width: 196px;
}
#container h1#logo a {
	display:block;
	height: 128px;
	width: 196px;
	text-indent:-999em;
}

#contentcontainer h1#logo, #contentfullpage h1#logo, #contentfullcontainer h1#logo, #contentnotecontainer h1#logo, #contentnotefullcontainer h1#logo {
	margin-top: 10px;
	background-image: url(images/logosml.gif);
	height: 103px;
	width: 158px;
}
#contentcontainer h1#logo a, #contentfullpage h1#logo a, #contentfullcontainer h1#logo a, #contentnotecontainer h1#logo a, #contentnotefullcontainer h1#logo a {
	display:block;
	height: 103px;
	width: 158px;
	text-indent:-999em;
}


h2 {
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-weight: bold;
}
h3 {
	color: #f7931d;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 4px;
}

#dnn_topleftcontent p {
	padding:0;
	margin: 0;
}

p {
	padding:0;
	margin: 3px 0 5px 0 ;
}

a, a:link, a:visited {
	color: #005568;
}

a:hover {
	color: #bababa;
}

.Head {
	color: #666;
	text-transform: uppercase;
	font-size: 12px;
}

#container #contentbg, #contentfullpage #contentbg, #contentcontainer #contentbg, #contentfullcontainer #contentbg, #contentnotecontainer #contentbg, #contentnotefullcontainer #contentbg {
	position:relative;
	z-index: 9;
}

/*#contentnotecontainer #contentbg, #contentnotefullcontainer #contentbg {
	top:62px;
	position:relative;
	z-index: 9;
}*/

#container #leftcolumn {
	float: left;
	width: 230px;
	position:relative;
	padding-top: 10px;
}

#container #rightcolumn {
	float:right;
	width: 610px;
}

#contentcontainer #leftcolumn, #contentfullpage #leftcolumn, #contentfullcontainer #leftcolumn, #contentnotecontainer #leftcolumn, #contentnotefullcontainer #leftcolumn {
	float: left;
	width: 408px;
	position:relative;
}

#contentcontainer #rightcolumn, #contentfullpage #rightcolumn, #contentfullcontainer #rightcolumn, #contentnotecontainer #rightcolumn, #contentnotefullcontainer #rightcolumn {
	float:right;
	width: 503px;
	position:relative;
}

/*#contentnotecontainer #rightcolumn, #contentnotefullcontainer #rightcolumn {
	float:right;
	width: 448px;
	position: relative;
}*/

#container #dnn_ContentPane {
	height: 195px;
	z-index: 12;
	margin: 0 0 0 10px;
	margin-top: 0;
}

#container #dnn_imagepanel {
	margin: 0 0 0 10px;
}

#contentcontainer #toppanel, #contentfullcontainer #toppanel {
	width:200px;
	height:139px;
	overflow: hidden;
	z-index:999;
}
#contentnotecontainer #toppanel, #contentnotefullcontainer #toppanel {
	width:400px;
	height:145px;
	overflow: auto;
}

#contentcontainer #btmpanel, #contentfullcontainer #btmpanel {
	width: 402px;
	margin-top:30px;
}

#contentfullpage #btmpanel {
	width: 402px;
	margin-top:10px;
}

#contentnotecontainer #btmpanel, #contentnotefullcontainer #btmpanel {
	width: 402px;
	margin-top: 5px;
}

#contentcontainer #dnn_leftbtmpanel {
	float:left;
	width:139px;
}

#contentcontainer #dnn_ContentPane {
	float: right;
	width:255px;
	height: 310px;
	overflow:auto;
}
#contentfullcontainer #dnn_ContentPane {
	width:402px;
	height: 325px;
	overflow:auto;
}

#contentfullpage #dnn_ContentPane {
	width:402px;
	height: 490px;
	overflow:auto;
}

#contentnotecontainer #dnn_leftbtmpanel {
	float:left;
	width:139px;
}

#contentnotecontainer #dnn_ContentPane {
	float: right;
	width:250px;
	height: 340px;
	overflow:auto;
}

#contentnotefullcontainer #dnn_ContentPane {
	width:402px;
	height: 340px;
	overflow:auto;
}


#contentnotecontainer #dnn_topleftcontent, #contentnotefullcontainer #dnn_topleftcontent {
	
	width: 210px;
	z-index:50;
}


#contentnotecontainer #dnn_notecontent, #contentnotefullcontainer #dnn_notecontent {
	position: absolute;
	width: 240px;
	top: 46px;
	left: 190px;
}

#contentcontainer #dnn_toprightcontent, #contentfullcontainer #dnn_toprightcontent {
	position: absolute;
	width: 240px;
	top: 54px;
	left: 206px;
}

/******************************************************
	Home navigation
******************************************************/
#imagemenu {
	background: url(images/navhome/homemenubg.jpg) center center no-repeat;
	width: 610px;
	height: 610px;
	position:relative;
}

#school { 
	text-align: center;
}

#school a {
	font-size: 11px;
	color:#000;
	font-weight:bold;
}

ul#navhome {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}
ul#navhome li {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background: none;
}
ul#navhome li a {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}
ul#navhome li a span {
	display:none;
}
#navhome_contactus { left:250px; top:30; width:90px; height:90px; }
#navhome_about { left:416px; top:90px; width:90px; height:90px; }
#navhome_whatsinit { left:500px; top:262px; width:90px; height:90px; }
#navhome_meet { left:416px; top:440px; width:93px; height:93px; }
#navhome_where { left:256px; top:500px; width:90px; height:90px; }
#navhome_fund { left:90px; top:440px; width:90px; height:90px; }
#navhome_discussion { left:12px; top:262px; width:90px; height:90px; }
#navhome_club { left:90px; top:90px; width:90px; height:90px; }

#navhome_contactus a { width:90px; height:90px; background-image:url(images/navhome/btncontactus.gif); }
#navhome_about a { width:90px; height:90px; background-image:url(images/navhome/btnabout.gif); }
#navhome_meet a { width:93px; height:93px; background-image:url(images/navhome/btnmeetdesigners.gif); }
#navhome_whatsinit a { width:90px; height:90px; background-image:url(images/navhome/btnwhatsinit.gif); }
#navhome_where a { width:90px; height:90px; background-image:url(images/navhome/btnwheretobuy.gif); }
#navhome_fund a { width:90px; height:90px; background-image:url(images/navhome/btnfundraising.gif); }
#navhome_discussion a { width:90px; height:90px; background-image:url(images/navhome/btndiscussionsite.gif); }
#navhome_club a { width:90px; height:90px; background-image:url(images/navhome/btnclub.gif); }


/******************************************************
	LeftContent navigation
******************************************************/
#leftmenupanel {
	float:left;
	width: 37px;
	height: 641px;
	position:relative;
}

ul#navcontent {
	position:absolute;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:1000;
}
ul#navcontent li {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background: none;
}
ul#navcontent li a {
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
}
ul#navcontent li a span {
	display:none;
}
#navcontent_about { left:0px; top:6px; width:37px; height:156px; }
#navcontent_contactus { left:0px; top:162px; width:37px; height:156px; }
#navcontent_wherebuy { left:0px; top:318px; width:37px; height:156px; }
#navcontent_club { left:0px; top:474px; width:37px; height:160px; }

#navcontent_about a { width:26px; height:156px; background-image:url(images/navhome/btnsideaboutoff.gif); }
#navcontent_contactus a { width:26px; height:156px; background-image:url(images/navhome/btnsidecontactusoff.gif); }
#navcontent_wherebuy a { width:26px; height:156px; background-image:url(images/navhome/btnsidebuyoff.gif); }
#navcontent_club a { width:26px; height:160px; background-image:url(images/navhome/btnsidecluboff.gif); }

#navcontent_about a:hover, #navcontent_about a:active, #navcontent_about a.selected 
{ width:37px; height:156px; background-image:url(images/navhome/btnsideabouton.gif); }
#navcontent_contactus a:hover, #navcontent_contactus a:active, #navcontent_contactus a.selected
{ width:37px; height:156px; background-image:url(images/navhome/btnsidecontactuson.gif); }
#navcontent_wherebuy a:hover, #navcontent_wherebuy a:active, #navcontent_wherebuy a.selected 
{ width:37px; height:156px; background-image:url(images/navhome/btnsidebuyon.gif); }
#navcontent_club a:hover, #navcontent_club a:active, #navcontent_club a.selected
{ width:37px; height:160px; background-image:url(images/navhome/btnsideclubon.gif); }

#rightmenupanel {
	float:right;
	width: 320px;
	height: 641px;
	position:relative;
}

#dnn_leftcontentpanel {
	position:absolute;
	top:300px;
	width:215px;
}

#backhome {
	position: absolute;
	display:block;
	top: 40px;
}

/***SUBMENU 2 STYLES ***/
#subvert {
	position: absolute;
	top: 131px;
	left:0px;
}

#subvert ul {
	list-style:none;
	margin:0; padding:0;
}
#subvert ul li{
	display:block;
	position: relative;
	padding: 0 0 7px 0;
	background: none;
}
#subvert ul li a {
	display: block;
	color:#989898;
	margin:0 4px 0 0;
	padding:0;
	text-decoration: none;
	font-weight: bold;
	
}

#subvert ul li a:hover {
	color: #f7931d;
}

#subvert ul li#subvertCurrentItem a#subvertCurrentLink, #subvert ul li#subvertParentItem a#subvertParentLink.selected {
	display: block;
	color: #f7931d;
}

iframe{
	background: none;
	margin:0; padding:0;
}

/***** CONTACT FORM ******/
.iframepage {
	background: #ffffff;
	text-align:left;
	margin:0; padding:0;
}

* html .iframepage {
	background:#ffffff;
}

.formTable {
	color: #999;
}

.formTable th, .formTable td {
	font-weight: normal;
	padding: 0 10px 1px 0;
}

.textinput {
	width: 200px;
	padding: 2px;
}

.submit {
	background: #ffffff;
	border: 1px solid #666;
	padding: 0; margin:0;
	text-transform: uppercase;
	font-weight: bold;
	font-size:10px;
	color: #666;
}


/************************************
    LoGIN STYLES
***********************************/
.LoginHeadings {
	color:#666;
	font-weight: bold;
}

.LoginTextbox {
	border: 1px solid #e5e5e5;
}

.LoginSmlText, a.LoginSmlText {
	font-size:9px;
	color: #666;
}

.LoginButton {
	background: #e5e5e5;
	border: 1px solid #e5e5e5;
	padding: 5px; margin:0;
	text-transform:capitalize;
	font-weight: bold;
	font-size:11px;
	color: #000;
	text-align: left;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
html > body .clearfix {min-height: 1px; height: auto;} 
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */