/* GLOBAL ELEMENTS */
html {font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }
body {margin: 0px; padding: 0px; background-color: #ddd; text-align: center; color: #333; font-size: 75%;}

#frame {width: 760px; margin: 0px auto 0px auto; padding: 0px 0px 10px 0px; text-align: left;}

p { margin-top: 0px; font-size: 95%; line-height: 125%; padding-top: 0px;}
.small {font-size: 10px;}
a {text-decoration: none;}
.hidden {display: none;}
.clear {clear: both;}
.first {margin-top: -10px; padding-top: -10px;}
.margintop {margin-top: 10px;}
.caption {font-size: 11px; font-style: italic; margin-top: 0px; text-align:center}
.center {text-align: center;}
.pagenav {font-size: 11px; margin: 0px 0px 22px 0px;}

/* TOP BAR */
#topBar {background-color: #2d2a62;	overflow: hidden; width: 760px;}
#topBar a {color: #fff; text-decoration: none;}
#topBar a:visited {color: #fff;}
#topBar img {float: left; margin: 3px 5px 7px 10px;}

#topBar ul { float: left; margin: 0px; padding: 5px 0px; display: inline;}
#topBar ul li {padding: 0px 6px 0px 0px; margin: 0px 6px 0px 0px; font-size: 12px; color: #fff; line-height: 15px; vertical-align: bottom; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #fff; float: left; list-style: none;}
#topBar ul li.last {border-style: none;}
#topBar ul#help {float: right; margin: 0px; padding: 5px 10px 5px 0px;}
#topBar ul#help li {padding: 0px; padding-right:8px; margin: 0px; font-size: 11px; color: #fff; line-height: 15px; border-style: none;}
#topBar ul#help li.last {padding-right: 0px;}

#banner {	background-color:#fff;
	padding: 10px 0 10px 10px;
	margin: 0px;
	height: 61px;
	width: 750px;
	border-bottom-color: #3cf;
	border-bottom-style: solid;
	border-bottom-width: 18px;
}
#banner img {display:inline; clear:none; float: left;}

#banner #igertLogo {float: right; width: 109px; height: 61px; vertical-align: text-bottom; top:25px; position: relative; padding-right: 10px; }


/* MAIN */
/* NAVIGATION */
#sideBar {float: left; width: 159px; margin: 0px;	padding: 0px 0px 20px 0px;}

#igert {width: 159px; text-align: right;}
#igert p {color: #336699; font-family: Verdana, Geneva, sans-serif; font-size: 11px; line-height: 19px;}


#nav img {margin-left: 3px;}

#nav {background: #333;	list-style: none;	margin: 20px 0px 15px 10px;	padding: 0;	width: 149px;	font-size: 11px; letter-spacing: .1em;}
#nav li {font: 100%; margin: 0;	padding: 0;}
#nav li a {border-bottom: 1px solid #fff; color: #fff;	display: block;	margin: 0;	padding: 6px 12px;	text-decoration: none;	font-weight:normal;}
#nav li a:hover {background-color: #3cf; color: #fff; padding-bottom: 6px;}
#nav li a.current {background-color: #3cf; color: #fff; padding-bottom: 6px;}

ul#subNav {list-style: none;
	margin-left: 0;
	text-indent: -1em;
	background: #fff; border-right: 1px #3cf solid; border-left: 1px #3cf solid; padding:0px 0 5px 1.5em; margin-top: -1px; letter-spacing: .05em}
ul#subNav  li a {color: #999; background-color: #fff; border-bottom: none; padding: 3px 0 3px 0;}
ul#subNav li a:hover {text-decoration: underline; color: #3cf; background-color: #fff;  padding: 3px 0 3px 0;}
ul#subNav li a.active {color: #3cf; text-decoration: underline;  padding: 3px 0 3px 0;}




#main {background-color:#ffffff;background-repeat: repeat-y;width: 759px; border-style: solid; border-width: 0px 1px 0px 0px;border-color: #cccccc;overflow: hidden;}



/* MAIN CONTENT */
#contentFrame {
	float: left;
	padding: 0px;
	margin: 0px;
	width:410px;
}


/* CONTENT */
#content {
	width: 375px;
	margin: 0px;
	color: #000;
	font-size: 12px;
	padding: 15px 10px 1em 24px;
}
#content a {color: #3cf;}
#content a:hover {color: #999;}
#content h1 {width: 100%; font-family: arial, helvetica, sans-serif; font-weight: normal; font-size: 22px; line-height: 14px; color: #333;  padding: 0px 0px 8px 0px;  margin: 5px 0px 0px 0px; font-stretch: semi-expanded;}


#content h2 {width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; text-transform: uppercase;	color: #3CF;	margin: 10px 0px 0px 0px;	padding: 10px 0px 4px 0px;}


#content h3 {width: 100%; font-size: 95%; font-weight: bold; padding: 0px 0px 0px 0px;  margin: 5px 0px 0px 0px;}

#content h4 {width: 100%; font-size: 95%; font-weight: normal; margin-top: 5px; color: #666; padding: 10px 0 0;}
#content ul {text-indent: -1em; list-style: none; padding: 0 0 0 10px; margin: 0px; font-size: 95%;}
#content ul.bullet {text-indent: 0; list-style:disc; margin: 0 0 0 10px;}
#content ol {padding: 0 0 0 1.5em; margin: 0px 0px 1em 0px; font-size: 95%;}
#content ul li, ol li {margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; margin-bottom: 10px;}

#content #mainPhoto {width: 371px; }
#content #mainPhoto p {font-size: 90%; font-style: italic; color: #999; margin-top: 0px; padding-top:0px; text-align: right; margin-bottom: 0px; padding-bottom: 0px;}
#content #mainPhoto img {border: solid #333 1px;}

#content table {width: 369px; padding: 0px;}
#content table tr td {vertical-align: top; padding-bottom: 10px;}
#content table tr td p {font-size: 90%; line-height: 120%; padding-left: 10px;}
#content table tr td img {border: 1px solid #333;}

/* RIGHT COLUMN */
#rightCol {
	width: 180px;
	float: right;
	padding: 25px 0px 0px 5px;
}
#rightCol ul {list-style-type: none; margin-left: 0px; padding-left: 0px; font-size: 90%; line-height: 250%; }
#rightCol ul li {margin-left: 0px; padding-left: 0px;}
#rightCol ul li.current {color: #F33; font-weight: bold;}
#rightCol ul li a:hover {color: #F33;}
#rightCol ul li a, #rightCol ul li a:visited {color: #6b77b3;}



/* LEFT PHOTO */
.leftPhoto {float: left; margin: 0px 10px 0px 0px; display: inline;}
.leftPhoto img {margin: 0px 20px 0px 0px; border: solid 1px #333;}
.leftPhoto p {font-style: italic; font-size: 95%; margin: 0px 0px 10px 0px;}

.leftPhoto225 {width: 225px; float: left; margin: 0px 20px 0px 0px; display: inline;}
.leftPhoto225 img.arrow {z-index:100; position: relative; left: 95px; top: -65px}
.leftPhoto225 p {font-style: italic; font-size: 95%; margin: 0px 0px 10px 0px; display: block;}

/* RIGHT PHOTO */
.rightPhoto {float: right; display: inline; margin-left: 10px;}
.rightPhoto img {margin: 0px 0px 0px 0px; border: solid 1px #333;}
.rightPhoto p {font-style: italic; font-size: 95%; margin: 0px 0px 10px 0px;}

/* FOOTER */
#bottomBar {margin: 0px; padding: 5px 0px; background-color: #2d2a62; width: 760px; overflow: hidden;}
#bottomBar ul {margin: 0px 10px 0px 0px; padding: 0px;}

#footer {margin: 0px; padding: 0px; width: 760px;}
#footer div#bottomBar ul li {float: left; padding: 0px 0px 0px 6px; margin: 0px 0px 0px 6px; font-size: 11px; color: #fff; line-height: 15px; border-style: solid;border-width: 0px 0px 0px 1px; border-color: #ffffff; list-style: none; display: inline;}
#footer div#bottomBar ul li.first {border-style: none;}
#footer div#bottomBar ul li a {color: #fff; text-decoration: none;}
#footer div#bottomBar ul li a:visited {color: #fff;}
#footer p {font-size: 11px; color: #000; margin: 5px 0px; text-align: right;}
#footer p a {color: #2d2a62;}
#footer p a:visited {color: #2d2a62;}