#main{}
#index, #contact, #group, #groups {width:950px; margin:0 auto; text-align:left; background-repeat: repeat;background-position: center bottom; }
#index, #group, #groups {background-image: url(../media/images/bg.gif); }
#contact {background-image: url(../media/images/bg2.gif); }

#spacer {height:1px;}
#header1 {height:160px; background-image: url(../media/images/headerN.gif); background-repeat: no-repeat; background-position: center bottom; }
#header1 #scroller { height:15px; width: 400px; padding-top: 123px; padding-left: 385px; color: #6600CC; font-weight: bold; }
#header1 #scroller #pscroller1{width: 400px;height: 25px;padding: 3px;}
#header1 #scroller .someclass{}
#header2 {height:15px;background-color: #663399; background-repeat: no-repeat;background-position: center bottom;}
#index #header2, #group #header2, #groups #header2 {background-image: url(../media/images/header.gif);}
#contact #header2 {background-image: url(../media/images/header2.gif);}

#content {font-size:0.69em;}

#content { width:100%;}
#content .sidebar { float:left; width:130px; margin: 0 0 0 10px;color: #FFFFFF;}
#content .sidebar .row_1 {}
#content .sidebar .row_2 {font-weight: bolder; font-size: 16px; text-align: center; align: center; vertical-align: top; margin: 20px 0 20px 0; }

#index #content .col_1 {margin: 0 0 0 179px;width:740px;}
#contact #content .col_1 {float:right; width:540px; margin: 0 30px 0 40px;}
#contact #content .col_2 {margin: 0 40px 0 179px; width:150px;}
#group #content .col_1 {float:right; width:290px; margin: 0 30px 0 40px;}
#group #content .col_2 {margin: 0 40px 0 179px; width:410px;}
#groups #content .col_1 {float:right; width:210px; margin: 0 30px 0 40px;}
#groups #content .col_2 {margin: 0 260px 0 179px; width:490px;}

.clearf {height:1px; clear:both; background-repeat: repeat; background-position: center bottom;}
#index .clearf, #group .clearf, #groups .clearf {background-image: url(../media/images/bg.gif); }
#contact .clearf {background-image: url(../media/images/bg2.gif); }

#footerp { height:15px; padding-left: 5px; background-color: #663399; background-repeat: no-repeat; background-position: center top; font-size: 11px; color: #CCC; vertical-align: bottom; line-height: normal; }
#index #footerp, #group #footerp, #groups #footerp {background-image: url(../media/images/footer.gif); }
#contact #footerp {background-image: url(../media/images/footer2.gif); }

#footert { height: 23px; padding-left: 15px; background-repeat: no-repeat; background-position: center top; font-size:11px; color: #CCC; background-image: url(../media/images/footer.png); }
#footert .col_1 {float: left;width:200px;text-align: left;}
#footert .col_2 {margin: 0 0 0 200px;width:700px;text-align: center;}

.clear {clear:both; background-color: #663399; }
.clearf {clear:both; }
* { margin:0; padding:0;}
body {font-family:Arial;font-size:100%;line-height:1em;color:#333;background-color: #999}
p {}
li { list-style-position: inside; list-style-type: disc; }
input, select { vertical-align:middle; font-weight:normal;}
img { border:0; padding: 0 2px 0 3px; }
h1 { font-size: 2em; margin-bottom:15px; font-weight: bolder; }
h2 { font-size: 1.5em; margin-bottom:5px; font-weight: bold; }
h3 { font-size: 1.25em; font-style: italic; font-weight: bold; }
h4 { font-size: 1.25em; font-weight: bold; }
.formtxt {width:100px;height:20px;text-align: left;}
.form { width:150px; height:20px;}
.form input { width:170px; height:18px; background:none; font-size:1em; color:#000000; font-family:arial; }
label1 {text-align: right; 	vertical-align: text-top;}
label2 {text-align: right;vertical-align: top;}
textarea { width:415px; height:140px; background:none; overflow:auto; border:1px solid #babec1; font-size:1.1em; color:#000000; font-family:arial;background-color: #FFFFFF;}


ul { list-style:none;}
ul li a { line-height:1.583em; font-size:1.1em;}

a:link {color:#333;font-weight: bold;text-decoration: none;}
a:visited {color:#333;font-weight: bold;text-decoration: none;}
a:hover {color:#333;font-weight: bolder;text-decoration: underline;}
a:active {color:#333;font-weight: bolder;text-decoration: none;}

/*==================menu====================*/
ul.MenuBarVertical { margin: 0; padding: 0; list-style-type: none; font-size: 12px; cursor: default; width: 10em;}
ul.MenuBarActive {z-index: 1000; }
ul.MenuBarVertical li {margin: 0; padding: 0; list-style-type: none; font-size: 11px; position: relative; text-align: left; cursor: pointer; width: 11.2em;}
ul.MenuBarVertical ul {margin: -5% 0 0 95%; padding: 0; list-style-type: none; font-size: 12px; position: absolute; z-index: 1020; cursor: default; width: 10.2em; left: -1000em; top: 0;}
ul.MenuBarVertical ul.MenuBarSubmenuVisible {left: 0;}
ul.MenuBarVertical ul li {width: 12em;}
ul.MenuBarVertical { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #639; border-right-color: #639; border-bottom-color: #639; border-left-color: #639; }
ul.MenuBarVertical ul { border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #639; border-right-color: #639; border-bottom-color: #639; border-left-color: #639; }
ul.MenuBarVertical a, ul.MenuBarVertical a:visited {display: block; cursor: pointer; background-color: #B8A9D2; padding: 0.5em 0.75em; color: #FFFFFF; text-decoration: none; font-weight: bold;}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus {background-color: #FFC;	color: #333; font-weight: bold;}
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible {background-color: #FFC;	color: #333; font-weight: bold;}
ul.MenuBarVertical a.MenuBarItemSubmenu {background-image: url(../media/images/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%;}
ul.MenuBarVertical a.MenuBarItemSubmenuHover {background-image: url(../media/images/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}
ul.MenuBarVertical iframe {position: absolute; z-index: 1010;}
@media screen, projection {ul.MenuBarVertical li.MenuBarItemIE {display: inline; float: left; background: #639;}}

