/* Default CSS Document */

/** BODY ELEMENTS **/
* { margin: 0;padding: 0;}


body {color: #333; background-color: #3b7eac; font-family: "Georgia", serif; font-size: .75em; text-align: center;}

a {color: #b33951;}

/** MAIN CONTAINERS **/
div.container {background-color: #fff; border-right: 2px solid #2c6992; border-bottom: 2px solid #2c6992; width: 900px; margin: 2em auto; padding: 10px; text-align: left;}
div.container-flash {background-color: #fff; border-right: 2px solid #2c6992; border-bottom: 2px solid #2c6992; width: 750px; margin: 2em auto; padding: 10px; text-align: left;}
div.border {border: 2px solid #90b6d0; padding:1em 0 2em 2em;}

	div.header {margin-top: 0; margin-bottom: 2em;}
		div.headercenter {margin: 0 200px 0 280px;}
			div.headercenter h2{margin-left: .3em; margin-right:.3em; font-weight: normal; color:#666; font-size:1.1em; line-height: 1.6em;}
		
		div.headerleft {width: 280px; float: left;}
			
		div.headerright { width: 180px; float: right;}
			div.headerright h4 {color: #3b7eac; font-weight: normal; font-size: .95em; line-height: 1.6em;}
			div.headerright h4 a{color: #b33951; text-decoration:underline;}
			
		
	
	div.content { margin-bottom: 3em; }
		div.columncenter {margin: 0 200px 0 280px;}
			div.columncenter img {padding:8px; border: 1px solid #999;}
		
		div.columnleft {width: 260px; float: left;}
			div.columnleft h3 {font-weight:normal; color: #b33951; font-size:1.35em; margin: 0 0 .5em 0;}
			div.columnleft h4 {font-family: arial, sans-serif; font-weight:normal; color: #3b7eac; font-size:1em; margin: 0 0 .2em 0;}
			div.columnleft h5 {margin-right: 2em;font-weight:normal; font-size: .95em; line-height: 1.6em;}
			
		div.columnright {width: 180px; float: right; border-top: 2px solid #90b6d0;}
			div.columnright h4 {color: #3b7eac; font-weight:normal; font-size: .95em; line-height: 1.6em;}
			div.columnright h4 a{color: #b33951; text-decoration:underline;}
			
	div.floatclear {clear:both;}
	
	div.footer {clear: both; color: #fff; margin-bottom: 1em;}

		
	div#back {clear: both; color: #fff; margin-top: 1em;}
		div#back a {color: #fff;}



/** IMAGE ROLLOVER **/

#CV {display: block; width: 165px; height: 30px; background: url("../images/downloadcv.gif") no-repeat 0 0;}
#CV:hover {background-position: 0 -30px;}
#CV span {display: none;}

#slideshow {display: block; width: 165px; height: 30px; background: url("../images/slideshow.gif") no-repeat 0 0;}
#slideshow:hover {background-position: 0 -30px;}
#slideshow span {display: none;}

.viewmore {display: block; width: 117px; height: 26px; background: url("../images/viewmore.gif") no-repeat 0 0;}
.viewmore:hover {background-position: 0 -26px;}
.viewmore span {display: none;}

.visit {display: block; width: 117px; height: 26px; background: url("../images/visit.gif") no-repeat 0 0;}
.visit:hover {background-position: 0 -26px;}
.visit span {display: none;}

.ecard {display: block; width: 117px; height: 26px; background: url("../images/viewecard.gif") no-repeat 0 0;}
.ecard:hover {background-position: 0 -26px;}
.ecard span {display: none;}

.flash {display: block; width: 171px; height: 26px; background: url("../images/viewflash.gif") no-repeat 0 0;}
.flash:hover {background-position: 0 -26px;}
.flash span {display: none;}