/* ------------------------------------------------------------------------------------- */
/* Copyright Einstein Industries 2003. Used with Permission.                             */
/* May not be duplicated or reproduced.                                                  */
/*                                                                                       */
/* Please check for cross-browser compatibility prior to making changes                  */
/* MINIMUM BROWSER CHECK :: IE5.x/IE6/Op7/NS7/Safari                                     */
/*                                                                                       */
/* CSS Document                                                                          */
/* ------------------------------------------------------------------------------------- */


/* basic elements */
ul,li,form { 
	margin: 0; 
	padding: 0;
	border: 0px;
}

.contentlists {margin:0; padding: 0px 0px 0px 20px;}

body { 
	margin: 0; 
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #000000;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
}

h1 {font-size:18px; color:#B84589;}
h3, h2 {font-size:16px; color:#B84589; font-weight:normal;}

a:link, a:visited {color:#000000;}
a:hover, a:active {color:#993366;}

#contact-pink a:link {color:#fff;}

.navbox a:link {color:#fff;}
.navbox a:visited {color:#fff;}
.navbox a:hover {color:#FFCCFF;}
.navbox a:active {color:#FFCCFF;}

a img, :link img, :visited img { border: none }

/* ------------------------------------------------------------------------------------- */

/* main structural elements*/

#faux-column {
background-image: url(../images/index/index_09.jpg);
background-position:left;
background-repeat:repeat-y;
}

#faux-column-sub {
background-image:url(../images/sub/backtile.jpg);
background-position:left;
background-repeat:repeat-y;
}

#main {
background-image:url(../images/index/index_06.jpg);
background-repeat:no-repeat;
text-align:left;
width:486px;
margin: 0px;
padding: 15px 25px 15px 25px;
}

.style2 {font-size: 11px;
line-height:16px;}

#mainsubtile {
background-image:url(../images/index/index_06.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#mainsub {
margin: 0px;
text-align:left;
padding: 20px 35px 45px 25px;
}

.procedures-column{
background-image:url(../images/sub/sidepane.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0px;
text-align:left;
padding:57px 20px 15px 22px;
}

.navbox {
background-color:#CB699C;
border:1px solid #73144E;
background-image:url(../images/sub/bottomtile.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin:0px;
padding:5px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
color:white;
text-align:left;
}

.navbox-header {
background-image:url(../images/sub/navtitle.gif);
height:42px;
background-position:top left;
background-repeat:no-repeat;
}
.top-left{margin: 10px 0 8px 0px;}

.img-margin{margin:10px 0 10px 0;}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0; 
	}
	
.img-right { 
	float:right; 
	margin:-30px 0 10px 10px; 
	}

#left {
background-image:url(../images/index/index_05.jpg);
background-repeat:no-repeat;
text-align:left;
width:154px;
margin: 0px;
padding: 15px 15px 15px 20px;
}

#leftsub {
text-align:left;
width:154px;
margin: 0px;
padding: 15px 15px 15px 20px;
}

#main-pink {
background-color:#C6639D;
background-image:url(../images/index/pink-top-tile.jpg);
background-repeat:repeat-x;
width:479px;
margin: 0px;
padding: 5px 25px 15px 25px;
color:#FFFFFF;
text-align:left;
}

#contact-pink {
background-color:#C6639D;
background-image:url(../images/index/pink-top-tile.jpg);
background-repeat:repeat-x;
margin: 0px;
border: 1px solid #990B66;
padding: 5px;
color:#FFFFFF;
text-align:center;
}
#cocco{
	text-align:center; margin:25px 0 -20px 0;
	}

#nobulletlist {
	width: 155px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}

#nobulletlist li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nobulletlist li a {
	text-decoration: none;
	color: #C85098;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
	line-height: 25px;
}

#nobulletlist li a:hover {color:#333333;}

#nobulletlist2 {
	width: 155px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}

#nobulletlist2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nobulletlist2 li a {
	text-decoration: none;
	color: #C85098;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
	line-height: 25px;
}

#nobulletlist2 li a:hover {color:#333333;}

#nobulletlist3 {
	width: 155px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-color: #FFFFFF;
	border: 1px solid #E0E0E0;
}

#nobulletlist3 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nobulletlist3 li a {
	text-decoration: none;
	color: #C85098;
	font-weight: bold;
	margin: 0px;
	padding: 8px;
	line-height: 25px;
}

#nobulletlist3 li a:hover {color:#333333;}

.contactaddress {color:#FFFFFF;}

div.clear	{ 
	clear:both;
	height:.01em; 
	overflow:hidden; 
	}

/* ------------------------------------------------------------------------------------- */
/* SPRITE navigation */

#menu {
	background:url(../images/index/nav.gif)  top left no-repeat;
	width: 750px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 30px;		/* Height of entire image */
}
#menu span { display: none; }

#menu li, #menu a { height:30px; display:block; } 

#menu li { float:left; list-style:none; _display:inline; }


/* left - defines offset from left edge, will most likely just be 0 */
/* width - width of each button, they will each most likely be unique */
#menu-02 {width: 64px; margin-left:120px;}
#menu-03 {left: 0px; width: 82px;}
#menu-04 {left: 0px; width: 58px;}
#menu-05 {left: 0px; width: 66px;}
#menu-06 {left: 0px; width: 58px;}
#menu-07 {left: 0px; width: 100px;}
#menu-08 {left: 0px; width: 85px;}
#menu-09 {left: 0px; width: 123px;}
#menu-10 {left: 0px; width: 51px;}



/* Changed values should match "width" numbers specified above */
#menu-02 a:hover {background:url(../images/index/nav.gif) -120px -30px no-repeat;}
#menu-03 a:hover {background:url(../images/index/nav.gif) -184px -30px no-repeat;}
#menu-04 a:hover {background:url(../images/index/nav.gif) -266px -30px no-repeat;}
#menu-05 a:hover {background:url(../images/index/nav.gif) -324px -30px no-repeat;}
#menu-06 a:hover {background:url(../images/index/nav.gif) -390px -30px no-repeat;}
#menu-07 a:hover {background:url(../images/index/nav.gif) -448px -30px no-repeat;}
#menu-08 a:hover {background:url(../images/index/nav.gif) -548px -30px no-repeat;}
#menu-09 a:hover {background:url(../images/index/nav.gif) -639px -30px no-repeat;}

/* SON OF SUCKERFISH */

#menu li ul {
	position:absolute;
	left: -9999px;
	border-top:1px solid #CA6397;
	border-right:1px solid #CA6397;
	background-color: #73144E;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
}

#menu li ul li {
	height: 20px;
	border-left:1px solid #CA6397;
	border-bottom:1px solid #CA6397;				                /* Height of each drop down menu item */
}
#menu li ul li a {
width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
}
#menu li ul li a span {
	display: block;
	padding-left: 5px;
	margin:0px;
	border:0px;
}

/* Drop down link styles */
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
	font-size: 11px;
	color: #EA85C8;
	font-weight:bold;
	text-align:left;
	text-decoration: none;
}

#menu li:hover ul, #menu li.sfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#menu-04 ul a:hover, #menu-05 ul a:hover, #menu-06 ul a:hover, #menu-07 ul a:hover { 
	background-image: none;
	background-color: #C1528E;
	color:white; 
}

/* width of drop down menu - choose width that allows items to display on one line */
#menu-04 ul, #menu-04 li { width: 115px; }		
#menu-05 ul, #menu-05 li { width: 150px; }		
#menu-06 ul, #menu-06 li { width: 195px; }		
#menu-07 ul, #menu-07 li { width: 160px; }		


/* Vertical Sprite Nav
 * ------------------------------------------------------------------------- */

#cocco {
	background:url("../images/sub/cocco_logo_inside.gif") top left no-repeat;					
	width:150px;		/* Width of buttons, not entite image (or half of entire image) */
	height:82px;		/* Height of entire image */
	margin:25px 0 15px 0;
	}

#cocco li span { display: none; }

#cocco li {
	float:left;
	list-style:none;
	}

#cocco li, #cocco a { 
	height:82px;			/* Each button must have the same height, define it here */
	display:block;
	}

/* margin-top to set where the nav should begin */
#cocco-01 { margin-top:0px; width:150px; }
#cocco-01 a:hover { background:url("../images/sub/cocco_logo_inside.gif") -150px  0px no-repeat; }



 /* ------------------------------------------------------------------------------------- */

/* footer */

#footer {
	background-image:url(../images/index/index_11.jpg);
	background-repeat:no-repeat;
	text-align:center;
	height: 65px;
}

 #footernav ul {
    margin: 0 0 10px 0;
    padding: 0;
    }

 #footernav li {
    margin: 0;
    padding: 0 7px 0 10px;
    display: inline;
    border-left: 1px solid #000;
    font-size: 12px;
    line-height: 12px;
    background: none;
    }

 #footernav li.first { 
    border: none;
    }
/* ------------------------------------------------------------------------------------- */

/* misc layout elements */

.home-left-col {
	background-image:url(../images/index/index_05.jpg);
	background-repeat: no-repeat;
}
 
input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:1px;
	color: #000;
	background-color: #FFF;
}


.quickcontact {
	width: 150px;
}

.submit {
	border:0px;
}

.contact-comment {
width:100%;
}


.big-form label, .big-form-field {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

.big-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

.big-form br {
	clear: left;
}
 /* ------------------------------------------------------------------------------------- */
