html, body {
margin: 0px;
padding: 0px;
font-family:Helvetica,Arial,Geneva,sans-serif;
font-size:0.8em;
line-height: 1.2;
background: transparent url(../images/body_bg.png) repeat scroll 0;
}
.clearClass { clear: both; width: 100%; margin: 0px; padding: 0px; height: 1px;}

#siteWrapper {
width: 920px;
margin: 0px auto 0px auto;
padding: 0px;
background: url('../images/container_bg.png') repeat-y;

}
#siteWrapper.popup {
margin: 0px;
width: 450px;
}

#siteWrapper #navbar{
width: 180px;
margin-right: 70px;
float: right;
clear:left;
}
#siteWrapper #navbar #mainmenu{

width: 100%;
}
#siteWrapper #navbar #mainmenu a, #siteWrapper #navbar #mainmenu div.menuSection{
display: block;
width: 155px;
height: 27px;
padding: 8px 0px 0px 25px;
background: transparent url('../images/button_normal.png') repeat scroll 0;
text-decoration: none;
color: #C2F429;
font-size: 1.3em;
font-weight: bold;
}
#siteWrapper #navbar #mainmenu div a {
}
#siteWrapper #navbar #mainmenu a:HOVER, #siteWrapper #navbar #mainmenu div.menuSection{
background: transparent url('../images/button_over.png') repeat scroll 0;
color: #89DDFC;
}
#siteWrapper #navbar #mainmenu a.selected{
background: transparent url('../images/button_current.png') repeat scroll 0;
color: #89DDFC;
}
#siteWrapper #navbar #mainmenu a.MainMenuLevel1{
background: transparent url('../images/sub_button_normal.png') repeat scroll 0;
color: #DDDDDD;
font-weight: normal;
}
#siteWrapper #navbar #mainmenu a.MainMenuLevel1:HOVER{
background: transparent url('../images/sub_button_normal.png') repeat scroll 0;
color: #89DDFC;
}
#siteWrapper #navbar #mainmenu a.MainMenuLevel1.selected{
background: transparent url('../images/sub_button_current.png') repeat scroll 0;
color: #89DDFC;
}

#siteWrapper #navbar #mainmenu a.MainMenuLevel2{
background: transparent url('../images/sub_button_normal.png') repeat scroll 0;
color: #DDDDDD;
font-weight: normal;
}
#siteWrapper #navbar #mainmenu a.MainMenuLevel2:HOVER{
background: transparent url('../images/sub_button_normal.png') repeat scroll 0;
color: #89DDFC;
}
#siteWrapper #navbar #mainmenu a.MainMenuLevel2.selected{
background: transparent url('../images/sub_button_current.png') repeat scroll 0;
color: #89DDFC;
}


#siteWrapper #navbar #mainmenu a.selected{
background: transparent url('../images/button_current.png') repeat scroll 0;
color: #89DDFC;
}
#siteWrapper #navbar #MenuFooter
{
background: url('../images/menu_bottom.png') no-repeat;
height: 31px;
margin: 0px;
padding: 0px;
width: 180px;
}
#siteWrapper #navbar #SideBarHeader
{
background: url('../images/sidebar_content_top.png') left top no-repeat;
font-size: 1.5em;
text-align: center;
color: #ffffff;
font-weight: bold;
margin: 0px;
padding: 17px 10px 0px;
}
#siteWrapper #navbar #SideBar
{
/*background: url('../images/rics_logo.gif') center top no-repeat;*/
height: 40px;
margin: 0px;
padding: 5px 10px 20px;
}
#RicsLogo
{
background: url('../images/rics_logo.gif') center 20px no-repeat;
float: right;
width: 180px;
height: 114px;
margin: 0px;
padding: 0px;
}
#RicsLogo .RicsLogoText
{
padding: 70px 0px 0px 0px;
font-size: 1.7em;
text-align: center;
color: #ffffff;
font-weight: bold;
}
#siteWrapper #headerbar{
width: 780px;
height: 114px;
margin: 0px 0px 0px 70px;
background: url('../images/header_bg.png') no-repeat;
}
#siteWrapper #headerbar h1{
margin: 0px;
padding-left: 60px;
padding-top: 23px;
text-align: left;
color: #C5F1FD;
font-size: 3.5em;
}
#siteWrapper #headerbar h2{
margin: 0px;
padding-left: 60px;
padding-top: 3px;
text-align: left;
color: #0AA0BE;
font-size: 1.4em;
}
#siteWrapper #headerbar h2 a{
color: #00B03E;
}
#footer
{

width: 920px;
height: 123px;
margin: 0px auto 0px auto;
background: url('../images/footer_rounded_bg.png') no-repeat;
}
#footer h3
{
margin: 0px;
padding: 10px 0px 0px 120px;
}
#siteWrapper #content {
margin: 0px 0px 0px 70px;
width: 600px;
font-size: 1.2em;
color: #F1F1F1;
}
#siteWrapper #contentPadding {
padding: 10px 20px 10px 60px;
}
#siteWrapper #content p
{
font-size: 1.1em;
}
#siteWrapper #content.popup {
padding: 0px;
}
#siteWrapper #content #login {
width: 300px;
border: 1px solid #999999;
margin: 30px auto;
}
#siteWrapper #content #login .loginHeader{
font-weight: bold;
text-align: center;
background-color: #999999;
color: white;
}
#siteWrapper #content #login .loginLabel{
width: 100px;
float: left;
padding: 5px 0px;
text-align: center;
}
#siteWrapper #content #login .loginInput{
width: 200px;
float: left;
padding: 5px 0px;
}
#siteWrapper #content #login .loginInput input{
border: 1px solid #999999;
}
#siteWrapper #content #login .loginSubmit{
text-align: center;
padding: 5px 0px;
}
#siteWrapper #content #login .loginSubmit input{
border: 1px solid #999999;
}
.editSubmit {
text-align: center;
}
.editSubmit input, #deletePage input {
border: 1px solid #000000;
padding: 3px;
margin: 5px;
}
#deletePage input {
margin: 2px;
}
.pageEdit {
text-align: center;
}
.pageEdit input {
width: 250px;
text-align: center;
border: 1px solid #000000;
}
.pageEdit input.radioButton {
width: auto;
}
.pageEditHeader {
font-weight: bold;
text-align: center;
margin: 20px 0px 5px 0px;
}
#adminToolBar {
width: 435px;
background: #999999;
height: 2em;
padding: 0px 15px;
}
#adminToolBar div{
float: left;
}
#adminToolBar div a{
padding: 5px 5px 6px 5px;
display: block;
height: 100%;
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
padding: 
}
#adminToolBar div a:HOVER{
background: #CCCCCC;
}
.PagePicListItem {
width: 100px;
padding: 5px;
float: left;
}
.PagePicListImage {
width: 100px;
height: 100px;
}
.PagePicListImage img {
width: 100px;
height: 100px;
}
.PagePicListDeleteLink
{
text-align: center;
font-size: 1.1em;
font-weight: bold;
}
.PagePicListLocationBox
{
text-align: center;
font-size: 1.1em;
font-weight: bold;
}

.PagePicListLocationBox input
{
font-size: 0.7em;
width: 97px;
}
#deletePage {
width: 220px;
margin: 10px auto;
}
.GalleryWrapper {
width: 600px;
border: 1px solid black;
margin: 0px;
padding: 0px;
}
.GalleryRow {
margin: 0px;
padding: 0px;
}
.GalleryCell {
margin: 0px;
padding: 5px;
/*border: 1px solid black;*/
text-align: center;
vertical-align: top;
width: 130px;
}
.GalleryCell img {
width: 100px;
border: none;
}
.GalleryCell input[type=text]{
width: 100px;
text-align: center;
}

.subPageListItem {
font-size: 1.2em;
}
.pageListLevel0 a{
color: #C2F429;
font-weight: bold;
}
.pageListLevel1 {
color: #89DDFC;
margin-left: 10px;
}
.pageListLevel2 {
margin-left: 25px;
}
.pageListLevel3 {
margin-left: 40px;
}
.pageListLevel4 {
margin-left: 55px;
}
.pageListLevel5 {
margin-left: 70px;
}


/*************************************\
***************************************
\*******Mail Form*********************/
.mailFormSettingsLabel,
.mailFormAddElementLabel {
float: left;
clear:left;
width: 150px;
margin: 5px 10px;
}
.mailFormSettingsInput,
.mailFormAddElementInput {
margin: 5px 10px;
float: left;
}
.mailFormSettingsInput input {
width: 200px;
}
.mailFormAddElementInput input {
border: 1px solid black;
width: 35px;
text-align: center;
}
.mailFormElement {
width: 80%;
margin: 10px 10%;
clear: both;
border: 1px solid black;
background: #666666;
}
.mailFormElementHeader {
width: 100%;
text-align: center;
padding: 2px 0px;
background: #999999;
}
.mailFormElementLabel {
float: left;
clear:left;
width: 110px;
margin: 5px 10px;
}
.mailFormElementInput {
margin: 5px 10px;
float: left;
}
.mailFormRow {
clear: left;
width: 100%;
margin: 5px 0px;
}
.mailFormRow label{
display: block;
float: left;
width: 100px;
font-size: 1.3em;
padding-right: 10px;
text-align: right;
}
.mailFormRow input[type=text] {
width: 250px;
}
.mailFormRow textarea {
width: 250px;
height: 100px;
}
.mailFormRow select {
}
.mailFormSubmit {
text-align: center;
margin-bottom: 40px;
}

.siteSettingsArea {
border: 1px solid #000000;
width: 250px;
}