/* CSS Document */
.bookmarkImage { margin:10px 0px 0px 0px; }
/* ------------------------------------------------------------------ LAYOUT ------------------------------------------------------------------- */
.divider { width:928px;height:20px; overflow:hidden; float:left; margin :0px; background:url(../images/background.jpg) repeat-y scroll;}

#left { width:828px; height:auto; overflow:hidden; float:left; margin :0px;  background:url(../images/content-bg.png) top left no-repeat; margin-top:15px; padding:20px 50px}
#right { width:644px; height:auto; overflow:hidden; float:right;}
#top { width:928px;height:350px; overflow:hidden; float:left; margin :0px;}

#introHolder { margin-top:51px; width:440px; margin-left:18px; background:url(../images/intro-middle.jpg) top left repeat-y; float:left}
#introHolderTop { padding-top:12px; width:440px; float:left; background:url(../images/intro-top.jpg) top left no-repeat}
#introHolderBottom { width:400px; float:left; background:url(../images/intro-bottom.jpg) bottom left no-repeat; padding:0px 20px;padding-bottom:12px; }
#introHolderBottom img { padding-bottom:10px}
#introHolderBottom h2 { color:#fff; font-size:16px; padding-bottom:15px;}
#introHolderBottom p { color:#fff; font-size:12px; padding-bottom:15px;}
#introHolderBottom p a { color:#fff; text-decoration:none}
#introHolderBottom p a:hover { color:#fff; text-decoration:underline}

#topRight { width:375px; height:330px; float:right; background:url(../images/top-right.jpg) top right no-repeat}
#topRight p { color:#003398; text-align:right; padding:10px; font-size:14px; font-weight:bold}

#left h1 { font-size:18px; color:#ffd800; padding-bottom:15px;}
#left h2 { font-size:16px; color:#ffd800; padding-bottom:5px; padding-top:10px;}
#left p { font-size:12px; color:#fff; padding-bottom:15px; line-height:18px;}
#left p a { color:#fff; font-weight:bold;}