/* The Wedding Planner

Design Information:
-------------------


 */

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
/* next line governs the background to the webpage.  
Need to change bg.gif as well to make background all one colour 
*/
background: #81DAEC url(bg.gif) top center repeat-y;
}

#wrap {
background: #ffffff;
color: #303030;
margin: 0 auto;
width: 900px;
}

#header {
clear: both;
margin: 10px 0 0 0;
padding: 0;
height: 120px;/* initial value was 45px */

}

/* ~~~~~~~~~ Added Tabs DIV ~~~~~~~ */
#tabs {
	clear: both;
	background-color: #D09133; /*~~ Sets BG of Tabs to pink ~~~~~~~ */
	padding: 0;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 6px;
}

#tabs p {
font-size:12px
}

#tabs
 a:link {color:#FFFFFF}
 a:visited {color:#FFFFFF}
 a:hover {color:#000066}
 a:active {color:#FFFFFF}

/* ~~~~~~~~~ End Tabs DIV ~~~~~~~ */

#header h1 {
width: 250px;
margin: 0 0 10px 0;
float: left;
}

#header p {
width: 500px;
float: right;
text-align: center;
color: #a0a0a0;
margin: 0 0 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

#frontphoto {
margin: 0 0 10px 0;
border: 0;
}

#ltcolumn {
	float: left;
	width: 200px;
	font-size: 0.9em;
	line-height: 1.5em;
	background-image:url(images/nonrotate/strips_onside.jpg);
	background-repeat:repeat-y;
	margin-top: 0;
	margin-right: 5;
	margin-bottom: 10px;
	margin-left: 5;
	padding: 0;
	}




#ltcol {

padding: 5px;

}



#rtcolumn {
	float: right;
	width: 200px;
	background-image:url(images/nonrotate/strips_onside.jpg);
	background-repeat:repeat-y;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-top: 0;
	margin-right: 2;
	margin-bottom: 10px;
	margin-left: 2;
	padding: 0;
}

<!-- This section pads the text in the three boxes in right column -->
#rttop {

padding: 5px;

}
#rtmid {

padding: 5px;

}
#rtbot {

padding: 5px;

}

<!-- above section pads the text in the three boxes in right column -->

#rtcolumn p {
margin: 0 0 1.5em 0;
}

#content {
margin: 0 200px 20px 200px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#cont {
margin: 0 10px 20px 10px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

h1 {
font-size: 1.5em;
margin: 0 0 10px 0;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}

a {
text-decoration: none;
color: #286ea0;
}

a:hover {
text-decoration: underline;
color: #000066;
}

a img {
border: 0;
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 4px solid #f0f0f0;
width: 860px;
text-align: center;
color: #000000;
font-size: 0.9em;
}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

table.home {
clear:both
width:100%
line-height: 1.4em;
border-collapse:collapse;
margin: 3;
padding: 3;
text-align: center;
}

table.rates {
clear:both
width:100%
line-height: 1.4em;
border:fine;
border-bottom-color:#000000;
margin: 3;
padding: 3;
text-align: center;
}


/* Additional CSS For forms  */

fieldset
{
border: 1px solid #781351;
margin-left:15px;
padding-left:5px;
width: 36em
}

legend
{
color: #fff;
background: #81DAEC;
border: 1px solid #781351;
padding: 2px 6px
} 

.tarea
{
width: 180px;
height: 80px;
}



/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}

/* Custom colours for February 08 issue */
/* 
Main colours
Turquoise 129,218,236  81DAEC  =turq1
Soft Pink 241,114,172  F172AC
Mauve	  137,114,179  8972B3

Menu Bar on Left
Turquoise 129,218,236  81DAEC = turq1
Hover Blue    000,071,214  0047D6
Border lt 051,000,102  330066

Left column Text Wash
153,204,255  99CCFF  turq2

Right Column
Pink = spink1 245,163,201  F5A3C9
Turquoise=turq1  000,180,214  00B4D6
Mauve= mauve1  137,114,179  8972B3

*/

.bg-turq1 {
	background-color: rgb(129,218,236);
}
.bg-turq2 {
	background-color: rgb(153,205,255);
}

.bg-spink1 {
background-color: rgb(245,163,201);
}


.bg-mauve1 {
background-color: rgb(137,114,179);
}