body {background-color: #6692BC}

#wrapper
{
  width: 740px;
  background-color:#004990;
  margin: auto;
}

#content {
  background-color:#CCDBE9;
}

#main
{
    margin: 0 180px;    /*Give space for side1 and side2.  Will be overriden for left and right side to zero if applicable. */
}

#side1
{
  width:180px;
  float:left;
}
  
#side2
{
  width: 180px;
  float:right;
}

#side1, #side2, #main {padding:5px;}
#component {padding:5px;}


/*
#side1 div div
{
    margin: 0 0 10px 10px;
}
#component
{padding: 10px;}
*/

/* .pds-box{width: 180px !important} */ /*Do in pollmodule */

#bottom
{
  clear:both;
  margin: auto;
  background-color:#CCDBE9;
}

#footer
{
  border-top: 10px solid #CECECE;
  background-color:#004990;
  background-color:white;
  text-align: center;
}

#banner
{
  background-color:white;
  width:100%;
  text-align: center;
}

#top {
    height: 30px;
    width: 100%;
    background-color: #666666;
    position: relative;
}
#logon {
    position: absolute;
    top: 10px; right: 200px;
}
#promotion {
    position: absolute;
    top: 10px; right: 40px;
}

/*
#promotion {position: absolute;margin-right: 50px;}
#col2 {background-color:#CCDBE9;}
*/

.errors, .msg
{
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.errors
{
    color: #FF0000;
}

.msg
{
    color: #004990;
}

.errors ul
{
    list-style-type: none;
    margin: 10;
    padding: 10;
}
    
.msg ul
{
    list-style-type: none;
    margin: 10;
    padding: 10;
}

.component_title
{
    font-size: 12pt;
    margin: 5px;
}

#user1 div.mod_rotator, #user2 div.mod_rotator {
height: 200px;
margin: 5px;
/* border-style: solid; */
}

#header {
    margin: 0;
    padding: 0;
    height: 165px;
    background: url(../headers/villascape/header.jpg) no-repeat scroll left top;
    width: 100%;
    background-color: white;
    position: relative;
    overflow:hidden;
}

#header_rotator div.mod_rotator {
display: inline;
height: 300px;
}

#header_rotator
{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100px; left: 350px;
}

h1.header_title {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px; left: 400px;
    color:#0B55C4;
    font-size:20px;
    font-weight:bold;
    margin:0;
    padding-bottom:8px;
    font-family:Arial,Helvetica,sans-serif;
    line-height:14px;
}
p.tagline {
    font-style: italic;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70px; left: 420px;
    color:#000000;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:14px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#mainmenu .mod_menu{
	width: 180px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
}

#mainmenu .mod_menu ul{
	margin: 0;
	padding: 0;
}
#mainmenu .mod_menu li{
    list-style-type: none;
}

#mainmenu .mod_menu li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../menus/arrowgreen/arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
#mainmenu .mod_menu li a:link, .mod_menu li a:visited {
	color: #5E7830;
}

#mainmenu .mod_menu li a:hover{
	color: #26370A;
	background-position: 100% -32px;
}

#mainmenu .mod_menu li.selected a{
	color: #26370A;
	background-position: 100% -64px;
}

#mainmenu .mod_menu .module_title{
    font: bold 18px Verdana, Arial, Helvetica, sans-serif;
    color: blue;
    display: block;
    background-color:white;
    padding: 4px 0 4px 10px;
    line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
}    
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#submenu .mod_menu{
width: 180px; /*width of menu*/
}

#submenu .mod_menu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../menus/arrowlistmenu/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#submenu .mod_menu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#submenu .mod_menu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#submenu .mod_menu ul li a{
color: #A70303;
background: url(../menus/arrowlistmenu/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#submenu .mod_menu ul li a:visited{
color: #A70303;
}

#submenu .mod_menu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
#tinymenu .mod_menu
{
margin-bottom: 1em;
overflow: hidden;
text-align: center;
}

#tinymenu .mod_menu ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

#tinymenu .mod_menu li
{
border-left: 1px solid #000;
display: inline;
line-height: 1.1em;
margin: 0 .5em 0 -.5em;
padding: 0 .5em 0 .5em;
}

#tinymenu .mod_menu .first
{border-left: 0;}

#tinymenu .mod_menu .selected a /** currently selected menu item **/
{ font-weight: bolder;}