/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a:link {color: #5c2d91; text-decoration: underline;}
a:visited {color: #5c2d91;}
a:hover {color: #72bf44;}
a:active {color: #72bf44;}

/* GENERAL LAYOUT */
.formstuff {border: 1px solid gray; font-family: "Lucida Grande",Arial; font-size: 11px; padding: 3px;}
.grayborder {border: 1px solid gray; }

/* UNIVERSAL */
#topshadow { width: 100%; position: absolute; background-image:url(images/topdropshadow.jpg); height:8px; }
#container { width: 980px; margin: 0 auto; position: relative; }

/* top.php */
#logo { margin-top: 50px; margin-bottom: 30px; float: left;}
#topthing {float: left; margin-top: 50px; margin-left:50px;}
#topbuttons {float: left; margin-top: 50px; margin-left: 30px;}
#searchbutton {margin-top: 8px;}
#envelopegraphic {margin-left:5px;}
#map { float: left; margin-top:-50px; margin-left: 20px;}
#grayline {width: 730px; height:2px; margin-bottom: 30px; margin-top:-30px;}
.subtab {float: left; margin-left:30px; margin-top:5px; font-size: 10px; font-weight: bold;}
#usernameerror {float: left; margin-top: 10px; margin-left: 100px; width: 350px; color: red;}
#usernameerror a:link { color: black; text-decoration: underline; }

/* COLORS */
.background1 {background-color:#72bf44;} /* orange */
.background2 {background-color:#f5821f;} /* green */
.background3 {background-color:#5c2d91;} /* purple */
.background4 {background-color:#e5e5e5;}
.purple {color: #5c2d91;}
.orange {color: #f5821f;}
.green {color: #72bf44;}
.orangelink a:link {color: #f5821f;}
.orangelink a:hover {color: #333333;}
.orangelink a:visited {color: #f5821f;}
.orangelink a:active {color: #f5821f;}
.purplelink a:link {color: #5c2d91;}
.purplelink a:hover {color: #333333;}
.purplelink a:visited {color: #5c2d91;}
.purplelink a:active {color: #5c2d91;}
.greenlink a:link {color: #72bf44;}
.greenlink a:hover {color: #333333;}
.greenlink a:visited {color: #72bf44;}
.greenlink a:active {color: #72bf44;}

/* TABS at the top */
.tab1 {background-image:url(images/purpletab.jpg);}
.tab2 {background-image:url(images/orangetab.jpg);}
.tab3 {background-image:url(images/greentab.jpg);}
#tabs { width: 980px; height: 30px; background-color: white; margin-top: 40px; }
.subtab2 {float: right; margin-right: 24px;font-size:14px; margin-left:30px; margin-top:5px; font-weight: bold;}
.subtab a:link {color: black;}
.subtab a:hover {color: #5c2d91;}
.subtab a:active {color: #5c2d91;}
.subtab a:active {color: #5c2d91;}
.tab { width: 138px; height: 25px; float: left; margin-right: 15px; color: white; font-weight: bold; font-size: 14px; padding-top: 5px; text-align: center; }
.tab a:link {color: black; text-decoration: underline;}
.tab a:visited {color: black;}
.tab a:hover {color: white;}
.tab a:active {color: white;}

/* SPACING */
.floatleft {float: left;}
.topmarginten {margin-top:10px;}
.topmargintwenty {margin-top:20px;}
.topmarginforty {margin-top:40px;}
.headericon {margin-right: 4px;}
.rightmarginten {margin-right:10px;}
.leftmargintwenty {margin-left: 20px;}

/* SUBMENU */
#primarycontainer { width: 980px; height: 635px; padding-top: 10px;}
#submenu {margin-left: 30px; color: white; height: 24px;}
	.submenuitem a:link {color: white; text-decoration: none; }
	.submenuitem a:visited {color: white; text-decoration: none; }
	.submenuitem a:hover {text-decoration:underline;}
	.submenuitem {float: left; margin-right: 30px;}
#whiteinside { width: 900px; height: 540px; background-color: white; margin-left: 20px; border: 1px gray solid; padding: 20px; }

/* PHOTOS */
#bigphotosdiv {float: left; width: 800px;}
#photosleft {float: left; width: 200px;}
.graylinephotos {width: 760px; height: 1px; margin-top:20px;}

/* IMAGES */
.longgrayline {width:880px; height:1px; margin-top:10px; clear:both;}
.deletebox {margin-right:10px; margin-left:20px;}
.journalgrayline {width: 600px; height:1px; margin-top:20px; display: block;}

/* profile.php */
#profileleft { float: left; width: 160px; margin-right: 40px; height: 440px;}
#profileright { float: left; width: 680px;}
.profileboxes {border: 1px solid gray; float: left; width: 660px; padding: 10px;}
.profileboxtitles {font: 16px/20px "Helvetica", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #333; margin-top:20px; font-weight: bold; height: 20px; float: left; display: block;}
#thetrips {margin-top:10px; float: left; margin-left: 20px;}

/* LANDING PAGES */
#landingpagemain { float: left; width: 900px; }
.bigicons {margin-right:15px; margin-left:15px; margin-top: 40px; margin-bottom:20px;}
.landingpagegrayline {height: 1px; width: 900px; margin-top:20px;}

/* FORMS AND BUTTONS */
.formstuff3 {border: 1px solid gray; font-family: "Lucida Grande",Arial; font-size: 18px;}
.formstufftitle {border: 1px solid gray; font-family: "Lucida Grande",Arial; font-size: 16px; padding: 3px;}
.funbuttons {border: 1px solid black; font-family: "Lucida Grande",Arial; font-size: 11px; color: white; padding: 3px;}

/* LOGGED IN PAGE */
#loggedinleft {width:175px; float: left;}

#loggedinmiddle {width:280px; margin-left:20px; float: left; background-color:#f5821f;}
#loggedinmiddlewhite {   width: 220px; background-color: white; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px gray solid; padding: 20px; }

#loggedinmiddle2 {width:630px; margin-left:20px; margin-right: 20px; float: left; background-color:white; padding: 20px; height: 400px;}

#loggedinright {width:382px; margin-left:40px;  float: left; background-color:#5c2d91;}
.bottomimagespace {margin-right: 10px; margin-bottom: 10px;}
.bottomimagespace2 {margin-bottom: 10px;}
#main { width:100%; position: relative; }
#content { padding: 18px 20px; position: relative; color: #333; }
#login {float: left; margin-top: 58px; margin-left: 50px; width: 500px;}
.logindiv { width: 160px; float: left;}

.welcomeboxes {color: #333333; background-color:#f5821f; width: 600px; height: 50px; margin-top: 20px; border: 1px solid #333333; padding: 20px;}
.welcomeboxes a:link {color: white;}
.welcomeboxes a:visited {color: white;}
.welcomeboxes a:hover {color: white;}
.welcomeboxes a:active {color: white;}

.iconfrontpage {margin-top:20px; float: left; margin-right:20px;}

#loggedinrightwhite { width: 320px; background-color: white; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; border: 1px gray solid; padding: 20px;}


/* FOOTER */
#footer { margin-top: 20px; text-align: center; font-size: 10px; margin-bottom: 20px; }
#footer a:link { color: #72bf44; text-decoration: underline; }
#search a:link { color: #72bf44; text-decoration: underline; }

/* CONNECT */
#connectleft { float: left; width: 400px; margin-right: 70px; margin-left: 20px; }
#connectright {  float: left; margin-right: 20px; width: 380px;}

/* REFLECT */
#reflectleft { float: left; width: 600px; margin-right: 60px; margin-left: 20px; }
#reflectright a:link { color: #5c2d91; text-decoration:none;}
#reflectright a:hover { color: black; text-decoration:underline;}
#journalleft {float: left; margin-top:20px; width: 790px;}
.graylinepostcard {height:1px; width:800px; margin-top:20px;}
#photosmain {float: left; margin-top:20px; width:790px;}
#postcards { float: left; width: 870px; margin-right: 60px; margin-left: 20px; }
#postcardsleft {float: left; width: 340px; margin-right: 50px; margin-top:20px;}

/* TRAVEL */
#travelleft {width:620px; float: left; margin-right:40px; margin-left:20px;}
#travelright {background-color:#ffffff; width:240px; float: left;}
.tripmanipulation {display: none;padding:10px; border: 1px solid gray; margin:10px; width:300px;}
.tripmanipulation2 {display: none;}
#listoftriplegs {float: left; width:490px; padding: 10px;}
#addanewleg {border: 1px solid #333333; padding: 20px; margin-top: 40px;}
#piazzaright {float: left; width: 240px;}
#piazzapicture {width: 260px; height:170px;}
.piazzaicon {margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }

/* TYPE */
body { font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#333; }
.coolheading {font: 16px/20px "Helvetica", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #333;}
.mediumheading {font: 22px/28px "Helvetica", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #333;}
.bigheading  {font: 34px/38px "Helvetica", "Lucida Grande", Geneva, Arial, Verdana, sans-serif; color: #333; letter-spacing:-1px; margin-bottom:10px;}
.underline {text-decoration: underline;}
.italics {font-style: italic;}
.bold{font-weight: bold;}
.clearing {clear:both;}
.centering {text-align:center;}
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.blockit {display:block;}

/* WHO KNOWS */