﻿/* The Hamptons Real Estate */
/*
    CSS Definitions designed by Bee-Squared Computing.
    http://www.bee-squared.com

    Full Screen Content Theme.

    Outline Blue (outines)          = rgb(47,86,111)   : #2F566F
    Dark Blue (dramatic background) = rgb(49,115,157)  : #31739D
    Medium Blue (main background)   = rgb(61,160,228)  : #3DA0E4
    Light Blue (text background)    = rgb(255,255,255) : #FFFFFF
    Alternative Light Blue          = rgb(159,193,215) : #96C1D7
    Highlight Blue (highlights)     = rgb(210,226,234) : #D2E2EA

    Text Color                      = rgb(0C,0C,0C)    : #000040  was: #0C0C0C   was: #666666

    NOT USED:  Third Color (beach sand)        = rgb(237,211,155) : #EDD39B - NOT USED
    Third Color (sea green)         = rgb(46,139,87)   : #2E8B57

    Background Test 1               = #FAF7EE

    General Minimum Width           = 920px
    Left Column Width               = 172px
    Right Column Width              = 180px (specified in CSS subtracts the side margin of 10px)
*/

* 
{
	margin: 0;
	padding: 0;
}

body
{
	background-color:rgb(159,193,215); 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000040;	
	
}

th, td 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000040;
	
}

h1, h2 
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 
{
	font-size: 1.3em; 
	font-weight: normal;
	margin-top:1.5em;
	margin-bottom:1em;
}
/*
h1:first-letter
{
    font-size:1.3em;
}
*/

h2 
{
	font-size: 1.2em; 
	font-weight: bold;
	margin-top:1em;
	margin-bottom:.5em;
}

h3 
{
	/* margin: 1.2em 0 .5em 0; */
	margin: 1.2em 0 1.5em 0;
	font-size: 1em; 
}

p, ul, ol 
{
	margin-bottom: 1.5em;
	line-height: 1.6em;
}

p 
{
    letter-spacing:normal;
    line-height:normal;
}

ul 
{
	list-style: none;
}

ul li 
{
    padding-left:10px;
    margin-left:3em;    
    background:transparent url(images/ticksall3.gif) left -120px no-repeat;
}

li
{
}


ol {}

ol li
{
    padding-left:7px;
    margin-left:3em;
    background-image:none;
}

a 
{
	  /* color:black; #29A3E1; */
}

a:link 
{
	color: #3490F8;
}

a:hover, a:active 
{
	text-decoration: none;
	color: #F89934;
}

a:visited 
{
	color: #666666;
}

img 
{
	border: none;
}

iframe#framecontent
{
	width:100%;
	height:600px;  /* 575px; */
	margin:1em 0;
	zoom:90%;
}



/* ======================== */
/* Ouside of Standard Types */

.warningmsg
{
    color:Red;
    font-weight:bold;
}

.errormsg
{
    color:Red;
    font-weight:bold;
    font-size:1.1em;
}

/* ======================== */
/* What the content area that everything is on look like */

#bodyback
{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background:transparent;	
}

#bodybling
{
    margin:0;
    padding:0;
    background:transparent;
}

#bodyarea
{
    margin:0;
    padding:0;
    background-color:Transparent;
}



/* ======================== */
/* Text Shadows */

.shadow 
{
    text-shadow: 3px 3px 5px #666666;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);

}
.shadowcpt
{
    text-shadow: 3px 3px 5px #666666;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
}


/* ======================== */
/* The top header */

#pageheader
{
    width:100%;
    height:86px;
    margin:0;
    min-width:920px;  
    overflow:hidden;
	text-align:left;
    background:transparent url(images/headerptrn1sm.gif) bottom left repeat-x;
}

#pghdrgraphic
{
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    /* background:transparent url(images/topgraphic02b.jpg) top right no-repeat; */
}
/* Based on H1 */
#pghdrgraphic p#hamptonsmain
{
    color:#FFF;
    text-transform:uppercase;
    font-family:Arial;
    font-weight:bold;
    font-size:28px;
    padding-top:0;
    margin-top:-0.2em;
    margin-bottom:0;
}
#pghdrgraphic #hamptonsre
{
    color:#FFF;
    text-transform:uppercase;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    margin-left:175px;
    margin-top:-0.2em;
    margin-bottom:0;
}

#pageheader2
{
    position:relative;
}

#topgraphic
{
    /*float:right; */
    margin:0;
    padding:0;
    border:none;
    
    position:absolute;
    top:0px;
    left:278px;
}

#thephonenumber
{
    float:right;
    padding-top:4px;
    padding-right:4px;
    background-color:transparent;
    overflow:visible;
}
#thephonenumber b
{
    font-size:18px;
    font-weight:bold;
    color:#FFFFFF;
    overflow:visible;
    z-index:10000;
}

#logoheader
{
    top:0;
    left:0;
    width:86px;
    height:86px;
    overflow:hidden;
    
    float:left;
    margin:0;
    padding:0;
    font:sans-serif;
}

#pageheader p
{
    color:#FFF;
    font-size:9px;
    margin-bottom:0;
    padding-bottom:0;
}

#pageheader h1
{
    color:#FFF;
    text-transform:uppercase;
    font-family:Arial;
    font-weight:bold;
    font-size:28px;
    padding-top:0;
    margin-top:-0.2em;
    margin-bottom:0;
}

#pageheader h2
{
    color:#FFF;
    text-transform:uppercase;
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    margin-left:175px;
    margin-top:-0.2em;
    margin-bottom:0;
}

#pageheader h3
{
    margin: 1.2em 0 .5em 0;
    color:#FFFFFF;
    text-transform:uppercase;
    font-family:Arial;
    font-size:26px;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0px;
    width:99%;
    height:auto;
    text-align:right;
    font-size:16px;
    padding:4px;
}

#tagline
{
    width:99%;
    padding-right:10em;
    color:#FFFFFF;
    font-weight:bold;
    height:20px;
}
#tagline p
{
	margin: 1.2em 0 1.5em 0;
	font-size: 1em; 
	
    float:right;
    height:auto;
    width:400px;
    font-size:12px;
    color:#FFFFFF;
    font-weight:bold;
    text-align:right;
    padding:0;
    margin:0;
}

.ie7bugworkaround
{
	height: 0px;
	margin:0;
	padding:0;
	font-size:1px;
	border:none;
}

p.divspacefix
{
	height: 0px;
	margin:0;
	padding:0;
	font-size:1px;
	border:none;
}



/* ======================== */
/* The displayed page */

#toptop
{
	width:960px;
    height:24px;
	padding: 0 0 0 0;
	background-color:transparent;    
	margin: 0 auto;
}

#toptop h2,
#toptop h3
{
    color:#FFFFFF;
    margin:0;
    padding:0;
    letter-spacing:normal;
    font-weight:bold;
    vertical-align:bottom;
}

#toptop h2
{
    float:left;
    width:350px;
    font-size:20px;
}

#toptop h3
{
    float:right;
    width:550px;
    font-size:12px;
    text-align:right;
}

#page
{
	width:960px;
	max-width:960px; 
	overflow:hidden;
	
	position:relative;
	
	
	margin: 0 auto 32px auto;
	padding: 0 0 0 0;
	background-color:rgb(61,160,228);
	border:solid 2px navy;
}

/* This class is needed for IE6 */
#pagez
{
	width:960px;
	height:100%;
	overflow:hidden;
	left:0;
	top:0;
	margin: 0;
	padding: 0;
	background-color:transparent;
}

.pagelike
{
	width:960px;
	margin: 0 auto 32px auto;
	padding: 0 0 0 0;
	background-color:rgb(61,160,228);
	border:solid 2px navy;
}



/* ============================ */
/* Content Area */

.attop
{
    height:3px;
    width:3px;
    margin-left:-1em;
    margin-top:1.5em;
    background:transparent; /* url(images/titletopleft1.gif) left top no-repeat; */
}
.articletitle
{
    /* color:#31739D; */
    color:#31739D;
    /* background:transparent url(images/hdrswish5.jpg) top left repeat-y; */
    /* background:transparent url(images/hdrborderbtm1.jpg) bottom left repeat-x; */
    background:transparent url(images/hdrswish5.jpg) bottom left no-repeat;
    font-size:1.6em;
    /* margin-left:-1em; */
    margin:0 0 0 0em;
    padding:.1em .5em 6px 0;
    
}
.atbtm
{
    height:3px;
    width:3px;
    background:transparent; /* url(images/titlebtmleft1.gif) left top no-repeat; */
    margin-left:-1em;
    margin-bottom:1em;
}

#content
{
    position:relative;
    margin:0;
    padding:0;
	/* width:100%; */
	width:960px;  /* match the width of #page for IE6 */
	overflow:visible;
	
	/* min-width:920px; */
	
    background:#FFFFFF url(images/sidearea1.gif) top left repeat-y;  
}

#content2
{
    position:relative;
    width:100%;
	overflow:visible;
    
    background:Transparent; 

    /* Hack to get IE6 to work */    
    min-height:875px;
    height:auto !important;
    height:875px;
}

#contentcol2
{
    margin:0;
    height:100%;
    padding:0 1em;

    /* Hack to get IE6 to work   */  
    min-height:875px;
    height:auto !important;
    height:875px;
}


/* ============== */
/* Shady */

#rightshade
{
    margin:0;
    padding:0 2px 0 0;
    background:transparent url(images/rightshadow2.gif) top right repeat-y;
}

/* ============== */
/* Rounded Corners */
.mct 
{
    margin:0;
    padding:0;
	height: 3px;
    width:100%;
	background:transparent url(images/topedge1.gif) repeat-x left top;
}

.mct .ml 
{ 
    width:100%;
}

.mct .mr 
{
	height: 3px;
    width:100%;
	background:transparent  url(images/topcornershadow1.gif) no-repeat right top;
}


.mcb 
{
    padding-top:1px;
	background:#2F566F url(images/rightshade2.gif) right top no-repeat;
}

.mcb .ml 
{
    padding-left:4px;
    height:1px;
    background-color:#3DA0E4;
}

.mcb .mr 
{
    height:1px;
    background-color:#31739D;
}

/* ============== */


#col1
{
	position:absolute;
	top:0px;
	left:0px;
	width:172px;  /* matches faux background */
	overflow:hidden;
	background-color:transparent;

    /* Hack to get IE6 to work    
    min-height:875px;
    height:auto !important;
    height:875px; */
}

#col2,
#col2wide,
#calcol2
{
    /* width:auto; */
    /* margin:0 180px 0 172px; */ /* these are the widths from col1 and col3 */
    padding:0;
}
#col2wide
{
    width:788px;  /* 960 - 172 */
    margin:0 0 0 172px; /* these are the widths from col1 and col3 */
    margin-right:0;
}
#col2,
#calcol2
{
    width:608px;   /* 960 - 180 - 172 */
    margin:0 180px 0 172px; /* these are the widths from col1 and col3 */
    background-color:transparent;  /* IE6 needs this, believe it or not. */
}
#calcol2
{
    width:560px;   /* 960 - 180 - 172 */
    margin:0 230px 0 172px; /* these are the widths from col1 and col3 */
    /* background-color:Yellow; */
}

#col3,
#calcol3
{
    position:absolute;
    top:0px;
    /* right:0px; */
    left:780px;  /* 960 - 180 */
    width:180px; 
    overflow:hidden;
    padding-top:30px;  /* height of the tabs */
    background-color:transparent;
    color:#000040;
    text-align:left;
}
#calcol3
{
    left:750px;  /* 960 - 180 */
    width:210px; 
    /* background-color:Lime; */
}


/* ========================= */
/* Main Navigation */

#nav
{   
	width:auto;
	height:30px;
	margin:0;
	padding:0 0 0 172px; 
	background:#3DA0E4;
}

#nav ul
{
	width:auto;
	list-style: none;
	line-height: normal;
}

#nav li 
{
	display: block;
	float: left;
	margin-right: 3px;
	margin-left:0;
	padding: 0;
	background: #CFCECE url(images/tabshadeinact1.gif) repeat-x; 
}

#nav a 
{
	display: block;
	float: left;
	background: url(images/tabtopleft1.gif) no-repeat; 
	text-decoration: none;
	color:#999999; 
}

#nav a:hover 
{
	color: #1777B1;
}

#nav b 
{
	display: block;
	float: left;
	height: 23px;
	padding: 7px 20px 0 20px;
	background: url(images/tabtoprt1.gif) no-repeat right top;  
	cursor: hand;	
}

#nav li.active 
{
	background: #31739D url(images/tabshadeact1.gif) repeat-x;  
}

#nav li.active a 
{
	background: url(images/tabtoprtact1.gif) no-repeat right top;  
	color:#2F566F;  
}

#nav li.active b 
{
	background: url(images/tabtopleftact1.gif) no-repeat;  
}




/* ===================== */
/* Secondary Navigation */

#sidenav  
{
    margin:30px 0 0 0; 
    padding:0 6px;
    background-color:Transparent;
    overflow:hidden;
	background:transparent;  
}

#sidenav ul
{
    padding:0;
    list-style:none;
    color:#FFFFFF;
    background-color:Transparent;
}

#sidenav h2
{
    margin:0 !important;
    width:100% !important;
    /* height:76px !important; */
    vertical-align:bottom !important;
    color:#FFFFFF !important;
    font-weight:bold !important;
    font-size:21px !important;
    background:transparent url(images/hdrswishsmall5.jpg) bottom left no-repeat !important;
    margin-bottom:2em;
    padding-bottom:3px;
}

#sidenav h3
{
    margin: 1.2em 0 .5em 0;
    color:#FFFFFF;
}

#sidenav li
{
    width:100%;  
    padding:0px;
    margin:5px;
    vertical-align:middle;
    overflow:auto;
    background-image:none;
}

/* Ticks available:
    tick1.gif  (white)
    tick2.gif
    tickgreen2.gif
    tickblue2.gif
    tickyellow2.gif
    tickwhite2.gif
    tickred2.gif
    tickbirds2.gif
    ticksall2.gif
*/
#sidenav li a,
#sidenav li a:visited,
#sidenav li a:active,
#sidenav li a:link
{
    width:172px;
    color:#D2E2EA;
    text-decoration:none;
    padding-left:10px;
    margin:0;
    width:100%;
    height:auto;
    /* background:transparent url(images/tickyellow2.gif) top left no-repeat; */
    background:transparent url(images/ticksall3.gif) top left no-repeat;
    border:none;
    text-align:left;
}

#sidenav li a:hover
{
    padding-left:10px;
    color:yellow;
    text-decoration:none;
    /* background:transparent url(images/tickwhite2.gif) no-repeat; */
    background:transparent url(images/ticksall3.gif) left -40px no-repeat;
}

#sidenav li a b
{
    font-weight:normal;
    background-color:Transparent;
}

/* Feedback on the current location */
#sidenav .cursel
{
}

#sidenav li.cursel
{
    margin-left:0px;
    list-style:none;
    background-image:none;
}
#sidenav li.cursel a,
#sidenav li.cursel a:visited,
#sidenav li.cursel a:active,
#sidenav li.cursel a:link,
#sidenav li.cursel a:hover
{
    color:#FFFFFF;
    cursor:default;
    padding-left:15px;
    /* background:transparent url(images/tickbirds2.gif) no-repeat;  */
    background:transparent url(images/ticksall3.gif) left -80px no-repeat;
}

.sidemenuitem
{
    margin:2em .2em;
    padding:0;
    font-weight:bold;
    color:#FFFFFF;
}
.sidemenuitem .contactnumber
{
    font-size:1.2em;
}

/* =============================== */
/* Featured Propety Slideshows     */

#col3 p
{
    margin:0;
    padding:0;
}




/* =============================== */

#aliengoatee 
{
	clear: both;
	margin:0;
	padding-top: 10px;
	font-size: .8em;
	background: transparent; 
	color:#2F566F;
}

#aliengoatee p 
{
	margin: 0;
	text-align: center;
}

#aliengoatee a
{
    text-decoration:none;
	color:#000000;
}

#aliengoatee a:hover
{
	color:navy;
}


form#formLogin1
{
    margin:2em;
    padding:1em;
    background-color:#96C1D7;
    border:solid 1px #2F566F;
}

form#formLogin1 p
{
    font-weight:bold;
}


form#formLogin1 input#inputnomen,
form#formLogin1 input#inputpawod
{
    background-color:#31739D;
    color:#FFFFFF;
    font-weight:bold;
    font-family:Sans-Serif;
    font-size:1.1em;
    padding:.1em;
}

form#contactyou
{
    margin-bottom:3em;
}


/* =============================== */
/* Other                           */

#rssdrag
{
    margin:2em 0;
    text-align:center;
}

#centralcontact
{
    font-family:"Bookman Old Style" serif;
    text-align:center;
    padding:16px 4em .5em 4em;
    width:auto;
    margin:0;
    color:#FFFFFF;
    background:#31739D url(images/bottomborder1.gif) top left repeat-x;
}

#centralcontact p
{
    margin:0 -.5em;
    padding:0;
}

p.ctcaddress
{
    font-weight:bold;
    font-size:1.1em;
}

p.ctcphone
{
    font-weight:bold;
    font-size:1.2em;
}

p.ctcdesc
{
    margin:0;
    padding:0;
    line-height:normal;
    letter-spacing:normal;
    text-align:center;
    font-size:.8em !important;
    color:#FFFFFF !important;
}


/* ======================================= */
/* Special Definitions */

.smallhelp
{
    font-size:.8em;
    font-weight:normal;
    color:#31739D;
}
.smallhelp a
{
    color:#31739D;
    text-decoration:underline;
}

.contentsection,
.contentsectionfirst,
.contentsectionlast
{
    /* border-bottom:solid 2px #2F566F; */
}

.contentsectionfirst
{
}

.contentsectionlast
{
    border:none;
}

.customerdear
{
    font-weight:bold;
    margin-top:2em;
    margin-bottom:1em;
}

.customerquote
{
    font-style:italic;
}

.customerps
{
    font-style:italic;
}

.customersig
{
    text-align:right;
    font-weight:bold;
}
.customersig:before
{
    content:"--  ";
}

.imagefloat
{
    float:left;
    margin-right:1em;
    padding:2px;
}

.imagecaplarge
{
    font-weight:bold;
    font-size:1.3em;
    text-align:left;
    padding-top:0;
    margin-top:0;
    margin-bottom:.5em;
}

.imagecaplarge a
{
    border:none;
    text-decoration:underline;
}

.imagecaplarge a:link,
.imagecaplarge a:visited,
.imagecaplarge a:active,
.imagecaplarge a:link
{
    color:#2F566F;
}

.imagecaplarge a:hover
{
    color:#3DA0E4;
}

.imagecap
{
}

#contactagentoutside
{
    margin-top:4em;
    background-color:#2F566F;
    padding:1px;
    position:relative;
}
#contactagent
{
    text-align:center;
    border-top:1px solid #D2E2EA;
    border-left:1px solid #D2E2EA;
    border-bottom:1px solid #31739D;
    border-right:1px solid #31739D;
    
    top:-1px;
    left:-1px;
}
#contactagent h1,
#contactagent h2,
#contactagent h3,
#contactagent a
{
    font-size:18px;
    font-weight:bold;
    color:White;
    text-decoration:none;
    margin:0;
    padding:0;
}

#mlssection
{
    background-color:#FFFFFF;
    width:960px;
    border-top:1px solid #2F566F;
}


.quicksearchstate
{
    margin-top:1em;
    margin-bottom:.5em;
}

.quicksearchstate select
{
    width:60%;
    height:auto;
    font-size:.9em;
    margin-top:3px;
    padding:0;
    background-color:#D2E2EA;
}

.searchstate
{
    margin-top:1em;
    margin-bottom:.5em;
}

.searchstate select,
.searchstate input
{
    width:40%;
    font-size:.9em;
    margin-right:0;
    padding:0;
    background-color:#D2E2EA;
    vertical-align:top;
}
.searchstate select
{
    margin-top:3px;
}
.searchstate input
{
    width:35%;
}

.quicksearchbutton
{
    font-size:.8em;
    height:auto;
    margin:0;
    padding-top:0;
}

#searchnh
{
    padding-top:1em;
    margin-bottom:3em;
}



/* ================== */
/* Slide Show         */

#slideshowouter
{
	text-align:center;
	line-height: 1.6em;
	padding:4px;
    width:132px;
    height:141px;
	overflow:hidden;
}

#col1 #slideshowouter
{
    margin:11px;
    background-color:#D2E2EA;
}

#col3 #slideshowouter
{
    margin:23px;
    background-color:#3DA0E4;
}

#slideshowback
{
    width:132px;  
    height:100%; 
    margin:0;
    padding:0;
    background-color:Transparent; 
	overflow:hidden;
}

#slideshowback #slideshowimage
{
    margin:0;
    padding:0;
    width:132px;  
    height:141px;
    background-color:Transparent;
	overflow:hidden;
}



/* ================== */
/* Notifications      */
/* "You're the Boss"  */
/* yourinsideinfo is the add area for the service. */
/* Others are the actual forms for data entry. */

#yourinsideinfo
{
    background-color:transparent;  /* #EDD39B; */
    margin:3em 0;
    padding:0; 
    width:155px;
    height:Auto;
    cursor:hand;
}

#yourinsideinfo h1
{
    margin:0;
    padding:3px 0 0 0;
    width:155px;
    height:40px;
    background-color:transparent;  /* #3DA0E4; */
    color:#FFFFFF;  
    font-size:20px;
    font-weight:bold;
    text-align:center;
    font-family:Times New Roman, Times, timesnh, Serif;
    text-decoration:none;
}
/*
#yourinsideinfo h2
{
    color:#2F566F;
}
*/
#yourinsideinfo
#yourinsideinfo * a,
#yourinsideinfo * a:visited,
#yourinsideinfo * a:hover,
#yourinsideinfo * a:link
{
    color:inherit;
    text-decoration:none;
}
.bosslink
{
    text-decoration:none;
    cursor:hand;
}
/*
#yourinsideinfo h1:first-letter
{
    font-size:1em;
}
*/

.descriptionarea
{
    margin:0;
    padding:0;
}

.descriptionarea img
{
    text-align:right;
}

.descriptionarea h2
{
    margin:1em 0 0 0;
    padding:0;
    font-size:16px;
    text-align:center;
    color:black;  
    font-family:garamond, Sans-Serif;
}




#demarright
{
    margin:0;
    padding:0 1em 1em 1em;
    background:Transparent url(images/leftcolline2.jpg) top left repeat-y;
}




#fancytitle  
{
    padding:1em;
    font-weight:bold;
}

#fancytitle h1,
#fancytitle h2
{
    letter-spacing:normal;
    margin:0;
    font-weight:bold;
    font-style:italic;
    font-family:Verdana, Sans-Serif;
}

#fancytitle h1
{
    font-size:2.2em;
    padding:0 0 0 3em;
}

#fancytitle h2
{
    font-size:1.6em;
    padding:0;
}


#maindataentry
{
    width:500px;
}


#maindataentry > .groupinfo .infocol1
{
    background-color:transparent;
}


.infocol1
{
    float:left;

    width:150px;
    height:auto;
    overflow:hidden;
    padding-left:0 .5em 0 2em;
    text-align:right;
}

.infocol2
{
    height:auto;
    margin:0 0 0 155px;
    padding-left:.5em;
}

.infocol2 #mainsubmit
{
    width:12em;
}


.entrycol1
{
    float:left;

    width:190px;
    height:auto;
    overflow:hidden;
    padding-left:0 .5em 0 2em;
    text-align:right;
    font-size:12px;
    margin:.2em;
}

.entrycol2
{
    height:auto;
    margin:0 0 0 10px;
    padding-left:.5em;
    font-size:12px;
    margin:.2em;
}

.entrycol2 #mainsubmit
{
    width:12em;
}

.smalltech
{
    font-size:.8em;
    color:black;
}





.box-blue 
{
	background: url(images/bluesectopbar2.gif) repeat-x;
}

.box-blue .section 
{
	background: url(images/img15.gif) no-repeat right top;
	/* font-size: 100%; */
	color: #FFFFFF;
	text-align:center;
}

.box-blue .section b 
{
	display: block;
	/* height: 23px; */
	height: 12px;
	/* padding: 7px 0 0 20px; */
	padding: 4px 0 4px 0px;
	background: url(images/img14.gif) no-repeat;
}
.box-blue .section b a,
.box-blue .section b a:link,
.box-blue .section b a:visited
{
	color: #FFFFFF;
    text-decoration:none;
}

.box-blue .content 
{
	/* padding: 20px; */
	padding: .5em 5px 25px 1em;
	color:#000040;
    background:transparent url(images/emailnote2.gif) 10px bottom no-repeat;
}

.box-blue .content p img
{
    /* text-align:left; */
    float:left;
}

.box-blue .content p
{
    text-align:right;
    line-height:1.4em;
    font-weight:bold;
    font-family: Georgia, Monotype Corsiva, Garamond, Verdana, Sans-Serif;
    /* font-family: Trebuchet MS, Georgia, Monotype Corsiva, Garamond, Verdana, Sans-Serif; */
    font-size:1.1em;
    color:#000040;
}
.box-blue .content p a
{
    color:#000040;
}


/* ======================================= */
/* Calendar */

table.calendar
{
    text-align:center;
}

/* table.calendar tr td a */
.linked-day
{
    background-color:Silver;
}

.linkdayedit
{
}

.dayselectedit
{
    background-color:Yellow;
    border:1 solid red;
}

.linkdaytype1
{
    background-color:Aqua;
}
.linkdaytype2
{
    background-color:Orange;
}
.linkdaytype3
{
    background-color:Lime;
}
.linkdaytype4
{
    background-color:Teal;
}

.today-day
{
    border:1px red solid;
}
.today-day a
{
    color:Gray;
    font-weight:bold;
}

.calwrap
{
    width:180px;
    text-align:center;
    margin:2em 0 0 0;
    padding:0;
    background-color:lime;
    border:1 solid navy;
}

.calwrap .calnav
{
    width:auto;
    height:auto;
    
    margin:0;
    padding:0;
    text-align:center;
    
    background-color:transparent;
}

.calnav ul li
{
    background-image:none;
    list-style:none;
    list-style-image:none;
    list-style-type:none;
    background-color:transparent;
}

.calnav ul li
{
	display: block;
	float: left;
	margin-right: 3px;
	margin-left:0;
	padding: 0;    
}

.calnav ul li a,
.calnav ul li a:link,
.calnav ul li a:visited,
.calnav ul li a:active,
.calnav ul li a:hover
{
    text-decoration:none;
    background-image:none;
    background-color:Transparent;
    color:#000040;
}

.calnav ul li a b
{
    font-weight:normal;
}

.calnav a:hover
{
    color:red;
}

#prevcal
{
    /*
    float:left;
    margin:0;
    padding:0;
    width:2em;
    */
}

#todaycal
{
    /*
    text-align:center;
    margin:0;
    padding:0;
    */
    padding:0 2em;
}

#nextcal
{
    /*
    float:right;
    margin:0;
    padding:0;
    width:2em;
    */
}



.clrflts
{
    clear:both;
    font-size:1px;
}
/* ======================================= */
/* ======================================= */
/* Begin Aslett Clearing                   */
/* ======================================= */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
/* backslash hack hides from IE mac \*/
* html .clearfix{height:1%}
.clearfix {display:block;}
/* end backslash hack */
/* End Aslett Clearing */

