body {margin:0px; font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal; background-color:#2D2658;
background-image: url("images/blurred.gif");background-repeat: no-repeat; background-position: /*0px 500px*/   right bottom }		/*n.b. 2D2658 is dark blue*/
.fonts {font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 14px;}
p, li {font-size:14px}
textarea {font-size: 14px; width: 150px}
select {font-size: 14px; width: 100px}
input {font-size:14px}

a:link   {text-decoration:none;color:#000099}
a:visited{text-decoration:none;color:#6666CC}
a:active {text-decoration:none;color:#000099}
a:hover  {text-decoration:underline;color:#000099}

h1 {font-weight:bold; font-size:16px}
h3 {font-weight:bold; font-size:14px}
h4 {font-weight:bold; font-size:14px}

p.blue {color: #330099}

.one {color: #FFFFFF}
.alt {background-color: #ccccff}
.opt {font-size:14px; width:150px}
.input {font-size:14px}

.picaction {font-size:10px}


.buttons {color:white; font-size:10px; background-color:#62007e; width:60px}
.buttons_autowidth {color: white; font-size: 10px;  background-color: #62007e}
.buttons_sms {color:white; font-size:10px; background-color:#62007e; text-align:center; width:160px; overflow:visible; visibility:inherit}

.border  {border-style:solid;border-width:1;border-color:#000000}
.borders {border-left:1 solid #cccccc;border-right:1 solid #cccccc}
.calborder {border:solid 0px gray}

/* contacts_list page */
.line {border-bottom:1px solid #CCCCCC}

/* appointment popups - add, edit, delete */
.apptpop {font-size: 12px; width: auto}

/* message at top of calendar and contacts */
.smshelp {color:#FF6531; font-size: 14px}

/* login component */
.logbox {font-size:10px}

/* sidebar links */
A.sbar:hover {color: red; font-weight: bold; font-size: 12px}
.sidebar  {font-size:12px} 

/* rollover icons on contacts page */
.rollover a {display:block; width:24px}
.rollover a:hover {border:1px solid #000000}

/* message centre colours & info boxes in sidebar*/
.orange {color: #ff6531}
.box {padding:2px; border: solid 1pt #ccc}
.box1 {padding:2px; border: solid 1pt #62007e}

/* positions of main menu sub items */
.topmenu { position: absolute; z-index: 1; top: 100px; left: 10px; width: 259px; height: 20px; visibility: visible; display: block }
.topmenubackground { position: absolute; z-index: 0; top: 100px; left: 0px; height: 20px; visibility: visible; display: block }
.submenu2  { position: absolute; z-index: 2; top: 100px; left: 110px; width: 100px; height: 100px }
.submenu4  { position: absolute; z-index: 2; top: 100px; left: 310px; width: 100px; height: 40px }
.submenu5  { position: absolute; z-index: 2; top: 100px; left: 410px; width: 100px; height: 40px }
.submenu6  { position: absolute; z-index: 2; top: 100px; left: 510px; width: 100px; height: 60px } 

/* main menu - primary navigation - links */
.toprollover a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff; display:block; height: 20px; width:100px;background-color: #62007E}
.toprollover a:hover {font-size: 12px; background-color: #330099; color: #FFFFFF}
.toprollover a:visited {font-size: 12px; color: #FFFFFF}

/* main menu - drop down menu top row items - links */
.subtopitem a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;display:block; height: 20px; width:100px; background-color: #330099}
.subtopitem a:visited {font-size: 12px; color: white; text-decoration: none}
.subtopitem a:hover {font-size: 12px; color: white; text-decoration: underline}

/* main menu - drop down items - links */
.subro a {padding:3px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff; display:block; height: 20px; width:100px; background-color: #330099}
.subro a:visited {font-size: 12px; color:#9999CC}
.subro a:hover {background-color:#FF6531; color:#000000}   

/* big buttons in middle of a page */
.bigrollover a {padding:22px;font-size: 18px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;  display:block;
	height: 80px; width:200px; border:6px #B6BCFF outset}
.bigrollover a:visited {color: #FFFFFF}
.bigrollover a:hover {background-color: #FF6531; color: #000000;border-style:inset} /* alternative orange is #FF8C31  */

/* positions of big buttons
.bigbutton1 {position: absolute; top: 241px; left: 216px}	*/

/* small square buttons in middle of a page */
.smallrollover a {padding:4px;font-size: 12px; font-family: Verdana; text-decoration:none; text-align: left;  color: #ffffff;  display:block;
	height: 70px; width:70px; background-color: #4169E1;border:6px #B6BCFF /*4169E1*/ outset}
.smallrollover a:visited {color: #FFFFFF}
.smallrollover a:hover {background-color: #FF6531; color: #000000;border-style:inset}

/* login button 	FF6531 is orange, 3300CC is paler blue*/
.login a {padding:4px;font-size: 14px; font-family: Verdana; text-decoration:none; text-align: centre;  color: #ffffff;  display:block;
	height: 126px; width:132px; background-color: #330099;border:6px #B6BCFF outset}
.login a:visited {color: #FFFFFF}
.login a:hover {background-color: #3399FF; color: #000000;border-style:inset}

/* register for Reminders button 	FF6531 is orange, 3300CC is paler blue*/
.login_reminder a {padding:17px;font-size: 18px; font-style: italic;  font-family: Verdana; text-decoration:none; text-align: centre;  color: #ffffff;  display:block;
	height: 75px; width:200px; background-color: #330099;border:6px #B6BCFF outset}
.login_reminder a:visited {color: #FFFFFF}
.login_reminder a:hover {background-color: #3399FF; color: #000000;border-style:inset}